.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.button {
  color: #fff;
  text-align: center;
  background-color: #f06036;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  font-family: Exo, sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.button:hover {
  background-color: #e64111;
}

.dropdown-toggle {
  z-index: 12;
  text-transform: uppercase;
  white-space: nowrap;
  display: flex;
}

.section-header {
  width: auto;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  background-image: linear-gradient(rgba(255, 255, 255, .86), rgba(255, 255, 255, .86)), url('../images/dvspro_main_img.jpg');
  background-position: 0 0, 50% 17%;
  background-repeat: repeat, repeat-x;
  background-size: auto, cover;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.logo {
  width: 120px;
  justify-content: center;
  align-items: center;
  display: block;
}

.image-logo {
  width: 120px;
  display: block;
}

.menu {
  max-width: 100%;
  text-align: right;
  justify-content: space-between;
  align-items: center;
  padding-left: 50px;
  padding-right: 50px;
  display: block;
}

.nav-menu {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.navbar {
  z-index: 11;
  max-width: 100%;
  background-color: rgba(0, 0, 0, 0);
  justify-content: space-between;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
}

.container-accueil {
  max-width: 1100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 80px;
  display: flex;
}

.paragraph-page-accueil {
  color: #2c3452;
  margin-bottom: 30px;
  font-family: Open Sans, sans-serif;
  font-size: 17px;
  line-height: 26px;
  display: flex;
}

.button-demande-devis {
  width: 35%;
  height: 55px;
  text-align: center;
  background-color: #f06036;
  background-image: url('../images/circle-right-regular.svg');
  background-position: 10%;
  background-repeat: no-repeat;
  background-size: 30px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 25px 10px 64px;
  font-size: 25px;
  font-weight: 500;
  line-height: 25px;
  display: flex;
}

.button-demande-devis:hover {
  background-color: #e64111;
}

.body {
  color: #2c3452;
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-clip: border-box;
  font-family: Exo, sans-serif;
}

.titre-page-accueil {
  width: 100%;
  height: auto;
  color: #2c3452;
  text-align: center;
  font-size: 44px;
}

.bold-text {
  color: #2c3452;
  font-size: 21px;
  font-weight: 600;
  line-height: 21px;
}

.nav-link-menu {
  color: #2c3452;
  text-transform: uppercase;
  white-space: normal;
  font-family: Exo, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.nav-link-menu:hover {
  color: #f06036;
}

.nav-link-menu.w--current {
  color: #f06036;
  margin-left: auto;
  margin-right: auto;
}

.bandeau-t-l-phone {
  max-width: 1140px;
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.bold-text-t-l-phone {
  color: #f06036;
  justify-content: center;
  align-items: center;
  padding-right: 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 33px;
  display: block;
}

.by {
  color: #2c3452;
  text-align: center;
  align-self: center;
  align-items: center;
  margin-bottom: 0;
  padding: 0 10px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.section-bandeau-t-l-phone {
  z-index: 10;
  width: auto;
  height: 60px;
  outline-offset: 0px;
  white-space: normal;
  background-color: #fff;
  outline: 1px solid #dadada;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.logo-uniprotection {
  height: auto;
  flex: 0 auto;
  align-self: center;
  display: block;
}

.paragraph-banner-t-l-phone {
  width: 100%;
  text-align: left;
  margin-bottom: 0;
  margin-right: 60px;
  padding-right: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}

.logo-dvspro {
  align-self: center;
  margin-left: 0;
  padding-top: 0;
  padding-left: 0;
}

.container-pourquoi {
  max-width: 1100px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.bold-text-2 {
  color: #2c3452;
  align-self: center;
  font-family: Exo, sans-serif;
  font-size: 35px;
  font-weight: 600;
  line-height: 35px;
}

.s-parateur-centre {
  width: 150px;
  height: 1px;
  background-color: #f06036;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin: 20px auto;
  display: flex;
}

.section-pourquoi {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 70px;
  margin-bottom: 70px;
  padding-bottom: 0;
  display: flex;
}

.grid {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-content: center;
  justify-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
  font-weight: 600;
}

.cellule {
  width: auto;
  height: auto;
  outline-offset: 0px;
  text-align: center;
  mix-blend-mode: normal;
  border: 2px #f06036;
  border-radius: 50px;
  outline: 3px #333;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.image {
  text-align: center;
  margin-bottom: 20px;
  display: block;
}

.paragraph {
  width: 99.9999%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 19px;
  display: flex;
}

.paragraph-par-d-faut {
  width: auto;
  text-align: left;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 15px;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  display: inline-block;
}

.paragraph-par-d-faut.espace-20 {
  text-align: left;
  margin-bottom: 20px;
}

.liste {
  border-left: 3px solid #eb6037;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 15px;
  display: flex;
}

.list-puce-item {
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
}

.list {
  margin-bottom: 0;
  padding-left: 50px;
}

.titre-pourquoi {
  align-self: center;
  margin-top: 0;
  margin-bottom: 0;
}

.section-tabs {
  background-color: #f6f6f6;
  margin-top: 0;
  padding-top: 70px;
  padding-bottom: 70px;
}

.container {
  max-width: 1140px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tab-vid-osurveillance {
  width: 28%;
  background-color: #2c3452;
  border-radius: 5px;
  margin-right: 5px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.tab-vid-osurveillance.w--current {
  width: 28%;
  background-color: #f06036;
  border-radius: 5px;
  margin-left: 0;
  margin-right: 5px;
  padding: 40px 15px;
}

.tab-link-alarme {
  width: 16.66%;
  background-color: #2c3452;
  border-radius: 5px;
  margin-left: 5px;
  margin-right: 5px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.tab-link-alarme.w--current {
  background-color: #f06036;
}

.text-block-tabs {
  color: #fff;
  text-align: center;
  font-size: 18px;
  line-height: 22px;
}

.titre-installation {
  width: 100%;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Exo, sans-serif;
  font-size: 30px;
  font-weight: 500;
}

.tabs {
  width: 100%;
  max-width: 1200px;
  align-self: center;
  margin-top: 30px;
}

.grid-tab {
  grid-column-gap: 92px;
  grid-template-rows: auto;
  margin-top: 0;
  margin-bottom: 40px;
  padding-right: 0;
}

.list-item-tabs {
  width: 100%;
  background-image: url('../images/circle-dot-solid.svg');
  background-position: 0 49%;
  background-repeat: no-repeat;
  background-size: 15px;
  border-bottom: 1px solid #d8d8d8;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 24px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  list-style-type: none;
}

.tab-pane-vid-osurveillance {
  align-self: flex-start;
  padding: 60px 80px 60px 60px;
}

.button-en-savoir-plus {
  width: 20%;
  max-width: none;
  text-align: center;
  background-color: #eb6037;
  border-radius: 5px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 20px;
  font-weight: 500;
  display: flex;
}

.button-en-savoir-plus:hover {
  background-color: #e64111;
}

.tabs-content {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tab-link-protection {
  width: 16.66%;
  background-color: #2c3452;
  border-radius: 5px;
  margin-left: 5px;
  margin-right: 5px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.tab-link-protection.w--current {
  background-color: #f06036;
}

.tab-d-tection {
  width: 16.66%;
  background-color: #2c3452;
  border-radius: 5px;
  margin-left: 5px;
  margin-right: 5px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.tab-d-tection.w--current {
  background-color: #f06036;
}

.tab-contr-le {
  width: 16.66%;
  background-color: #2c3452;
  border-radius: 5px;
  margin-left: 5px;
  margin-right: 5px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.tab-contr-le.w--current {
  background-color: #f06036;
}

.bold-text-tab {
  font-weight: 600;
}

.tab-pane-alarme {
  align-self: flex-start;
  padding: 60px 80px 60px 60px;
}

.list-tab-2 {
  margin-top: 20px;
  margin-bottom: 40px;
}

.tab-pane-protection {
  align-self: flex-start;
  padding: 60px 80px 60px 60px;
}

.grid-tab-systemes {
  grid-column-gap: 91px;
  grid-template-rows: auto;
  margin-top: 0;
  margin-bottom: 40px;
}

.cadre {
  width: 50%;
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #2c3452;
  flex-direction: column;
  align-items: center;
  margin: 40px auto;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.chiffre {
  margin-top: 5px;
  margin-bottom: 15px;
  padding-bottom: 0;
  font-family: Open Sans, sans-serif;
}

.tab-pane-d-tection {
  border: 1px #000;
  padding: 60px;
}

.tab-pane-contr-le {
  padding: 60px 60px 0;
}

.container-installation {
  max-width: 1200px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.section-installation {
  flex-direction: column;
  align-items: center;
  padding-top: 70px;
  padding-bottom: 70px;
  display: flex;
}

.grid-installation {
  grid-column-gap: 37px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr .75fr;
  align-items: center;
}

.list-item {
  margin-bottom: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 23px;
}

.div-texte {
  padding-right: 40px;
  font-family: Open Sans, sans-serif;
}

.cadre-installation {
  width: 100%;
  outline-offset: 0px;
  text-align: center;
  background-color: #f06036;
  border-radius: 5px;
  outline: 2px #2c3452;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 60px 40px 0;
  display: flex;
}

.texte-tableau {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.button-demande-devis-tableau {
  width: 280px;
  height: 55px;
  color: #2c3452;
  text-align: center;
  background-color: #fff;
  background-image: url('../images/flèche-bleue.svg');
  background-position: 25px;
  background-repeat: no-repeat;
  background-size: 25px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin: 20px auto 40px;
  padding: 10px 15px 10px 50px;
  font-family: Exo, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  transition: background-color .15s ease-in-out;
  display: flex;
}

.button-demande-devis-tableau:hover {
  color: #fff;
  background-color: #2c3452;
  background-image: url('../images/circle-right-regular.svg');
}

.paragraph-2 {
  font-size: 16px;
}

.titre-tableaux {
  width: 70%;
  text-align: center;
  object-fit: fill;
  background-color: #2c3452;
  border-radius: 5px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 30px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  position: relative;
  top: 45px;
}

.bold-text-6, .bold-text-7 {
  color: #fff;
  font-size: 19px;
  font-weight: 600;
}

.list-installation {
  margin-top: 10px;
  margin-bottom: 30px;
  padding-left: 50px;
  list-style-type: disc;
}

.s-parateur-gauche {
  width: 150px;
  height: 1px;
  background-color: #f06036;
  flex-direction: row;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.devis {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 40px;
  display: flex;
}

.container-devis {
  max-width: 1140px;
  padding-left: 0;
  padding-right: 0;
}

.grid-logos-clients {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  grid-template-rows: minmax(96px, .25fr) minmax(0, .75fr) minmax(100px, .5fr);
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-items: center;
  justify-items: center;
  padding: 40px 50px;
  display: grid;
}

.sous-titre-devis {
  color: #2c3452;
  margin-bottom: 20px;
  font-size: 23px;
  font-weight: 500;
  line-height: 23px;
}

.paragraph-par-d-faut-centre {
  width: 90%;
  color: #3e3e3e;
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  padding-top: 0;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  display: inline-block;
}

.section-bandeau-bleu {
  background-color: #2c3452;
  padding-top: 100px;
  padding-bottom: 100px;
}

.container-bandeau-bleu {
  max-width: 1140px;
}

.grille-activit {
  grid-column-gap: 163px;
  grid-row-gap: 7px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 40px;
  margin-bottom: 40px;
}

.paragraph-bandeau-bleu {
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
  font-size: 30px;
  line-height: 30px;
}

.activit-bureau {
  color: #fff;
  background-image: url('../images/display-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 40px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-restaurant {
  color: #fff;
  background-image: url('../images/martini-glass-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 40px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-copropri-t {
  color: #fff;
  background-image: url('../images/building-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 40px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-usine {
  color: #fff;
  background-image: url('../images/gears-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 40px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-caf {
  color: #fff;
  background-image: url('../images/mug-saucer-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 40px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-commerce {
  color: #fff;
  background-image: url('../images/cart-plus-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 40px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-batiment {
  color: #fff;
  background-image: url('../images/simplybuilt-brands.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 40px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-parking {
  color: #fff;
  background-image: url('../images/car-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 40px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-hotel {
  color: #fff;
  background-image: url('../images/hotel-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 40px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-entrepot {
  color: #fff;
  background-image: url('../images/inbox-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 40px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-sant {
  color: #fff;
  background-image: url('../images/heart-pulse-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 40px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-administration {
  color: #fff;
  background-image: url('../images/building-columns-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 40px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.footer {
  background-color: #f6f6f6;
  padding-top: 30px;
  padding-bottom: 30px;
}

.menu-footer {
  width: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.button-ensavoir-plus {
  width: 25%;
  height: 55px;
  text-align: center;
  background-color: #f06036;
  background-image: url('../images/circle-right-regular.svg');
  background-position: 25px;
  background-repeat: no-repeat;
  background-size: 30px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 5px 10px 43px;
  font-size: 25px;
  font-weight: 500;
  line-height: 25px;
  display: flex;
}

.button-ensavoir-plus:hover {
  background-color: #e64111;
}

.logo-footer {
  margin-right: 20px;
}

.container-bandeau {
  max-width: 1100px;
}

.section-bandeau-questions {
  background-color: #2c3452;
  background-image: url('../images/img-header-page-a-propos.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px 2%;
}

.titre-h1-bandeau {
  width: 50%;
  color: #fff;
  margin-top: 10px;
  font-size: 32px;
  font-weight: 600;
  line-height: 32px;
}

.section-questions {
  width: 100%;
  background-image: linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url('../images/img-background-page-questions-dvspro.jpg');
  background-position: 0 0, -40% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  margin-top: 0;
  padding-top: 70px;
  padding-bottom: 70px;
}

.container-questions {
  max-width: 1100px;
}

.list-item-questions {
  outline-offset: 0px;
  border-bottom: 1px solid #9b9b9b;
  outline: 0 #2c3452;
  margin-top: 0;
  margin-left: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  list-style-type: none;
}

.link-question-1 {
  color: #2c3452;
  background-image: url('../images/video.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 30px;
  border-bottom: 1px #9e9e9e;
  margin-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 45px;
  text-decoration: none;
  display: block;
}

.link-question-1:hover {
  color: #f06036;
}

.link-question-2 {
  color: #2c3452;
  background-image: url('../images/scale-balanced-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 30px;
  border-bottom: 1px #9e9e9e;
  margin-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 45px;
  text-decoration: none;
  display: block;
}

.link-question-2:hover {
  color: #f06036;
}

.link-question-3 {
  color: #2c3452;
  background-image: url('../images/question-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 25px;
  border-bottom: 1px #9e9e9e;
  margin-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 45px;
  text-decoration: none;
  display: block;
}

.link-question-3:hover {
  color: #f06036;
}

.link-question-4 {
  color: #2c3452;
  background-image: url('../images/shield-halved-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 30px;
  border-bottom: 1px #9e9e9e;
  margin-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 45px;
  text-decoration: none;
  display: block;
}

.link-question-4:hover {
  color: #f06036;
}

.link-question-5 {
  color: #2c3452;
  background-image: url('../images/suitcase-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 30px;
  border-bottom: 1px #9e9e9e;
  margin-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 45px;
  text-decoration: none;
  display: block;
}

.link-question-5:hover {
  color: #f06036;
}

.link-question-6 {
  color: #2c3452;
  background-image: url('../images/gears-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 30px;
  border-bottom: 1px #9e9e9e;
  margin-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 45px;
  text-decoration: none;
  display: block;
}

.link-question-6:hover {
  color: #f06036;
}

.link-question-7 {
  color: #2c3452;
  background-image: url('../images/eye-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 30px;
  border-bottom: 1px #9e9e9e;
  margin-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 45px;
  text-decoration: none;
  display: block;
}

.link-question-7:hover {
  color: #f06036;
}

.link-question-8 {
  color: #2c3452;
  background-image: url('../images/camera-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 30px;
  border-bottom: 1px #9e9e9e;
  margin-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 45px;
  text-decoration: none;
  display: block;
}

.link-question-8:hover {
  color: #f06036;
}

.link-question-9 {
  color: #2c3452;
  background-image: url('../images/circle-info-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 30px;
  border-bottom: 1px #9e9e9e;
  margin-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 45px;
  text-decoration: none;
  display: block;
}

.link-question-9:hover {
  color: #f06036;
}

.link-question-10 {
  color: #2c3452;
  background-image: url('../images/wrench-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 30px;
  border-bottom: 1px #9e9e9e;
  margin-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 45px;
  text-decoration: none;
  display: block;
}

.link-question-10:hover {
  color: #f06036;
}

.paragraph-questions {
  color: #f06036;
  text-align: center;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 27px;
}

.s-parateur-bleu {
  width: 150px;
  height: 1px;
  background-color: #11203f;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin: 20px auto 40px;
  line-height: 20364800000000px;
  display: flex;
}

.list-questions {
  margin-top: 20px;
  margin-bottom: 0;
}

.container-bandeau-orange {
  max-width: 1100px;
  display: inline-block;
}

.section-bandeau-orange {
  background-color: #f06036;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.list-item-questions-fin {
  outline-offset: 0px;
  border: 1px #000;
  outline: 3px #2c3452;
  margin-top: 0;
  margin-left: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  list-style-type: none;
}

.heading {
  color: #fff;
  text-align: center;
  margin-top: 0;
  font-size: 25px;
  font-weight: 600;
  line-height: 25px;
}

.grid-bandeau-orange {
  grid-column-gap: 25px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  align-items: center;
  justify-items: center;
  padding-left: 100px;
  padding-right: 100px;
}

.button-devis-demande {
  width: 100%;
  height: 55px;
  color: #2c3452;
  text-align: center;
  background-color: #fff;
  background-image: url('../images/flèche-bleue.svg');
  background-position: 45px;
  background-repeat: no-repeat;
  background-size: 25px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin: 20px auto 0;
  padding: 10px 8px 10px 30px;
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  display: flex;
}

.button-devis-demande:hover {
  color: #f06036;
  background-image: url('../images/circle-right-orange.svg');
}

.button-demande-audit {
  width: 100%;
  height: 55px;
  color: #fff;
  text-align: center;
  background-color: #2c3452;
  background-image: url('../images/circle-right-regular.svg');
  background-position: 37px;
  background-repeat: no-repeat;
  background-size: 25px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin: 20px auto 0;
  padding: 10px 10px 10px 37px;
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  text-decoration: none;
  display: flex;
}

.button-demande-audit:hover {
  color: #f06036;
  background-image: url('../images/circle-right-orange.svg');
}

.bold-text-8 {
  color: #f06036;
  text-decoration: none;
}

.paragraph-devis {
  color: #2c3452;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
}

.plus {
  margin-top: 5px;
  margin-bottom: 15px;
  padding-bottom: 0;
}

.list-item-tabs-fin {
  width: 100%;
  background-image: url('../images/circle-dot-solid.svg');
  background-position: 0 49%;
  background-repeat: no-repeat;
  background-size: 15px;
  border-bottom: 1px solid #d8d8d8;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 24px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  list-style-type: none;
}

.div-logo {
  align-items: center;
  display: flex;
}

.paragraph-footer {
  color: #2c3452;
  text-align: center;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Open Sans, sans-serif;
}

.link-footer-1 {
  color: #2c3452;
  text-decoration: underline;
}

.link-footer-site {
  color: #2c3452;
  margin-left: 20px;
  text-decoration: none;
}

.slider-logos {
  display: none;
}

.section-bandeau-t-l-phone-haut {
  z-index: 10;
  outline-offset: 0px;
  background-color: #fff;
  outline: 1px solid #dadada;
  justify-content: center;
  align-items: center;
  display: block;
  position: -webkit-sticky;
  position: sticky;
  top: 0%;
  bottom: 0;
  left: 0%;
  right: 0%;
}

.bandeau-t-l-phone-haut {
  max-width: 100%;
  text-align: center;
  background-color: #fff;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: block;
}

.paragraph-banner-t-l-phone-haut {
  color: #2c3452;
  text-align: left;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}

.div-logo-haut {
  justify-content: center;
  align-items: center;
  display: flex;
}

.grid-tab-responsive {
  grid-template-rows: auto;
  margin-top: 0;
  margin-bottom: 40px;
  padding-right: 0;
  display: none;
}

.bold-text-12 {
  color: #f06036;
  font-weight: 600;
}

.section-bandeau-a-propos {
  background-color: #2c3452;
  background-image: url('../images/img-header-page-a-propos.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px 2%;
}

.container-bandeau-a-propos {
  max-width: 1100px;
}

.titre-h1-bandeau-a-propos {
  width: 50%;
  color: #fff;
  margin-top: 10px;
  font-size: 32px;
  font-weight: 600;
  line-height: 32px;
}

.container-slider {
  max-width: 1100px;
}

.grid-slider {
  grid-column-gap: 99px;
  grid-template-rows: auto auto auto;
}

.bold-text-13 {
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  display: block;
}

.list-item-premier-element {
  margin-bottom: 10px;
  padding-top: 10px;
  font-size: 16px;
  line-height: 23px;
}

.list-item-3 {
  font-size: 16px;
  line-height: 23px;
}

.icon-6, .icon-7, .boules {
  display: none;
}

.slider {
  height: auto;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph-slider {
  height: auto;
  color: #f06036;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 600;
  line-height: 35px;
  display: flex;
}

.div-block-slider {
  justify-content: center;
  align-items: center;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.right-arrow, .left-arrow {
  display: none;
}

.slide {
  height: auto;
}

.div-slide {
  height: auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.mask-slider {
  height: auto;
}

.section-slider {
  padding-top: 70px;
  padding-bottom: 100px;
}

.section-professionnels {
  background-color: #2c3452;
  padding: 70px 0;
}

.container-professionnels {
  max-width: 1140px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.grid-professionnel {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-columns: 1fr 1fr 1fr;
}

.titre-h2-professionnels {
  color: #fff;
  margin-top: 0;
  font-size: 30px;
}

.sous-titre-professionnel {
  color: #f06036;
  text-align: center;
  margin-bottom: 40px;
  font-family: Open Sans, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 29px;
}

.titre-professionnel {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 600;
  line-height: 25px;
  display: flex;
}

.div-block-professionnel {
  border: 2px solid #fff;
  border-radius: 5px;
  flex-direction: column;
  align-items: center;
  padding: 30px;
  display: flex;
}

.ic-ne {
  margin-bottom: 20px;
}

.paragraph-services-securite {
  width: 100%;
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  line-height: 23px;
}

.container-d-roulement {
  max-width: 1100px;
}

.section-d-roulement {
  background-color: #f06036;
  padding-top: 70px;
  padding-bottom: 70px;
}

.div-d-roulement {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.grid-gauche-droite {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
}

.button-demande-audit-gratuit {
  width: 400px;
  height: 55px;
  color: #fff;
  text-align: center;
  background-color: #2c3452;
  background-image: url('../images/circle-right-regular.svg');
  background-position: 27px;
  background-repeat: no-repeat;
  background-size: 25px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin: 40px auto 0;
  padding: 10px 10px 10px 45px;
  font-size: 22px;
  font-weight: 500;
  line-height: 25px;
  text-decoration: none;
  display: flex;
}

.button-demande-audit-gratuit:hover {
  color: #fff;
  background-color: #f06036;
}

.titre-h3-block-image {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Exo, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 32px;
}

.div-block-image-2 {
  width: 100%;
  height: 100%;
  background-image: url('../images/img-audit-page-a-propos-dvspro.jpg');
  background-position: 50%;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-image-1 {
  width: 100%;
  height: 100%;
  background-image: url('../images/adult-boss-business-618613-scaled-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-image-3 {
  width: 100%;
  height: 100%;
  background-image: url('../images/Alarme-Professionnelle.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.bold-text-14 {
  color: #fff;
  font-family: Exo, sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 28px;
}

.div-block-text {
  width: 50vw;
  background-color: #f6f6f6;
  flex-direction: column;
  align-items: flex-start;
  padding: 100px 70px;
  display: flex;
}

.bold-text-15 {
  width: 90%;
  font-family: Exo, sans-serif;
  font-size: 38px;
  font-weight: 600;
  line-height: 38px;
}

.section-bandeau-titre-page-questions {
  background-color: #2c3452;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: flex;
}

.container-bandeau-page-questions {
  max-width: 1100px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.titre-h1-bandeau-page-questions {
  width: 100%;
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 600;
  line-height: 30px;
}

.section-page-questions {
  width: 100%;
  margin-top: 0;
  padding: 70px 0;
}

.container-page-questions {
  max-width: 900px;
}

.paragraph-page-questions {
  color: #f06036;
  text-align: center;
  margin-bottom: 0;
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  line-height: 29px;
}

.section-bandeau-orange-questions {
  background-color: #f06036;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 50px 0;
  display: flex;
}

.container-bandeau-orange-questions {
  max-width: 1100px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.grid-bandeau-orange-questions {
  grid-column-gap: 35px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-items: center;
  padding-left: 60px;
  padding-right: 60px;
}

.section-bandeau-orange-devis {
  background-color: #f06036;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 50px 0;
  display: flex;
}

.container-bandeau-orange-devis {
  max-width: 900px;
  padding-left: 0;
  padding-right: 0;
  display: inline-block;
}

.button-demande-de-devis {
  width: 340px;
  height: 55px;
  color: #fff;
  text-align: center;
  background-color: #2c3452;
  background-image: url('../images/circle-right-regular.svg');
  background-position: 30px;
  background-repeat: no-repeat;
  background-size: 25px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin: 20px auto 0;
  padding: 10px 20px 10px 55px;
  font-size: 25px;
  font-weight: 600;
  line-height: 25px;
  text-decoration: none;
  display: flex;
}

.button-demande-de-devis:hover {
  color: #29314d;
  background-color: #fff;
  background-image: url('../images/flèche-bleue.svg');
}

.paragraph-bandeau-orange-devis {
  text-align: center;
}

.titre-bandeau-orange-call-action {
  width: 100%;
  color: #fff;
  text-align: center;
  margin-bottom: 30px;
  font-size: 25px;
  font-weight: 600;
  line-height: 25px;
}

.div-page-questions {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.div-block-questions {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph-par-d-faut-justifi {
  width: auto;
  text-align: justify;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 15px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  text-decoration: none;
  display: block;
}

.grille-icone-texte {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 6.75fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  margin-left: 30px;
  display: grid;
}

.button-devis {
  width: 285px;
  height: 55px;
  color: #fff;
  text-align: center;
  background-color: #2c3452;
  background-image: url('../images/circle-right-regular.svg');
  background-position: 30px;
  background-repeat: no-repeat;
  background-size: 25px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 10px 10px 10px 40px;
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  text-decoration: none;
  display: flex;
}

.button-devis:hover {
  color: #f06036;
  background-image: url('../images/circle-right-orange.svg');
}

.button-demande-un-audit {
  width: 285px;
  height: 55px;
  color: #2c3452;
  text-align: center;
  background-color: #fff;
  background-image: url('../images/flèche-bleue.svg');
  background-position: 25px;
  background-repeat: no-repeat;
  background-size: 25px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 10px 10px 10px 40px;
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  display: flex;
}

.button-demande-un-audit:hover {
  color: #f06036;
  background-image: url('../images/circle-right-orange.svg');
}

.paragraph-div-icone {
  width: auto;
  text-align: justify;
  border-left: 4px solid #f06036;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 0;
  padding-left: 30px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  display: inline-block;
}

.bold-text-16 {
  color: #f06036;
  text-decoration: none;
}

.link, .link-2 {
  text-decoration: none;
}

.text-span {
  color: #f06036;
}

.list-page-questions {
  margin-bottom: 30px;
}

.bold-text-17, .bold-text-18, .bold-text-20, .bold-text-21 {
  text-decoration: underline;
}

.section-gauche-droite {
  margin-bottom: 0;
}

.paragraph-10 {
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 600;
  line-height: 36px;
}

.bold-text-23, .bold-text-24, .bold-text-25 {
  text-decoration: underline;
}

.div-vide-espace {
  height: 50px;
}

.link-3, .link-4 {
  color: #f06036;
  text-decoration: none;
}

.body-2 {
  font-family: Exo, sans-serif;
}

.section-gauche-droite-responsive {
  margin-bottom: 0;
  display: none;
}

.grid-gauche-droite-responsive {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
}

.div-block-image-1responsive {
  width: 100%;
  height: 100%;
  background-image: url('../images/adult-boss-business-618613-scaled-2.jpg');
  background-position: 0 0;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-text-responsive {
  background-color: #f6f6f6;
  flex-direction: column;
  align-items: flex-start;
  padding: 100px 70px;
  display: flex;
}

.div-block-image-2-responsive {
  width: 100%;
  height: 100%;
  background-image: url('../images/img-audit-page-a-propos-dvspro.jpg');
  background-position: 0 0;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-image-3-responsive {
  width: 100%;
  height: 100%;
  background-image: url('../images/Alarme-Professionnelle.jpg');
  background-position: 0 0;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-8 {
  display: inline-block;
}

.heading-2 {
  margin-top: 0;
}

.paragraph-phrase {
  width: 100%;
  text-align: left;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  margin-right: 0;
  padding-right: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
  display: block;
}

.text-span-2 {
  color: #a5a5a5;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  font-size: 16px;
  line-height: 24px;
  display: flex;
}

.grid-header {
  width: 100%;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1.5fr;
  align-content: stretch;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.section-header-devis {
  z-index: 999;
  height: 85px;
  mix-blend-mode: normal;
  background-color: #fff;
  border: 1px #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
  box-shadow: 1px 1px 7px #c2c1c1;
}

.container-header {
  max-width: 1100px;
}

.paragraph-t-l-phone {
  width: 100%;
  color: #2c3452;
  text-align: left;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  margin-right: 0;
  padding-right: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
  display: block;
}

.texte-header {
  text-decoration: none;
}

.section-formulaire-devis {
  background-image: linear-gradient(rgba(255, 255, 255, .86), rgba(255, 255, 255, .86)), url('../images/back_form_img.jpg');
  background-position: 0 0, 0%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  margin-top: 0;
  padding: 170px 0 5%;
}

.container-formulaire-devis {
  max-width: 1100px;
  padding-bottom: 0;
  padding-right: 0;
}

.grid-2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: center;
  justify-items: center;
}

.paragraph-11 {
  color: #fff;
  background-image: url('../images/check-solid.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 20px;
  justify-content: flex-start;
  margin-bottom: 0;
  padding-left: 25px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  display: flex;
}

.heading-3 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 34px;
  font-weight: 600;
  line-height: 34px;
}

.paragraph-formulaire {
  color: #a5a5a5;
  text-align: center;
  margin-bottom: 40px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
}

.div-cadre-bleu {
  background-color: #2c3452;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 40px 100px;
}

.div-formulaire-devis {
  background-color: #fff;
  border: 1px solid #a5a5a5;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 40px 100px 60px;
}

.selecteur {
  height: 50px;
  color: #2c3452;
  background-color: #fff;
  border: 1px solid #a5a5a5;
  border-radius: 3px;
  margin-bottom: 0;
  margin-right: 0;
  padding-right: 12px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.form-devis {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  justify-items: center;
  display: grid;
}

.text-field {
  height: 50px;
  color: #2c3452;
  border: 1px solid #a5a5a5;
  border-radius: 3px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
}

.submit-button {
  height: 50px;
  background-color: #f06036;
  border-radius: 5px;
  margin-top: 20px;
  padding: 10px 40px;
  font-family: Exo, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.submit-button:hover {
  background-color: #e64111;
}

.text-block {
  color: #085a35;
  font-family: Exo, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.success-message {
  background-color: #9aff86;
}

.text-block-2 {
  color: red;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 20px;
  font-weight: 600;
}

.error-message {
  margin-top: 40px;
}

.bold-text-26 {
  color: #2c3452;
}

.formulaire-devis {
  margin-bottom: 0;
}

.container-devis-video {
  max-width: 1100px;
}

.grid-devis-video {
  grid-column-gap: 88px;
  grid-template-rows: auto;
}

.div-cadre-devis-video {
  border: 1px solid #a5a5a5;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 20px;
  display: block;
}

.paragraph-12 {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  display: flex;
}

.paragraph-sous-titre-devis-video {
  color: #303030;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
}

.bold-text-27 {
  color: #303030;
  font-weight: 600;
}

.bold-text-slider {
  color: #364789;
  text-align: left;
  font-weight: 700;
}

.bold-text-29 {
  color: #f06036;
}

.sous-titres-devis-video {
  color: #303030;
  background-image: url('../images/flèche-bleue.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 25px;
  padding-left: 34px;
  font-size: 20px;
  line-height: 25px;
}

.bold-text-31 {
  color: #303030;
  font-weight: 600;
}

.paragraph-devis-video {
  width: auto;
  color: #7a7a7a;
  text-align: left;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 30px;
  padding-left: 34px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  display: inline-block;
}

.titre-devis-video {
  color: #364789;
  margin-top: 0;
  margin-bottom: 20px;
}

.paragraph-titre-form {
  color: #364789;
  text-align: center;
  margin-bottom: 30px;
  font-size: 22px;
  line-height: 33px;
}

.paragraph-sous-titre-form {
  color: #7a7a7a;
  text-align: center;
  margin-bottom: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 17px;
  line-height: 22px;
}

.section-form-devis-video {
  background-color: #f9f9fd;
  padding: 160px 3% 100px;
}

.div-formulaire-devis-video {
  background-color: #fff;
  border: 1px solid #a5a5a5;
  border-radius: 5px;
  padding: 50px;
}

.form-devis-video {
  grid-column-gap: 16px;
  grid-row-gap: 28px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-field-copy {
  height: 50px;
  color: #2c3452;
  height: 50px;
  color: #2c3452;
  height: 50px;
  color: #2c3452;
  height: 50px;
  color: #2c3452;
  height: 50px;
  color: #2c3452;
  border: 1px solid #a5a5a5;
  border-radius: 3px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
}

.selecteur-copy {
  height: 50px;
  color: #2c3452;
  background-color: #fff;
  border: 1px solid #a5a5a5;
  border-radius: 3px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding-right: 12px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.text-field-copy {
  height: 50px;
  color: #2c3452;
  border: 1px solid #a5a5a5;
  border-radius: 3px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
}

.submit-button-copy {
  width: 100%;
  height: 50px;
  background-color: #f06036;
  border-radius: 5px;
  margin-top: 0;
  padding: 12px 40px 10px;
  font-family: Exo, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.submit-button-copy:hover {
  background-color: #e64111;
}

.grid-entreprise-video {
  grid-column-gap: 95px;
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1fr;
}

.grid-icones-et-texte {
  grid-row-gap: 40px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr;
  align-content: center;
}

.sous-titre-entreprise-video {
  color: #364789;
  text-align: center;
  margin-bottom: 30px;
  font-size: 25px;
  font-weight: 500;
  line-height: 25px;
}

.titre-h2-entreprise-video {
  color: #364789;
  text-align: center;
  font-size: 30px;
  line-height: 30px;
}

.container-entreprise-video {
  max-width: 1100px;
}

.section-entreprise-video {
  background-color: #f9f9fd;
  padding: 70px 60px;
}

.div-textes-entreprise-video {
  text-align: left;
}

.item-liste-entreprise-video {
  height: auto;
  min-height: 37px;
  color: #3e3e3e;
  background-image: url('../images/shield-halved-solid.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 35px;
  align-items: center;
  margin-bottom: 0;
  padding-left: 60px;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  display: flex;
}

.item-liste-entreprise-video-2 {
  height: auto;
  min-height: 37px;
  color: #3e3e3e;
  background-image: url('../images/eye-solid.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 39px;
  align-items: center;
  margin-bottom: 0;
  padding-left: 60px;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  display: flex;
}

.item-liste-entreprise-video-3 {
  height: auto;
  min-height: 37px;
  color: #3e3e3e;
  background-image: url('../images/lock-solid.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 31px;
  align-items: center;
  margin-bottom: 0;
  padding-left: 60px;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  display: flex;
}

.item-liste-entreprise-video-4 {
  height: auto;
  min-height: 35px;
  color: #3e3e3e;
  background-image: url('../images/crosshairs-solid.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 41px;
  align-items: center;
  margin-bottom: 0;
  padding-left: 60px;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  display: flex;
}

.item-liste-entreprise-video-5 {
  height: auto;
  min-height: 40px;
  color: #3e3e3e;
  background-image: url('../images/person-running-solid.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 32px;
  align-items: center;
  margin-bottom: 0;
  padding-left: 60px;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  display: flex;
}

.grid-services {
  max-width: 1100px;
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.container-services {
  max-width: 1100px;
}

.titre-h3-services {
  color: #364789;
  text-align: center;
  margin-top: 0;
  font-size: 30px;
  line-height: 30px;
}

.item-fleches {
  color: #3e3e3e;
  background-image: url('../images/right-long-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 20px;
  margin-bottom: 0;
  padding-left: 33px;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  line-height: 27px;
}

.section-services {
  padding: 70px 100px;
}

.grid-entreprise-video-responsive {
  display: none;
}

.div-textes-entreprise-video-copy {
  text-align: left;
}

.grid-icones-et-texte-copy {
  grid-row-gap: 40px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr;
  align-content: center;
}

.container-bandeau-systeme {
  max-width: 1100px;
  text-align: left;
  padding-left: 0;
  padding-right: 100px;
}

.titre-h1-bandeau-systeme {
  width: 70%;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 38px;
  font-weight: 600;
  line-height: 38px;
}

.section-slider-video {
  padding-top: 70px;
  padding-bottom: 100px;
}

.container-slider-video {
  max-width: 1100px;
}

.grid-slider-video {
  grid-column-gap: 58px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 50% 50%;
  align-items: center;
}

.section-gauche-droite-video {
  margin-bottom: 0;
}

.grid-gauche-droite-video {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
}

.section-gauche-droite-responsive-solutions {
  margin-bottom: 0;
  display: none;
}

.grid-gauche-droite-responsive-solutions {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
}

.section-bandeau-systeme {
  background-color: #2c3452;
  background-image: linear-gradient(rgba(90, 112, 194, .3), rgba(90, 112, 194, .3)), url('../images/img-header-page-videosurveillance-dvspro.jpg');
  background-position: 0 0, 0%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding: 70px 2%;
}

.paragraph-bandeau-systeme {
  width: 70%;
  color: #fff;
  margin-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 29px;
}

.slider-chantier {
  width: 100%;
  height: auto;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
}

.mask-slider-video {
  height: auto;
  flex: 0 auto;
  order: 0;
  align-self: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
}

.slide-1-video {
  width: 100%;
  height: auto;
}

.div-slide-2 {
  width: 100%;
  height: auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph-slider-acces {
  width: 100%;
  height: auto;
  color: #f06036;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  font-size: 25px;
  font-weight: 600;
  line-height: 35px;
  display: flex;
}

.slide-2-video {
  width: 99.9997%;
  height: auto;
}

.div-block-texte-video {
  width: 100%;
}

.paragraph-italique {
  border-left: 3px solid #f06036;
  padding-left: 17px;
  font-size: 16px;
  font-style: italic;
  line-height: 23px;
}

.text-span-3 {
  color: #f06036;
  text-decoration: none;
}

.paragraph-orange {
  width: 100%;
  color: #f06036;
  text-align: center;
  font-size: 19px;
  line-height: 29px;
}

.section-bandeau-bleu-video {
  background-color: #2c3452;
  padding-top: 70px;
  padding-bottom: 70px;
}

.container-bandeau-bleu-video {
  max-width: 1140px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.grille-activit-video {
  grid-column-gap: 76px;
  grid-row-gap: 8px;
  text-align: center;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1.25fr 1fr;
  justify-items: start;
  margin-top: 20px;
  margin-bottom: 0;
}

.div-block-slider-video {
  width: 100%;
  height: auto;
  justify-content: center;
  align-items: center;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.activit-bureau-video {
  color: #fff;
  background-image: url('../images/suitcase-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-restaurant-video {
  color: #fff;
  background-image: url('../images/martini-glass-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-copropri-t-video {
  color: #fff;
  background-image: url('../images/building-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 30px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-usine-video {
  color: #fff;
  background-image: url('../images/industry-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-caf-video {
  color: #fff;
  background-image: url('../images/mug-saucer-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-commerce-video {
  color: #fff;
  background-image: url('../images/cart-plus-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-batiment-video {
  color: #fff;
  background-image: url('../images/wrench-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-parking-video {
  color: #fff;
  background-image: url('../images/car-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-hotel-video {
  color: #fff;
  background-image: url('../images/hotel-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-entrepot-video {
  color: #fff;
  background-image: url('../images/warehouse-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 25px;
  padding-left: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-administration-video {
  color: #fff;
  background-image: url('../images/building-columns-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-sant-video {
  color: #fff;
  background-image: url('../images/heart-pulse-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.slide-3-video, .slide-4-video {
  height: auto;
}

.div-block-image-video {
  width: 50vw;
  height: auto;
  max-height: none;
  min-height: auto;
  background-image: url('../images/img-videosurveillance-materiel-dvspro.jpg');
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-image-2video {
  width: 100%;
  height: 100%;
  background-image: url('../images/image-videosurveillance-camera-mobotix-devespro.jpg');
  background-position: 0 0;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-image-1-responsive-alarme {
  width: 100%;
  height: 100%;
  background-image: url('../images/adult-boss-business-618613-scaled-2.jpg');
  background-position: 0 0;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-image-2-responsive-alarme {
  width: 100%;
  height: 100%;
  background-image: url('../images/img-audit-page-a-propos-dvspro.jpg');
  background-position: 0 0;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section-services-securite {
  background-color: #2c3452;
  justify-content: center;
  align-items: center;
  padding: 70px 0;
  display: flex;
}

.container-services-securite {
  max-width: 1125px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.titre-h2-services-securite {
  color: #fff;
  margin-top: 0;
  font-size: 30px;
}

.sous-titre-services-securite {
  color: #f06036;
  text-align: center;
  justify-content: center;
  margin-bottom: 60px;
  font-family: Open Sans, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 29px;
  display: flex;
}

.grid-services-securite {
  grid-column-gap: 43px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding-left: 0;
  padding-right: 0;
}

.div-block-services {
  width: 275px;
  height: 250px;
  background-image: url('../images/back_form_img.jpg');
  background-position: 50% 100%;
  background-size: cover;
  border: 2px #fff;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  display: flex;
}

.titre-professionnel-services {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  font-size: 21px;
  font-weight: 600;
  line-height: 25px;
  display: flex;
}

.div-block-services-securite {
  width: 100%;
  border: 1px solid #969696;
  border-radius: 5px;
  flex-direction: column;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-texte-services {
  width: 100%;
  border: 2px #fff;
  border-radius: 5px;
  flex-direction: column;
  align-items: center;
  padding: 30px 15px;
  display: flex;
}

.div-block-services-2 {
  width: 275px;
  height: 250px;
  background-image: url('../images/background-analyses-videosurveillance-dvspro.jpg');
  background-position: 50% 0;
  background-size: cover;
  border: 2px #fff;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  display: flex;
}

.div-block-services-3 {
  width: 275px;
  height: 250px;
  background-image: url('../images/img-camera-mobotix-dvspro.jpg');
  background-size: cover;
  border: 2px #fff;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  display: flex;
}

.div-block-services-4 {
  width: 275px;
  height: 250px;
  background-image: url('../images/background_page_dvspro.jpg');
  background-position: 50% 100%;
  background-size: cover;
  border: 2px #fff;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  display: flex;
}

.grid-systemes {
  grid-column-gap: 123px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto;
  margin-top: 100px;
}

.titre-h3-systeme-alarme {
  color: #fff;
  margin-top: 0;
}

.paragraph-par-d-faut-blanc {
  width: auto;
  color: #fff;
  text-align: left;
  border-bottom: 1px #000;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 15px;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 23px;
  display: inline-block;
}

.s-parateur-gauche-2 {
  width: 115px;
  height: 2px;
  background-color: #f06036;
  flex-direction: row;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 20px;
  display: flex;
}

.image-icone {
  margin-bottom: 30px;
  display: none;
}

.liste-deroulante {
  width: 100%;
}

.liste-deroulante.desktop {
  transition: all .2s;
  display: block;
}

.titre-liste-deroulante {
  color: #104469;
  text-align: center;
  margin-bottom: 20px;
  margin-left: 0%;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 22px;
}

.bold-text-32 {
  color: #f06036;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 36px;
}

.container-liste {
  max-width: 1100px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.dropdown {
  width: 100%;
  background-color: #fff;
  border-bottom: 2px solid #000;
  justify-content: flex-start;
  padding: 20px 10px;
  display: flex;
}

.dropdown:hover {
  opacity: 1;
  color: #f06036;
  border: 1px #f06036;
  border-bottom: 2px solid #f06036;
}

.section-selecteur {
  margin-top: 70px;
  margin-bottom: 70px;
}

.div-liste-deroulante {
  max-width: 1160px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 10px;
  margin-bottom: 0%;
}

.item-liste-deroulante {
  width: 978px;
  height: 30px;
  color: #2c3452;
  text-align: left;
  background-image: url('../images/circle-plus-solid.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 22px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  display: flex;
}

.item-liste-deroulante:hover {
  color: #f06036;
}

.list-dropdown {
  margin-bottom: 0;
}

.bouton-audit {
  width: 400px;
  height: 55px;
  color: #fff;
  text-align: center;
  background-color: #f06036;
  background-image: url('../images/circle-right-regular.svg');
  background-position: 27px;
  background-repeat: no-repeat;
  background-size: 25px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin: 40px auto 0;
  padding: 10px 10px 10px 45px;
  font-size: 22px;
  font-weight: 500;
  line-height: 25px;
  text-decoration: none;
  display: flex;
}

.bouton-audit:hover {
  color: #fff;
  background-color: #e64111;
}

.dropdown-link-menu {
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.dropdown-link-menu:hover {
  color: #f06036;
}

.dropdown-link-menu.w--current {
  color: #2c3452;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.dropdown-link-menu.w--current:hover {
  color: #f06036;
}

.dropdown-list {
  z-index: 12;
  padding-top: 10px;
}

.dropdown-list.w--open {
  border-radius: 5px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.dropdown-texte-2 {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #a8a8a8;
  position: static;
  overflow: hidden;
}

.dropdown-texte-2.w--open {
  background-color: #fff;
  border: 1px solid #bdbdbd;
  border-radius: 0;
  padding: 20px;
}

.s-parateur-gauche-fin {
  width: 115px;
  height: 2px;
  background-color: #f06036;
  flex-direction: row;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 20px;
  display: none;
}

.section-bandeau-alarme {
  background-color: #2c3452;
  background-image: linear-gradient(rgba(90, 112, 194, .3), rgba(90, 112, 194, .3)), url('../images/img-header-page-alarme-intrusion-dvspro.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding: 70px 2%;
}

.container-bandeau-alarme {
  max-width: 1100px;
  text-align: left;
  padding-left: 0;
  padding-right: 100px;
}

.titre-h1-bandeau-alarme {
  width: 70%;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 38px;
  font-weight: 600;
  line-height: 38px;
}

.paragraph-bandeau-alarme {
  width: 70%;
  color: #fff;
  margin-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 29px;
}

.section-slider-video-copy {
  padding-top: 70px;
  padding-bottom: 100px;
}

.container-slider-video-copy {
  max-width: 1100px;
}

.grid-slider-video-copy {
  grid-column-gap: 58px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 50% 50%;
  align-items: center;
}

.div-block-slider-video-copy {
  width: 100%;
  height: auto;
  justify-content: center;
  align-items: center;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.div-block-texte-video-copy {
  width: 100%;
}

.section-services-alarme {
  background-color: #2c3452;
  justify-content: center;
  align-items: center;
  padding: 70px 0;
  display: flex;
}

.container-services-alarme {
  max-width: 1125px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.titre-h2-services-alarme {
  color: #fff;
  margin-top: 0;
  font-size: 30px;
}

.sous-titre-services-alarme {
  color: #f06036;
  text-align: center;
  justify-content: center;
  margin-bottom: 60px;
  font-family: Open Sans, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 29px;
  display: flex;
}

.grid-services-securite-copy {
  grid-column-gap: 43px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding-left: 0;
  padding-right: 0;
}

.grid-systemes-alarme {
  grid-column-gap: 123px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  margin-top: 0;
}

.section-gauche-droite-solutions {
  margin-bottom: 0;
}

.grid-gauche-droite-solutions {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
}

.div-block-image-alarme {
  width: 100%;
  height: 100%;
  background-image: url('../images/img-installation-alarme-intrusion-dvspro.jpg');
  background-position: 0 0;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-text-solutions {
  background-color: #f6f6f6;
  flex-direction: column;
  align-items: flex-start;
  padding: 100px 70px;
  display: flex;
}

.div-block-image-2-alarme {
  width: 100%;
  height: 100%;
  background-image: url('../images/Alarme-Professionnelle.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section-bandeau-bleu-solutions {
  background-color: #2c3452;
  padding-top: 70px;
  padding-bottom: 70px;
}

.container-bandeau-bleu-solutions {
  max-width: 1100px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.paragraph-bandeau-bleu-solutions {
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 600;
  line-height: 30px;
}

.paragraph-orange-solutions {
  width: 100%;
  color: #f06036;
  text-align: center;
  font-size: 19px;
  line-height: 29px;
}

.grille-activit-alarme {
  grid-column-gap: 35px;
  grid-row-gap: 7px;
  text-align: center;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-items: start;
  margin-top: 20px;
  margin-bottom: 0;
}

.activit-alarme {
  color: #fff;
  background-image: url('../images/suitcase-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-alarme-2 {
  color: #fff;
  background-image: url('../images/cart-plus-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-alarme-3 {
  color: #fff;
  background-image: url('../images/building-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 30px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-alarme-4 {
  color: #fff;
  background-image: url('../images/car-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-alarme-5 {
  color: #fff;
  background-image: url('../images/champagne-glasses-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-alarme-6 {
  color: #fff;
  background-image: url('../images/warehouse-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 25px;
  padding-left: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-alarme-7 {
  color: #fff;
  background-image: url('../images/car-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-alarme-8 {
  color: #fff;
  background-image: url('../images/building-columns-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-alarme-9 {
  color: #fff;
  background-image: url('../images/industry-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-alarme-10 {
  color: #fff;
  background-image: url('../images/video.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 25px;
  padding-left: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-alarme-12 {
  color: #fff;
  background-image: url('../images/martini-glass-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.titre-istallation {
  width: 70%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Exo, sans-serif;
  font-size: 30px;
  font-weight: 500;
}

.bold-text-33 {
  color: #f06036;
  text-decoration: none;
}

.link-5 {
  text-decoration: none;
}

.div-block-image-1-responsive {
  width: 100%;
  height: 100%;
  background-image: url('../images/adult-boss-business-618613-scaled-2.jpg');
  background-position: 0 0;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-image-2-responsive-video {
  width: 100%;
  height: 100%;
  background-image: url('../images/img-audit-page-a-propos-dvspro.jpg');
  background-position: 0 0;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-text-responsive-solutions {
  background-color: #f6f6f6;
  flex-direction: column;
  align-items: flex-start;
  padding: 100px 70px;
  display: flex;
}

.activit-alarme-11 {
  color: #fff;
  background-image: url('../images/gem-regular.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.container-bandeau-vol {
  max-width: 1100px;
  text-align: left;
  padding-left: 0;
  padding-right: 100px;
}

.titre-h1-bandeau-vol {
  width: 70%;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 38px;
  font-weight: 600;
  line-height: 38px;
}

.paragraph-bandeau-vol {
  width: 70%;
  color: #fff;
  margin-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 29px;
}

.section-services-vol {
  background-color: #2c3452;
  justify-content: center;
  align-items: center;
  padding: 70px 0;
  display: flex;
}

.container-services-vol {
  max-width: 1125px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.titre-h2-services-vol {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
}

.grid-systemes-vol {
  grid-column-gap: 92px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  margin-top: 40px;
  padding-bottom: 0;
}

.section-slider-video-copy {
  padding-top: 70px;
  padding-bottom: 80px;
}

.container-slider-video-copy {
  max-width: 1100px;
}

.grid-slider-video-copy {
  grid-column-gap: 58px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 50% 50%;
  align-items: center;
}

.div-block-slider-video-copy {
  width: 100%;
  height: auto;
  justify-content: center;
  align-items: center;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.div-block-texte-video-copy {
  width: 100%;
}

.slider-video-copy {
  width: 100%;
  height: auto;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-bandeau-vol {
  background-image: linear-gradient(rgba(90, 112, 194, .3), rgba(90, 112, 194, .3)), url('../images/img-header-page-detection-vol-dvspro.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 70px 2%;
  display: flex;
}

.list-item-4, .list-item-5, .list-item-6 {
  color: #fff;
}

.list-puce {
  margin-bottom: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 23px;
}

.grille-activit-vol {
  width: 100%;
  grid-column-gap: 0px;
  grid-row-gap: 7px;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1.25fr 1fr 1.25fr 1fr 1.75fr;
  justify-items: start;
  margin-top: 20px;
  margin-bottom: 0;
}

.activit-vol {
  color: #fff;
  background-image: url('../images/cart-plus-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-5-vol {
  color: #fff;
  background-image: url('../images/circle-h-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-2-vol {
  color: #fff;
  background-image: url('../images/basket-shopping-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-3-vol {
  color: #fff;
  background-image: url('../images/store-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 30px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-4-vol {
  color: #fff;
  background-image: url('../images/warehouse-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-6-vol {
  color: #fff;
  background-image: url('../images/industry-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 25px;
  padding-left: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.div-block-image-vol {
  width: 100%;
  height: 100%;
  background-image: url('../images/back_form_img.jpg');
  background-position: 0 0;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-image-2-vol {
  width: 100%;
  height: 100%;
  background-image: url('../images/image-videosurveillance-camera-mobotix-devespro.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section-bandeau-orange-audit {
  background-color: #f06036;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 50px 0;
  display: flex;
}

.container-bandeau-orange-audit {
  max-width: 1100px;
  padding-left: 0;
  padding-right: 0;
  display: inline-block;
}

.paragraph-bandeau-orange-devis-copy {
  text-align: center;
  margin-bottom: 20px;
}

.button-demande-audit-gratuit-copy {
  width: 400px;
  height: 55px;
  color: #fff;
  text-align: center;
  background-color: #2c3452;
  background-image: url('../images/circle-right-regular.svg');
  background-position: 27px;
  background-repeat: no-repeat;
  background-size: 25px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 10px 10px 10px 45px;
  font-size: 22px;
  font-weight: 500;
  line-height: 25px;
  text-decoration: none;
  display: flex;
}

.button-demande-audit-gratuit-copy:hover {
  color: #2c3452;
  background-color: #fff;
  background-image: url('../images/flèche-bleue.svg');
  font-weight: 600;
}

.bold-text-14-copy {
  color: #fff;
  font-size: 28px;
  font-weight: 600;
  line-height: 28px;
}

.div-block-image-1-responsive-vol {
  width: 100%;
  height: 100%;
  background-image: url('../images/adult-boss-business-618613-scaled-2.jpg');
  background-position: 0 0;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-image-2-responsive-vol {
  width: 100%;
  height: 100%;
  background-image: url('../images/img-audit-page-a-propos-dvspro.jpg');
  background-position: 0 0;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section-bandeau-camera {
  background-color: #2c3452;
  background-image: linear-gradient(rgba(90, 112, 194, .3), rgba(90, 112, 194, .3)), url('../images/img-header-page-camera-pro-dvspro.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding: 70px 2%;
}

.container-bandeau-camera {
  max-width: 1100px;
  text-align: left;
  padding-left: 0;
  padding-right: 100px;
}

.titre-h1-bandeau-camera {
  width: 70%;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 38px;
  font-weight: 600;
  line-height: 38px;
}

.paragraph-bandeau-camera {
  width: 70%;
  color: #fff;
  margin-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 29px;
}

.section-slider-camera {
  padding-top: 70px;
  padding-bottom: 100px;
}

.container-slider-camera {
  max-width: 1100px;
}

.grid-slider-video-copy {
  grid-column-gap: 58px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 50% 50%;
  align-items: center;
}

.div-block-slider-camera {
  width: 100%;
  height: auto;
  justify-content: center;
  align-items: center;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.slider-camera {
  width: 100%;
  height: auto;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
}

.mask-slider-camera {
  height: auto;
  flex: 0 auto;
  order: 0;
  align-self: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
}

.div-block-texte-camera {
  width: 100%;
}

.section-services-camera {
  background-color: #2c3452;
  justify-content: center;
  align-items: center;
  padding: 70px 0;
  display: flex;
}

.container-services-camera {
  max-width: 1125px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.titre-h2-services-camera {
  color: #fff;
  margin-top: 0;
  font-size: 30px;
}

.sous-titre-services-camera {
  color: #f06036;
  text-align: center;
  justify-content: center;
  margin-bottom: 60px;
  font-family: Open Sans, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 29px;
  display: flex;
}

.grid-services-camera {
  grid-column-gap: 43px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding-left: 0;
  padding-right: 0;
}

.div-block-services-camera, .div-block-services-securite-copy, .div-block-services-securite-copy, .div-block-services-securite-copy {
  width: 100%;
  border: 1px solid #969696;
  border-radius: 5px;
  flex-direction: column;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.grid-systemes-camera {
  grid-column-gap: 123px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto;
  margin-top: 100px;
}

.div-services-camera {
  width: 275px;
  height: 250px;
  background-image: url('../images/back_form_img.jpg');
  background-position: 50% 100%;
  background-size: cover;
  border: 2px #fff;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  display: flex;
}

.div-block-texte-services-camera {
  width: 100%;
  border: 2px #fff;
  border-radius: 5px;
  flex-direction: column;
  align-items: center;
  padding: 30px 15px;
  display: flex;
}

.div-block-services-2-copy {
  width: 275px;
  height: 250px;
  background-image: url('../images/background-analyses-videosurveillance-dvspro.jpg');
  background-position: 50% 0;
  background-size: cover;
  border: 2px #fff;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  display: flex;
}

.div-block-texte-services-copy {
  width: 100%;
  border: 2px #fff;
  border-radius: 5px;
  flex-direction: column;
  align-items: center;
  padding: 30px 15px;
  display: flex;
}

.div-block-camera {
  width: 275px;
  height: 250px;
  background-image: url('../images/background_page_dvspro.jpg');
  background-position: 50%;
  background-size: cover;
  border: 2px #fff;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  display: flex;
}

.titre-professionnel-services-copy {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  font-size: 21px;
  font-weight: 600;
  line-height: 25px;
  display: flex;
}

.div-block-texte-services-copy {
  width: 100%;
  border: 2px #fff;
  border-radius: 5px;
  flex-direction: column;
  align-items: center;
  padding: 30px 15px;
  display: flex;
}

.paragraph-services-securite-copy {
  width: 100%;
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  line-height: 23px;
}

.div-block-services-4-copy {
  width: 275px;
  height: 250px;
  background-image: linear-gradient(rgba(44, 52, 82, .74), rgba(44, 52, 82, .74)), url('../images/img-installation-alarme-intrusion-dvspro.jpg');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
  border: 2px #fff;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  display: flex;
}

.div-block-texte-services-copy {
  width: 100%;
  border: 2px #fff;
  border-radius: 5px;
  flex-direction: column;
  align-items: center;
  padding: 30px 15px;
  display: flex;
}

.paragraph-services-securite-copy {
  width: 100%;
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  line-height: 23px;
}

.titre-h3-block-image-copy {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 500;
  line-height: 32px;
}

.grille-activit-camera {
  grid-column-gap: 32px;
  grid-row-gap: 10px;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr .75fr 1fr .75fr 1fr .75fr;
  justify-items: start;
  margin-top: 20px;
  margin-bottom: 0;
}

.activit-1-camera {
  color: #fff;
  background-image: url('../images/martini-glass-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-2-camera {
  color: #fff;
  background-image: url('../images/champagne-glasses-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-3-camera {
  color: #fff;
  background-image: url('../images/suitcase-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 30px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-4-camera {
  color: #fff;
  background-image: url('../images/mug-saucer-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-5-camera {
  color: #fff;
  background-image: url('../images/circle-h-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-6-camera {
  color: #fff;
  background-image: url('../images/wrench-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-7-camera {
  color: #fff;
  background-image: url('../images/industry-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-8-camera {
  color: #fff;
  background-image: url('../images/car-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-9-camera {
  color: #fff;
  background-image: url('../images/cart-plus-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-10-camera {
  color: #fff;
  background-image: url('../images/warehouse-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 25px;
  padding-left: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-11-camera {
  color: #fff;
  background-image: url('../images/building-columns-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.activit-12-camera {
  color: #fff;
  background-image: url('../images/building-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.div-block-image-2-responsive-camera {
  width: 100%;
  height: 100%;
  background-image: url('../images/img-audit-page-a-propos-dvspro.jpg');
  background-position: 0 0;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section-gauche-droite-video-copy-copy {
  margin-bottom: 0;
}

.grid-gauche-droite-video-copy-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
}

.div-block-image-camera {
  width: 100%;
  height: 100%;
  background-image: url('../images/img-videosurveillance-materiel-dvspro.jpg');
  background-position: 0 0;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-text-copy-copy {
  background-color: #f6f6f6;
  flex-direction: column;
  align-items: flex-start;
  padding: 100px 70px;
  display: flex;
}

.div-block-image-2-camera {
  width: 100%;
  height: 100%;
  background-image: url('../images/image-videosurveillance-camera-mobotix-devespro.jpg');
  background-position: 0 0;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section-bandeau-chantier {
  background-image: linear-gradient(rgba(90, 112, 194, .3), rgba(90, 112, 194, .3)), url('../images/img-header-page-camera-chantier-dvspro.jpg');
  background-position: 0 0, 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 70px 2%;
  display: flex;
}

.container-bandeau-chantier {
  max-width: 1100px;
  text-align: left;
  padding-left: 0;
  padding-right: 100px;
}

.titre-h1-bandeau-chantier {
  width: 70%;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 38px;
  font-weight: 600;
  line-height: 38px;
}

.paragraph-bandeau-chantier, .paragraph-bandeau-vol-copy {
  width: 70%;
  color: #fff;
  margin-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 29px;
}

.section-slider-chantier {
  padding-top: 70px;
  padding-bottom: 100px;
}

.container-slider-chantier {
  max-width: 1100px;
}

.grid-slider-chantier {
  grid-column-gap: 58px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 50% 50%;
  align-items: center;
}

.div-block-slider-chantier {
  width: 100%;
  height: auto;
  justify-content: center;
  align-items: center;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.div-block-texte-chantier {
  width: 100%;
}

.bold-text-34 {
  color: #f06036;
}

.section-services-chantier {
  background-color: #2c3452;
  justify-content: center;
  align-items: center;
  padding: 70px 0;
  display: flex;
}

.container-services-chantier {
  max-width: 1125px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.titre-h2-services-chantier {
  color: #fff;
  margin-top: 0;
  font-size: 30px;
}

.sous-titre-services-chantier {
  color: #f06036;
  text-align: center;
  justify-content: center;
  margin-bottom: 60px;
  font-family: Open Sans, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 29px;
  display: flex;
}

.grid-systemes-chantier {
  grid-column-gap: 123px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  margin-top: 0;
}

.llist-item-blanc {
  color: #fff;
  margin-bottom: 10px;
  padding-top: 0;
  padding-bottom: 0;
}

.items-holder {
  width: 100%;
  height: 300px;
  flex: none;
  display: flex;
}

.item {
  width: 300px;
  height: 300px;
  margin-left: 0;
  margin-right: 0;
}

.section-carousel {
  width: auto;
  height: 300px;
  flex-wrap: nowrap;
  align-content: space-between;
  justify-content: space-between;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.items {
  height: 300px;
  flex-flow: row;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: block;
}

.slider-wrapper {
  width: 100%;
  flex: none;
  display: flex;
}

.clone-bar {
  z-index: 99;
  height: 3px;
  -webkit-backdrop-filter: blur(60px);
  backdrop-filter: blur(60px);
  background-color: rgba(255, 255, 255, .85);
  border-radius: 5px;
  justify-content: flex-end;
  align-items: center;
  padding-left: 32px;
  padding-right: 16px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 16px;
  left: 0;
  right: 0;
}

.container-2 {
  max-width: 960px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.main-wrapper {
  position: relative;
}

.clone-button {
  min-height: 40px;
  box-shadow: none;
  background-color: #313131;
  border-radius: 4px;
  padding: 12px 16px;
  font-size: 14px;
  line-height: 14px;
  transition: background-color .6s cubic-bezier(.19, 1, .22, 1);
}

.clone-button:hover {
  box-shadow: none;
  background-color: #242424;
}

.items-holder-2 {
  flex: none;
  display: flex;
}

.item-2 {
  width: 300px;
  margin-left: 0;
  margin-right: 0;
}

.source-info {
  z-index: 99;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.section {
  height: 100vh;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.items-2 {
  flex: none;
  align-items: center;
  display: block;
}

.section-carousel-copy {
  width: auto;
  height: 300px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
  overflow: hidden;
}

.items-holder-copy {
  width: 100%;
  height: 300px;
  flex: none;
  display: flex;
}

.items-2-copy {
  flex: none;
  align-items: center;
  display: block;
}

.item-2-copy {
  width: 300px;
  width: 300px;
  width: 300px;
  width: 300px;
  margin-left: 0;
  margin-right: 0;
}

.section-carousel-copy {
  width: auto;
  height: 300px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: none;
  overflow: hidden;
}

.items-holder2 {
  width: 100%;
  height: 300px;
  flex: none;
  display: flex;
}

.items-2-copy {
  flex: none;
  align-self: stretch;
  align-items: center;
  display: block;
}

.item-2-copy {
  width: 300px;
  width: 300px;
  width: 300px;
  width: 300px;
  width: 300px;
  width: 300px;
  width: 300px;
  width: 300px;
  width: 300px;
  width: 300px;
  margin-left: 0;
  margin-right: 0;
}

.paragraph-bandeau-bleu-copy-copy {
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 600;
  line-height: 30px;
}

.grid-slider-camera {
  grid-column-gap: 58px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 50% 50%;
  align-items: center;
}

.section-bandeau-acces {
  background-color: #2c3452;
  background-image: linear-gradient(rgba(90, 112, 194, .3), rgba(90, 112, 194, .3)), url('../images/img-header-page-controle-acces-dvspro.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding: 70px 2%;
}

.container-bandeau-acces {
  max-width: 1100px;
  text-align: left;
  padding-left: 0;
  padding-right: 100px;
}

.titre-h1-bandeau-acces {
  width: 70%;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 38px;
  font-weight: 600;
  line-height: 38px;
}

.paragraph-bandeau-acces {
  width: 70%;
  color: #fff;
  margin-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 29px;
}

.section-slider-camera-copy {
  padding-top: 70px;
  padding-bottom: 100px;
}

.container-slider-acces {
  max-width: 1100px;
}

.grid-slider-video-copy-copy {
  grid-column-gap: 58px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 50% 50%;
  align-items: center;
}

.div-block-slider-acces {
  width: 100%;
  height: auto;
  justify-content: center;
  align-items: center;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.div-block-texte-acces {
  width: 100%;
}

.section-services-acces {
  background-color: #2c3452;
  justify-content: center;
  align-items: center;
  padding: 70px 0;
  display: flex;
}

.container-services-acces {
  max-width: 1100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.titre-h2-services-acces {
  color: #fff;
  margin-top: 0;
  font-size: 30px;
}

.sous-titre-services-camera-copy {
  color: #f06036;
  text-align: center;
  justify-content: center;
  margin-bottom: 40px;
  font-family: Open Sans, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 29px;
  display: flex;
}

.grid-services-camera-copy {
  grid-column-gap: 43px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding-left: 0;
  padding-right: 0;
}

.div-block-services-camera-copy, .div-block-services-securite-copy-copy, .div-block-services-securite-copy-copy, .div-block-services-securite-copy-copy {
  width: 100%;
  border: 1px solid #969696;
  border-radius: 5px;
  flex-direction: column;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-services-camera-copy {
  width: 275px;
  height: 250px;
  background-image: url('../images/back_form_img.jpg');
  background-position: 50% 100%;
  background-size: cover;
  border: 2px #fff;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  display: flex;
}

.div-block-texte-services-camera-copy {
  width: 100%;
  border: 2px #fff;
  border-radius: 5px;
  flex-direction: column;
  align-items: center;
  padding: 30px 15px;
  display: flex;
}

.div-block-services-2-copy-copy {
  width: 275px;
  height: 250px;
  background-image: url('../images/background-analyses-videosurveillance-dvspro.jpg');
  background-position: 50% 0;
  background-size: cover;
  border: 2px #fff;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  display: flex;
}

.div-block-texte-services-copy-copy {
  width: 100%;
  border: 2px #fff;
  border-radius: 5px;
  flex-direction: column;
  align-items: center;
  padding: 30px 15px;
  display: flex;
}

.div-block-camera-copy {
  width: 275px;
  height: 250px;
  background-image: url('../images/background_page_dvspro.jpg');
  background-position: 50%;
  background-size: cover;
  border: 2px #fff;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  display: flex;
}

.div-block-texte-services-copy-copy {
  width: 100%;
  border: 2px #fff;
  border-radius: 5px;
  flex-direction: column;
  align-items: center;
  padding: 30px 15px;
  display: flex;
}

.div-block-services-securite-copy-copy-copy {
  width: 100%;
  border: 1px solid #969696;
  border-radius: 5px;
  flex-direction: column;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-services-4-copy-copy {
  width: 275px;
  height: 250px;
  background-image: linear-gradient(rgba(44, 52, 82, .74), rgba(44, 52, 82, .74)), url('../images/img-installation-alarme-intrusion-dvspro.jpg');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
  border: 2px #fff;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  display: flex;
}

.div-block-texte-services-copy-copy {
  width: 100%;
  border: 2px #fff;
  border-radius: 5px;
  flex-direction: column;
  align-items: center;
  padding: 30px 15px;
  display: flex;
}

.grid-systemes-acces {
  grid-column-gap: 123px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto;
  margin-top: 60px;
}

.section-gauche-droite-video-copy-copy-copy {
  margin-bottom: 0;
}

.grid-gauche-droite-video-copy-copy-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
}

.deuxieme-titre-installation {
  width: 100%;
  margin-top: 40px;
  margin-bottom: 0;
  font-family: Exo, sans-serif;
  font-size: 30px;
  font-weight: 500;
}

.grille-activit-controle {
  grid-column-gap: 0px;
  grid-row-gap: 10px;
  text-align: center;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: start;
  margin-top: 20px;
  margin-bottom: 10px;
}

.activit-13-controle {
  color: #2b3350;
  background-image: url('../images/ticket-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-left: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.div-icones {
  border: 1px solid #000;
  border-radius: 5px;
  margin-top: 15px;
  padding: 10px 10px 10px 20px;
}

.paragraph-13 {
  font-size: 16px;
  line-height: 24px;
}

.activit-1-controle {
  color: #2b3350;
  background-image: url('../images/wrench-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-left: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.activit-2-controle {
  color: #2b3350;
  background-image: url('../images/hotel-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-left: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.activit-3-controle {
  color: #2b3350;
  background-image: url('../images/rocket-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-left: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.activit-4-controle {
  color: #2b3350;
  background-image: url('../images/warehouse-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-left: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.activit-5-controle {
  color: #2b3350;
  background-image: url('../images/building-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-left: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.activit-6-controle {
  color: #2b3350;
  background-image: url('../images/martini-glass-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-left: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.activit-7-controle {
  color: #2b3350;
  background-image: url('../images/industry-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-left: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.activit-8-controle {
  color: #2b3350;
  background-image: url('../images/object-group-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-left: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.activit-9-controle {
  color: #2b3350;
  background-image: url('../images/car-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-left: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.activit-10-controle {
  color: #2b3350;
  background-image: url('../images/house-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-left: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.activit-11-controle {
  color: #2b3350;
  background-image: url('../images/building-columns-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-left: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.activit-12-controle {
  color: #2b3350;
  background-image: url('../images/circle-h-solid.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-left: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.section-bandeau-bleu-solutions-copy {
  background-color: #2c3452;
  padding-top: 70px;
  padding-bottom: 70px;
}

.container-bandeau-bleu-solutions-copy {
  max-width: 1100px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.paragraph-bandeau-bleu-solutions-copy {
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 600;
  line-height: 30px;
}

.link-7 {
  color: #f06036;
  text-decoration: none;
}

.button-demande-audit-gratuit-copy {
  width: 400px;
  height: 55px;
  color: #fff;
  text-align: center;
  background-color: #f06036;
  background-image: url('../images/circle-right-regular.svg');
  background-position: 27px;
  background-repeat: no-repeat;
  background-size: 25px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin: 20px auto 0;
  padding: 10px 10px 10px 45px;
  font-size: 22px;
  font-weight: 500;
  line-height: 25px;
  text-decoration: none;
  display: flex;
}

.button-demande-audit-gratuit-copy:hover {
  color: #2c3452;
  background-color: #fff;
}

.button-demande-audit-gratuit-copy-copy {
  width: 400px;
  height: 55px;
  color: #fff;
  text-align: center;
  background-color: #2c3452;
  background-image: url('../images/circle-right-regular.svg');
  background-position: 27px;
  background-repeat: no-repeat;
  background-size: 25px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 10px 10px 10px 45px;
  font-size: 22px;
  font-weight: 500;
  line-height: 25px;
  text-decoration: none;
  display: flex;
}

.button-demande-audit-gratuit-copy-copy:hover {
  color: #2c3452;
  background-color: #fff;
  background-image: url('../images/flèche-bleue.svg');
  font-weight: 600;
}

.button-demande-audit-gratuit-copy {
  width: 400px;
  height: 55px;
  color: #fff;
  text-align: center;
  background-color: #2c3452;
  background-image: url('../images/circle-right-regular.svg');
  background-position: 27px;
  background-repeat: no-repeat;
  background-size: 25px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 10px 10px 10px 45px;
  font-size: 22px;
  font-weight: 500;
  line-height: 25px;
  text-decoration: none;
  display: flex;
}

.button-demande-audit-gratuit-copy:hover {
  color: #fff;
  background-color: #f06036;
}

.paragraph-slider-camera {
  width: 100%;
  height: auto;
  color: #f06036;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  font-size: 25px;
  font-weight: 600;
  line-height: 35px;
  display: flex;
}

.slide-2-camera {
  width: 99.9997%;
  height: auto;
}

.titre-professionnel-camera {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  font-size: 21px;
  font-weight: 600;
  line-height: 25px;
  display: flex;
}

.paragraph-services-camera, .paragraph-services-securite-copy-copy {
  width: 100%;
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  line-height: 23px;
}

.section-slider-alarme {
  padding-top: 70px;
  padding-bottom: 100px;
}

.container-slider-alarme {
  max-width: 1100px;
}

.grid-slider-alarme {
  grid-column-gap: 58px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 50% 50%;
  align-items: center;
}

.div-block-alarme {
  width: 100%;
  height: auto;
  justify-content: center;
  align-items: center;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.mask-slider-alarme {
  height: auto;
  flex: 0 auto;
  order: 0;
  align-self: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
}

.slide-1-alarme {
  width: 100%;
  height: auto;
}

.paragraph-slider-alarme {
  width: 100%;
  height: auto;
  color: #f06036;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  font-size: 25px;
  font-weight: 600;
  line-height: 35px;
  display: flex;
}

.slide-2-alarme {
  width: 99.9997%;
  height: auto;
}

.paragraph-slider-copy {
  height: auto;
  color: #f06036;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 600;
  line-height: 35px;
  display: flex;
}

.fleche-bas {
  position: fixed;
  top: 647px;
  left: 707px;
}

.div-services-camera-2 {
  width: 275px;
  height: 250px;
  background-image: url('../images/background-analyses-videosurveillance-dvspro.jpg');
  background-position: 50%;
  background-size: cover;
  border: 2px #fff;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  display: flex;
}

.div-services-camera-3 {
  width: 275px;
  height: 250px;
  background-image: url('../images/background_page_dvspro.jpg');
  background-position: 50% 100%;
  background-size: cover;
  border: 2px #fff;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  display: flex;
}

.div-services-camera-4 {
  width: 275px;
  height: 250px;
  background-image: linear-gradient(rgba(36, 46, 83, .74), rgba(36, 46, 83, .74)), url('../images/img-installation-alarme-intrusion-dvspro.jpg');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
  border: 2px #fff;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  display: flex;
}

.section-erreur-404 {
  width: 100%;
  height: auto;
  background-color: #2c3452;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding: 8% 5% 10%;
  display: flex;
}

.container-erreur-404, .div-erreur-404 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icone {
  margin-bottom: 20px;
}

.h1-erreur-404 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  font-family: Exo, sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 28px;
}

.paragraphe-erreur-404 {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  text-decoration: none;
}

.section-merci {
  width: 100%;
  height: auto;
  background-color: #2c3452;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding: 8% 10% 10%;
  display: flex;
}

.container-merci, .div-merci {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.h1-merci {
  color: #fff;
  text-align: center;
  margin-top: 0;
  font-family: Montserrat, sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 28px;
}

.paragraphe-merci {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  font-size: 16px;
  text-decoration: none;
}

.section-bleue {
  text-align: center;
  background-color: #104469;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-top: 2%;
  padding-bottom: 2%;
  display: flex;
}

.h1-page-lien-footer {
  color: #fff;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
}

.paragraph-8 {
  color: #fff;
  text-align: center;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  line-height: 23px;
}

.container-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-bleu {
  background-color: #2c3452;
  padding-top: 0;
}

.container-bleu {
  height: auto;
  max-width: 1140px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.titre-h1 {
  color: #fff;
  text-align: center;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 0;
  font-size: 25px;
  font-weight: 600;
  line-height: 30px;
}

.link-block {
  text-decoration: none;
}

.paragraph-classic-white {
  color: #fff;
  text-align: left;
  letter-spacing: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  line-height: 23px;
}

.link-8 {
  color: #396;
  text-decoration: none;
}

.bold-text-sous-titre-clause {
  font-family: Exo, sans-serif;
  font-size: 22px;
  font-weight: 600;
}

.sous-titre-clause {
  color: #2c3452;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
}

.bold-text-clause {
  color: #2c3452;
  font-weight: 600;
}

.container-clauses {
  max-width: 1100px;
}

.paragraph-clause {
  color: #7d7d7d;
  margin-bottom: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 23px;
}

.titre-clause {
  color: #104469;
  margin-top: 50px;
  margin-bottom: 20px;
  font-family: Exo, sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 22px;
}

.section-clauses {
  padding: 0% 0% 5%;
}

.link-politique-confidentialite, .link-mentions-legales, .link-9, .link-home {
  color: #7d7d7d;
  font-weight: 600;
  text-decoration: none;
}

.div-block-alarme-copy {
  width: 100%;
  height: auto;
  justify-content: center;
  align-items: center;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.slider-chantier-copy {
  width: 100%;
  height: auto;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
}

.mask-slider-alarme-copy {
  height: auto;
  flex: 0 auto;
  order: 0;
  align-self: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
}

.slide-01 {
  width: 100%;
  height: auto;
}

.div-slide-2-copy {
  width: 100%;
  height: auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph-texte-slider {
  width: 100%;
  height: auto;
  color: #f06036;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  font-size: 25px;
  font-weight: 600;
  line-height: 35px;
  display: flex;
}

.slide-2-alarme-copy {
  width: 99.9997%;
  height: auto;
}

.div-slide-2-copy {
  width: 100%;
  height: auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph-slider-alarme-copy {
  width: 100%;
  height: auto;
  color: #f06036;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  font-size: 25px;
  font-weight: 600;
  line-height: 35px;
  display: flex;
}

.slide-03 {
  height: auto;
}

.div-slide-2-copy {
  width: 100%;
  height: auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph-slider-copy {
  height: auto;
  color: #f06036;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 600;
  line-height: 35px;
  display: flex;
}

.slide-04 {
  height: auto;
}

.div-slide-2-copy {
  width: 100%;
  height: auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph-slider-copy {
  height: auto;
  color: #f06036;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 600;
  line-height: 35px;
  display: flex;
}

.div-cadre-devis-video-responsive {
  border: 1px solid #a5a5a5;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 20px;
  display: none;
}

.slide-02 {
  width: 100%;
  height: auto;
}

.fleche-haut {
  display: none;
}

.dropdown-2 {
  z-index: 12;
}

.link-10, .link-11 {
  text-decoration: none;
}

.link-12, .link-13 {
  color: #2c3452;
  text-decoration: none;
}

.button-audit-demande {
  width: 400px;
  height: 55px;
  color: #fff;
  text-align: center;
  background-color: #2c3452;
  background-image: url('../images/circle-right-regular.svg');
  background-position: 27px;
  background-repeat: no-repeat;
  background-size: 25px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin: 10px auto 0;
  padding: 10px 10px 10px 45px;
  font-size: 22px;
  font-weight: 500;
  line-height: 25px;
  text-decoration: none;
  display: flex;
}

.button-audit-demande:hover {
  color: #2c3452;
  background-color: #fff;
  background-image: url('../images/flèche-bleue.svg');
}

.button-audit-gratuit {
  width: 400px;
  height: 55px;
  color: #fff;
  text-align: center;
  background-color: #f06036;
  background-image: url('../images/circle-right-regular.svg');
  background-position: 27px;
  background-repeat: no-repeat;
  background-size: 25px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin: 20px auto 0;
  padding: 10px 10px 10px 45px;
  font-size: 22px;
  font-weight: 500;
  line-height: 25px;
  text-decoration: none;
  display: flex;
}

.button-audit-gratuit:hover {
  color: #2c3452;
  background-color: #fff;
  background-image: url('../images/flèche-bleue.svg');
}

.titre-tabs {
  width: 100%;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Exo, sans-serif;
  font-size: 30px;
  font-weight: 500;
}

.link-14 {
  text-decoration: none;
}

.link-15 {
  color: #f06036;
  text-decoration: none;
}

.mask-slider-chantier {
  height: auto;
  flex: 0 auto;
  order: 0;
  align-self: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
}

.slide-1-chantier {
  width: 100%;
  height: auto;
}

.grid-slider-acces {
  grid-column-gap: 58px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 50% 50%;
  align-items: center;
}

.section-slider-acces {
  padding-top: 70px;
  padding-bottom: 100px;
}

.slider-acces {
  width: 100%;
  height: auto;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
}

.mask-slider-acces {
  height: auto;
  flex: 0 auto;
  order: 0;
  align-self: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
}

.slide-1-acces {
  width: 100%;
  height: auto;
}

.slide-2-acces {
  width: 99.9997%;
  height: auto;
}

.sous-titre-services-acces {
  color: #f06036;
  text-align: center;
  justify-content: center;
  margin-bottom: 40px;
  font-family: Open Sans, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 29px;
  display: flex;
}

.titre-h3-systeme-acces {
  color: #fff;
  margin-top: 0;
}

.link-16 {
  text-decoration: none;
}

.section-call-cta {
  z-index: 50;
  opacity: 0;
  background-color: #dca23f;
  display: block;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, .58);
}

.content-bandeau-cta {
  max-width: 100%;
  justify-content: center;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 5px;
  display: flex;
}

.link-block-2 {
  text-align: center;
  text-decoration: none;
}

.texte-cta-call-desktop {
  opacity: 1;
  color: #151a2a;
  background-image: url('../images/ic_call.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-top: 2px;
  padding-bottom: 4px;
  padding-left: 30px;
  font-size: 22px;
  font-weight: 700;
}

.texte-cta-call-mobile {
  color: #151a2a;
  background-image: url('../images/ic_call.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-top: 2px;
  padding-bottom: 4px;
  padding-left: 30px;
  font-size: 22px;
  font-weight: 700;
  display: none;
}

.section-header-devis-mobile {
  z-index: 999;
  mix-blend-mode: normal;
  background-color: #fff;
  border: 1px #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
  box-shadow: 1px 1px 7px #c2c1c1;
}

.container-header-mobile {
  max-width: 1100px;
}

.grid-header-mobile {
  width: 100%;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1.5fr;
  align-content: stretch;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.logo-blanc {
  justify-content: center;
  align-items: center;
  padding-right: 0;
  display: flex;
}

.text-span-18 {
  color: #f06036;
  font-weight: 700;
}

.texte-call-cta-mobile {
  text-align: left;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
  display: block;
}

.logo-call-cta-mobile {
  display: block;
}

.div-block-27 {
  height: 50px;
  max-width: 100%;
  grid-column-gap: 30px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-span-19 {
  color: #f06036;
  font-weight: 700;
}

.menu-button {
  display: none;
}

.grid-3 {
  max-width: 100%;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 5fr 1fr;
  justify-content: space-between;
  align-items: center;
}

.bouton-devis-nav {
  color: #fff;
  text-align: center;
  background-color: #f06036;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  font-size: 15px;
  font-weight: 500;
  display: none;
}

.bouton-devis-nav:hover {
  background-color: #e64111;
}

.container-pourquoi-geo {
  max-width: 1100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.titre-pourquoi-geo {
  text-align: center;
  align-self: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 170px;
  padding-right: 170px;
  line-height: 42px;
}

.s-parateur-centre-geo {
  width: 150px;
  height: 1px;
  background-color: #f06036;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin: 20px auto;
  display: flex;
}

.cellule-geo {
  width: auto;
  height: auto;
  outline-offset: 0px;
  text-align: center;
  mix-blend-mode: normal;
  border: 2px #f06036;
  border-radius: 50px;
  outline: 3px #333;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.section-bandeau-orange-devis-geo {
  background-color: #f06036;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 50px 0;
  display: flex;
}

.container-bandeau-orange-devis-geo {
  max-width: 900px;
  padding-left: 0;
  padding-right: 0;
  display: inline-block;
}

.button-demande-de-devis-geo {
  width: auto;
  height: 55px;
  max-width: 380px;
  color: #fff;
  text-align: center;
  background-color: #2c3452;
  background-image: url('../images/circle-right-regular.svg');
  background-position: 30px;
  background-repeat: no-repeat;
  background-size: 25px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin: 6px auto 0;
  padding: 10px 30px 10px 70px;
  font-family: Exo, sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 25px;
  text-decoration: none;
  transition: background-color .15s ease-in-out;
  display: flex;
}

.button-demande-de-devis-geo:hover {
  color: #fff;
  background-color: #f06036;
  background-image: url('../images/circle-right-regular.svg');
  background-position: 26px;
  background-repeat: no-repeat;
  background-size: 25px;
  border: 4px solid #f06036;
  padding-left: 66px;
  padding-right: 26px;
}

.section-bandeau-geo {
  background-color: #2c3452;
  background-image: linear-gradient(rgba(90, 112, 194, .3), rgba(90, 112, 194, .3)), url('../images/header_dvs.jpg');
  background-position: 0 0, 0%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding: 70px 2%;
}

.container-bandeau-systeme-geo {
  max-width: 1100px;
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.titre-h1-bandeau-geo {
  width: 70%;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 38px;
  font-weight: 600;
  line-height: 38px;
}

.paragraph-bandeau-geo {
  width: 75%;
  color: #fff;
  margin-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 29px;
}

.grid-gauche-droite-videogego {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
}

.grid-geo {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-content: center;
  justify-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
  font-weight: 600;
}

.button-demande-de-devis-geo-header {
  width: 350px;
  height: 55px;
  color: #fff;
  text-align: center;
  background-color: #2c3452;
  background-image: url('../images/circle-right-regular.svg');
  background-position: 30px;
  background-repeat: no-repeat;
  background-size: 25px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin: 20px 0 0;
  padding: 10px 20px 10px 55px;
  font-size: 25px;
  font-weight: 600;
  line-height: 25px;
  text-decoration: none;
  display: flex;
}

.button-demande-de-devis-geo-header:hover {
  color: #29314d;
  background-color: #fff;
  background-image: url('../images/flèche-bleue.svg');
}

.button-demande-devis-tableau-geo {
  width: auto;
  height: 55px;
  grid-column-gap: 14px;
  color: #2c3452;
  text-align: center;
  background-color: #fff;
  background-image: url('../images/flèche-bleue.svg');
  background-position: 25px;
  background-repeat: no-repeat;
  background-size: 25px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin: 20px 0 40px;
  padding: 10px 20px 10px 55px;
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  display: flex;
}

.button-demande-devis-tableau-geo:hover {
  color: #fff;
  background-color: #2c3452;
  background-image: url('../images/circle-right-regular.svg');
}

.section-gauche-droite-video-geo {
  margin-bottom: 0;
}

.left_right_parent {
  height: 100%;
  justify-content: center;
  display: flex;
}

.section-installation-geo {
  background-color: #f6f6f6;
  flex-direction: column;
  align-items: center;
  padding-top: 140px;
  padding-bottom: 140px;
  transition: background-color .15s ease-in-out;
  display: flex;
}

.container-installation-geo {
  max-width: 1200px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.grid-installation-geo {
  grid-column-gap: 37px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr .75fr;
  align-items: center;
}

.button-numero {
  width: 280px;
  height: 55px;
  color: #2c3452;
  text-align: center;
  background-color: #fff;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin: 20px auto 0;
  padding: 10px 20px;
  font-family: Exo, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  display: flex;
}

.button-numero:hover {
  color: #fff;
  background-color: #f06036;
}

.button-numero.geo {
  transition: background-color .15s ease-in-out;
}

.div-relative-goe {
  margin-top: -75px;
}

.paragraph-orange-geo {
  width: 100%;
  color: #f06036;
  text-align: center;
  font-family: Open Sans, sans-serif;
  font-size: 19px;
  line-height: 29px;
}

.paragraph-bandeau-bleu-geo {
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 600;
  line-height: 30px;
}

.paragraph-white-geo {
  width: 100%;
  color: #fff;
  text-align: center;
  margin-bottom: 50px;
  padding-top: 30px;
  padding-left: 25px;
  padding-right: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 27px;
}

.grille-geo-bg {
  grid-column-gap: 76px;
  grid-row-gap: 8px;
  text-align: center;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1.25fr 1fr;
  justify-items: start;
  margin-top: 20px;
  margin-bottom: 0;
}

.div-block-29 {
  width: 100%;
}

.lieu_geo {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
}

.parent_lieux {
  grid-column-gap: 50px;
  justify-content: space-between;
  display: flex;
}

.container-bandeau-bleu-geo {
  max-width: 1100px;
  flex-direction: column;
  align-items: center;
  display: block;
}

.button-demande-de-devis-geo-head {
  width: auto;
  height: 55px;
  max-width: 380px;
  color: #2c3452;
  text-align: center;
  background-color: #fff;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin: 20px auto 0 0;
  padding: 16px 50px;
  font-family: Exo, sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 25px;
  text-decoration: none;
  transition: background-color .15s ease-in-out;
  display: flex;
}

.button-demande-de-devis-geo-head:hover {
  color: #fff;
  background-color: #f06036;
  border: 4px solid #f06036;
  padding: 12px 46px;
}

.paragraph-bandeau-bleu-geo {
  font-family: Exo, sans-serif;
}

.paragraph-devis-geo {
  max-width: 290px;
  color: #2c3452;
  text-align: left;
  margin-bottom: 0;
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  line-height: 20px;
}

.bloc_demandez_devis {
  grid-column-gap: 0px;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.bold-text-35 {
  line-height: 26px;
}

.cadre-num-geo {
  width: 100%;
  outline-offset: 0px;
  text-align: center;
  background-color: #f06036;
  background-image: url('../images/header_dvs.jpg');
  background-position: 60%;
  background-size: auto;
  border-radius: 5px;
  outline: 2px #2c3452;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 60px 40px;
  display: flex;
}

.texte-tableau-geo {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.texte-tableau-geo-head {
  color: #fff;
  margin-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
}

.paragraph-14 {
  margin-bottom: 20px;
}

.div-texte-geo {
  padding-right: 40px;
  font-family: Open Sans, sans-serif;
}

.paragraph-par-d-faut-geo {
  width: auto;
  text-align: left;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 15px;
  padding-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  display: inline-block;
}

.paragraph-par-d-faut-geo.espace-20 {
  text-align: left;
  margin-bottom: 20px;
}

.titre-installation-geo {
  width: 100%;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Exo, sans-serif;
  font-size: 30px;
  font-weight: 500;
}

.div-block-text-geo {
  width: 50vw;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  align-items: flex-start;
  padding: 100px 70px;
  display: flex;
}

.section-installation-geo-2 {
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  align-items: center;
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;
}

.section-installation-geo-2.fondgris {
  background-color: #f6f6f6;
}

.link-tel {
  color: #f06036;
  font-weight: 600;
  text-decoration: underline;
}

.link-tel-19px {
  color: #f06036;
  text-decoration: underline;
}

.div-block-30 {
  width: 120px;
}

.paragraph-sous-titre-devis-video2-copy {
  color: #303030;
  margin-bottom: 40px;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
}

.text_area_form {
  border: 1px solid #a5a5a5;
  border-radius: 3px;
  padding-bottom: 60px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
}

.div-block-31, .div-block-32 {
  grid-column-gap: 20px;
  display: flex;
}

.section_outgrow {
  margin-top: 90px;
}

@media screen and (max-width: 991px) {
  .button {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 600;
  }

  .dropdown-toggle {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    text-align: left;
    justify-content: space-around;
    align-items: center;
    padding-left: 0;
    display: flex;
  }

  .section-header {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .image-logo {
    flex: 0 auto;
    align-self: center;
    margin-left: auto;
    margin-right: auto;
  }

  .menu {
    text-align: center;
    flex-direction: row;
    flex: 1;
    justify-content: space-between;
    align-self: center;
    padding: 10px 30px;
    display: flex;
  }

  .nav-menu {
    z-index: 20;
    width: 250px;
    max-width: 70%;
    background-color: #2c3452;
    border-right: 1px solid #898989;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .navbar {
    width: 100%;
    justify-content: space-between;
    align-self: center;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
  }

  .container-accueil {
    padding: 60px;
  }

  .paragraph-page-accueil {
    text-align: center;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 24px;
  }

  .button-demande-devis {
    width: 50%;
    background-position: 28px;
    padding-left: 48px;
    padding-right: 10px;
  }

  .titre-page-accueil {
    margin-top: 0;
    font-size: 26px;
    line-height: 25px;
  }

  .bold-text {
    text-align: center;
    font-size: 17px;
    line-height: 17px;
  }

  .nav-link-menu {
    width: 100%;
    color: #fff;
    text-align: left;
    flex-direction: column;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    display: flex;
  }

  .nav-link-menu.w--current {
    width: 100%;
  }

  .bandeau-t-l-phone {
    max-width: 100%;
    text-align: center;
    flex-direction: row;
    flex: 1;
    align-self: center;
  }

  .bold-text-t-l-phone {
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
    display: flex;
  }

  .by {
    display: block;
  }

  .section-bandeau-t-l-phone {
    z-index: 5;
    text-align: center;
    flex-direction: row;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .logo-uniprotection {
    display: block;
  }

  .paragraph-banner-t-l-phone {
    text-align: center;
    align-self: center;
    margin-right: 0;
  }

  .logo-dvspro {
    display: block;
  }

  .sous-titre-page-accueil {
    text-align: center;
  }

  .bold-text-2 {
    font-size: 30px;
    line-height: 30px;
  }

  .s-parateur-centre {
    display: none;
  }

  .section-pourquoi {
    margin-top: 0;
    margin-bottom: 0;
    padding: 70px 60px;
  }

  .grid {
    grid-column-gap: 0px;
    align-items: start;
  }

  .cellule {
    justify-content: flex-start;
  }

  .paragraph {
    width: 100%;
  }

  .paragraph-par-d-faut {
    text-align: left;
    padding-top: 0;
    line-height: 24px;
  }

  .paragraph-par-d-faut.espace-20.centre, .paragraph-par-d-faut.centre {
    text-align: center;
  }

  .list-puce-item {
    line-height: 24px;
  }

  .section-tabs {
    padding: 60px;
  }

  .tab-vid-osurveillance, .tab-vid-osurveillance.w--current {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .tab-link-alarme {
    width: 100%;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .titre-installation {
    text-align: left;
    line-height: 32px;
  }

  .grid-tab {
    grid-template-columns: 1fr;
    display: none;
  }

  .button-en-savoir-plus {
    width: 40%;
  }

  .button-en-savoir-plus:hover {
    background-color: #e64111;
  }

  .tab-link-protection, .tab-d-tection {
    width: 100%;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .tab-contr-le {
    width: 100%;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .tab-pane-protection {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .cadre {
    width: 85%;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .chiffre {
    padding-bottom: 0;
  }

  .section-installation {
    padding: 70px 60px;
  }

  .grid-installation {
    grid-template-columns: 1.25fr;
  }

  .div-texte {
    padding-right: 0;
  }

  .cadre-installation {
    padding-left: 100px;
    padding-right: 100px;
  }

  .button-demande-devis-tableau {
    width: 64%;
    background-position: 34px;
    padding-left: 45px;
    padding-right: 10px;
  }

  .bold-text-6, .bold-text-7 {
    font-size: 18px;
  }

  .s-parateur-gauche {
    margin-left: 0;
    margin-right: auto;
  }

  .devis {
    padding: 100px 50px 70px;
  }

  .grid-logos-clients {
    padding-left: 0;
    padding-right: 0;
  }

  .paragraph-par-d-faut-centre {
    width: 100%;
  }

  .section-bandeau-bleu {
    padding: 60px;
  }

  .container-bandeau-bleu {
    padding-right: 0;
  }

  .grille-activit {
    grid-column-gap: 19px;
    grid-row-gap: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }

  .paragraph-bandeau-bleu {
    font-size: 28px;
    line-height: 28px;
  }

  .activit-batiment {
    padding-right: 0;
  }

  .footer {
    justify-content: center;
    align-items: center;
    padding: 20px 0;
    display: flex;
  }

  .menu-footer {
    flex-direction: column;
    flex: 1;
    align-self: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
  }

  .button-ensavoir-plus {
    width: 45%;
    background-position: 30px;
    padding-left: 40px;
  }

  .logo-footer {
    margin-bottom: 10px;
    margin-right: 0;
    padding-right: 0;
  }

  .section-bandeau-questions {
    padding-left: 40px;
  }

  .titre-h1-bandeau {
    font-size: 25px;
    line-height: 25px;
  }

  .section-questions {
    padding-left: 55px;
    padding-right: 55px;
  }

  .paragraph-questions {
    font-size: 16px;
    line-height: 24px;
  }

  .s-parateur-bleu {
    margin-bottom: 40px;
  }

  .section-bandeau-orange {
    padding-left: 60px;
    padding-right: 60px;
  }

  .heading {
    margin-bottom: 20px;
  }

  .grid-bandeau-orange {
    grid-column-gap: 25px;
    grid-row-gap: 10px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .button-devis-demande {
    width: 100%;
    background-position: 25px;
    margin-top: 0;
    padding-left: 35px;
    padding-right: 5px;
    font-size: 17px;
  }

  .button-demande-audit {
    width: 100%;
    background-position: 20px;
    margin-top: 0;
    padding-left: 12%;
    font-size: 16px;
  }

  .container-footer {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .bold-text-9 {
    text-align: center;
  }

  .plus {
    margin-top: 0;
    margin-bottom: 5px;
    padding-bottom: 0;
  }

  .list-2 {
    margin-bottom: 40px;
  }

  .div-logo {
    display: none;
  }

  .paragraph-footer {
    margin-top: 10px;
  }

  .icon {
    color: #fff;
  }

  .slider-logos {
    display: none;
  }

  .section-bandeau-t-l-phone-haut {
    text-align: center;
    flex-direction: row;
    align-items: center;
  }

  .bandeau-t-l-phone-haut {
    text-align: center;
    flex-direction: row;
    flex: 1;
    align-self: center;
  }

  .paragraph-banner-t-l-phone-haut {
    text-align: center;
    align-self: center;
    font-size: 19px;
  }

  .div-logo-haut {
    display: none;
  }

  .grid-tab-responsive {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .bold-text-12 {
    font-size: 33px;
  }

  .section-bandeau-a-propos {
    padding-left: 40px;
  }

  .titre-h1-bandeau-a-propos {
    width: 70%;
    font-size: 25px;
    line-height: 25px;
  }

  .grid-slider {
    grid-template-columns: 1fr;
    align-content: center;
    justify-content: center;
    align-items: center;
    justify-items: center;
  }

  .boules {
    width: 100%;
    height: 20px;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    font-size: 8px;
    display: flex;
    position: static;
  }

  .slider {
    height: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .paragraph-slider {
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 22px;
    display: flex;
  }

  .div-block-slider {
    flex-direction: column;
  }

  .slide {
    height: auto;
  }

  .div-slide {
    height: auto;
    flex-direction: column;
    justify-content: center;
    display: flex;
  }

  .mask-slider {
    height: auto;
  }

  .section-slider {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 60px;
    padding-right: 60px;
    display: flex;
  }

  .section-professionnels {
    padding-left: 60px;
    padding-right: 60px;
  }

  .grid-professionnel {
    grid-template-columns: 1fr 1fr;
  }

  .titre-h2-professionnels {
    text-align: center;
    font-family: Exo, sans-serif;
    font-size: 25px;
    font-weight: 600;
  }

  .sous-titre-professionnel {
    font-size: 16px;
    line-height: 24px;
  }

  .titre-professionnel {
    font-size: 20px;
  }

  .section-d-roulement {
    padding-left: 60px;
    padding-right: 60px;
  }

  .button-demande-audit-gratuit {
    width: 50%;
    background-position: 19px;
    margin-top: 30px;
    padding-left: 40px;
    font-size: 17px;
    font-weight: 600;
  }

  .bold-text-14 {
    font-size: 25px;
  }

  .bold-text-15 {
    width: 100%;
    font-size: 33px;
  }

  .section-bandeau-titre-page-questions {
    padding-left: 40px;
  }

  .titre-h1-bandeau-page-questions {
    font-size: 25px;
    line-height: 30px;
  }

  .section-page-questions {
    padding-left: 55px;
    padding-right: 55px;
  }

  .paragraph-page-questions {
    font-size: 18px;
    line-height: 24px;
  }

  .section-bandeau-orange-questions {
    padding-left: 100px;
    padding-right: 100px;
  }

  .container-bandeau-orange-questions {
    flex-direction: column;
  }

  .grid-bandeau-orange-questions {
    width: 100%;
    grid-column-gap: 28px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-bandeau-orange-devis {
    padding-left: 60px;
    padding-right: 60px;
  }

  .button-demande-de-devis {
    width: 290px;
    background-position: 33px;
    margin-top: 0;
    padding-left: 40px;
    padding-right: 10px;
    font-size: 18px;
  }

  .paragraph-bandeau-orange-devis {
    margin-bottom: 20px;
  }

  .titre-bandeau-orange-call-action {
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
    display: flex;
  }

  .div-page-questions {
    padding-left: 40px;
    padding-right: 40px;
  }

  .paragraph-par-d-faut-justifi {
    text-align: left;
    padding-top: 0;
    line-height: 24px;
  }

  .button-devis {
    width: 100%;
    background-position: 30px;
    margin-top: 0;
    padding-left: 30px;
    font-size: 16px;
  }

  .button-demande-un-audit {
    width: 100%;
    background-position: 30px;
    margin-top: 0;
    padding-left: 40px;
    font-size: 16px;
  }

  .paragraph-div-icone {
    text-align: left;
    padding-top: 0;
    line-height: 24px;
  }

  .icon-8 {
    color: #f06036;
    text-align: left;
    font-size: 40px;
  }

  .bold-text-22 {
    line-height: 30px;
  }

  .section-gauche-droite {
    display: none;
  }

  .paragraph-10 {
    font-size: 25px;
    line-height: 30px;
  }

  .section-gauche-droite-responsive {
    display: flex;
  }

  .grid-gauche-droite-responsive {
    grid-template-columns: 1fr;
  }

  .div-block-image-1responsive, .div-block-image-2-responsive, .div-block-image-3-responsive {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .image-7, .image-8 {
    display: block;
  }

  .paragraph-phrase {
    text-align: center;
    align-self: center;
    margin-right: 0;
    padding-top: 0;
    display: block;
  }

  .grid-header {
    padding-left: 0;
    padding-right: 0;
  }

  .section-header-devis {
    padding-left: 40px;
    padding-right: 40px;
  }

  .container-header {
    align-self: center;
  }

  .paragraph-t-l-phone {
    text-align: center;
    align-self: center;
    margin-right: 0;
    padding-top: 0;
    display: block;
  }

  .section-formulaire-devis {
    padding: 20% 5% 10%;
  }

  .grid-2 {
    grid-column-gap: 0px;
    align-content: center;
    justify-content: center;
    align-items: center;
    justify-items: center;
  }

  .paragraph-11 {
    justify-content: center;
    font-size: 13px;
  }

  .heading-3 {
    font-size: 25px;
  }

  .paragraph-formulaire {
    flex-direction: column;
    align-items: center;
    font-size: 15px;
    line-height: 23px;
    display: flex;
  }

  .div-cadre-bleu {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-formulaire-devis {
    flex-direction: column;
    align-items: center;
    padding-left: 60px;
    padding-right: 60px;
    display: flex;
  }

  .form-devis {
    width: 100%;
    flex-direction: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: center;
    justify-content: center;
    display: flex;
  }

  .formulaire-devis {
    width: 90%;
  }

  .div-block-25 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .container-devis-video {
    max-width: 100%;
  }

  .grid-devis-video {
    grid-template-columns: 1fr;
    padding-left: 60px;
    padding-right: 60px;
  }

  .div-cadre-devis-video {
    display: none;
  }

  .paragraph-sous-titre-devis-video {
    text-align: center;
  }

  .bold-text-27 {
    font-size: 18px;
  }

  .bold-text-slider {
    height: 100%;
    color: #364789;
    text-align: center;
  }

  .paragraph-devis-video {
    text-align: left;
    padding-top: 0;
    line-height: 24px;
  }

  .titre-devis-video {
    text-align: center;
    margin-bottom: 0;
    font-size: 30px;
  }

  .section-form-devis-video {
    padding-top: 140px;
    padding-bottom: 80px;
  }

  .div-liste-devis-video, .grid-entreprise-video {
    display: none;
  }

  .sous-titre-entreprise-video {
    margin-bottom: 20px;
    font-size: 18px;
  }

  .titre-h2-entreprise-video {
    margin-bottom: 0;
    font-size: 23px;
  }

  .item-liste-entreprise-video {
    text-align: center;
    background-position: 50% 0;
    padding-top: 50px;
    padding-left: 0;
  }

  .item-liste-entreprise-video-2 {
    text-align: center;
    background-position: 50% 0;
    padding-top: 50px;
    padding-left: 0;
  }

  .item-liste-entreprise-video-3 {
    text-align: center;
    background-position: 50% 0;
    justify-content: center;
    padding-top: 50px;
    padding-left: 0;
  }

  .item-liste-entreprise-video-4, .item-liste-entreprise-video-5 {
    text-align: center;
    background-position: 50% 0;
    padding-top: 50px;
    padding-left: 0;
  }

  .grid-services {
    grid-template-columns: 1fr 1fr;
    justify-items: start;
  }

  .titre-h3-services {
    font-size: 25px;
  }

  .grid-entreprise-video-responsive, .div-textes-entreprise-video-copy {
    display: block;
  }

  .grid-icones-et-texte-copy {
    text-align: center;
    justify-items: center;
    margin-bottom: 80px;
  }

  .titre-h1-bandeau-systeme {
    width: 100%;
    font-size: 25px;
    line-height: 25px;
  }

  .section-slider-video {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 60px;
    padding-right: 60px;
    display: block;
  }

  .grid-slider-video {
    grid-template-columns: 1fr;
    align-content: center;
    justify-content: center;
    align-items: center;
    justify-items: center;
  }

  .section-gauche-droite-video {
    display: none;
  }

  .section-gauche-droite-responsive-solutions {
    display: flex;
  }

  .grid-gauche-droite-responsive-solutions {
    grid-template-columns: 1fr;
  }

  .section-bandeau-systeme {
    padding-left: 40px;
    padding-right: 40px;
  }

  .paragraph-bandeau-systeme {
    width: 100%;
  }

  .slider-chantier {
    height: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .mask-slider-video {
    width: 60%;
    height: auto;
  }

  .slide-1-video {
    height: auto;
  }

  .div-slide-2 {
    height: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .paragraph-slider-acces {
    width: 100%;
    align-items: flex-end;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    font-size: 22px;
    display: flex;
  }

  .div-block-texte-video {
    width: 90%;
  }

  .section-bandeau-bleu-video {
    padding: 60px;
  }

  .container-bandeau-bleu-video {
    padding-right: 0;
  }

  .grille-activit-video {
    grid-column-gap: 19px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }

  .div-block-slider-video {
    flex-direction: column;
    padding-left: 0;
    padding-right: 60px;
  }

  .activit-batiment-video {
    padding-right: 0;
  }

  .div-block-image-video {
    display: none;
  }

  .div-block-image-1-responsive-alarme {
    background-image: url('../images/img-installation-alarme-intrusion-dvspro.jpg');
    background-position: 50%;
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .div-block-image-2-responsive-alarme {
    background-image: url('../images/Alarme-Professionnelle.jpg');
    background-position: 50%;
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .section-services-securite {
    padding-left: 60px;
    padding-right: 60px;
  }

  .titre-h2-services-securite {
    text-align: center;
    font-family: Exo, sans-serif;
    font-size: 25px;
    font-weight: 600;
  }

  .sous-titre-services-securite {
    font-size: 16px;
    line-height: 24px;
  }

  .grid-services-securite {
    grid-template-columns: 1fr 1fr;
  }

  .div-block-services {
    width: 100%;
  }

  .titre-professionnel-services {
    font-size: 20px;
  }

  .div-block-services-2, .div-block-services-3, .div-block-services-4 {
    width: 100%;
  }

  .grid-systemes {
    grid-column-gap: 32px;
  }

  .paragraph-par-d-faut-blanc {
    text-align: left;
    padding-top: 0;
    line-height: 24px;
  }

  .s-parateur-gauche-2 {
    margin-left: 0;
    margin-right: auto;
  }

  .titre-liste-deroulante {
    margin-left: 0%;
  }

  .dropdown {
    padding-right: 20px;
  }

  .section-selecteur {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-liste-deroulante {
    max-width: 100%;
  }

  .item-liste-deroulante {
    background-position: 99%;
  }

  .bouton-audit {
    width: 330px;
    background-position: 19px;
    margin-top: 30px;
    padding-left: 40px;
    font-size: 17px;
    font-weight: 600;
  }

  .dropdown-list {
    width: 100%;
  }

  .dropdown-list.w--open {
    max-width: 100%;
  }

  .s-parateur-gauche-fin {
    margin-left: 0;
    margin-right: auto;
  }

  .section-bandeau-alarme {
    padding-left: 40px;
    padding-right: 40px;
  }

  .titre-h1-bandeau-alarme {
    width: 100%;
    font-size: 25px;
    line-height: 25px;
  }

  .paragraph-bandeau-alarme {
    width: 100%;
  }

  .section-slider-video-copy {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 60px;
    padding-right: 60px;
    display: flex;
  }

  .grid-slider-video-copy {
    width: 100%;
    grid-column-gap: 58px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: center;
    justify-content: center;
    align-items: center;
    justify-items: center;
    padding-left: 0;
    padding-right: 0;
    display: grid;
  }

  .div-block-slider-video-copy {
    flex-direction: column;
  }

  .div-block-texte-video-copy {
    padding-left: 0;
    padding-right: 100px;
  }

  .section-services-alarme {
    padding-left: 60px;
    padding-right: 60px;
  }

  .titre-h2-services-alarme {
    text-align: center;
    font-family: Exo, sans-serif;
    font-size: 25px;
    font-weight: 600;
  }

  .sous-titre-services-alarme {
    font-size: 16px;
    line-height: 24px;
  }

  .grid-services-securite-copy {
    grid-template-columns: 1fr 1fr;
  }

  .grid-systemes-alarme {
    grid-column-gap: 32px;
  }

  .section-gauche-droite-solutions {
    display: none;
  }

  .section-bandeau-bleu-solutions {
    padding: 60px;
  }

  .container-bandeau-bleu-solutions {
    padding-right: 0;
  }

  .paragraph-bandeau-bleu-solutions {
    font-size: 28px;
    line-height: 28px;
  }

  .grille-activit-alarme {
    grid-column-gap: 70px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }

  .activit-alarme-7 {
    padding-right: 0;
  }

  .titre-istallation {
    text-align: left;
    line-height: 32px;
  }

  .div-block-image-1-responsive {
    background-image: url('../images/img-installation-alarme-intrusion-dvspro.jpg');
    background-position: 50%;
    padding-top: 140px;
    padding-bottom: 140px;
    display: none;
  }

  .div-block-image-2-responsive-video {
    background-image: url('../images/image-videosurveillance-camera-mobotix-devespro.jpg');
    background-position: 50%;
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .link-6 {
    color: #f06036;
    text-decoration: none;
  }

  .titre-h1-bandeau-vol {
    width: 100%;
    font-size: 25px;
    line-height: 25px;
  }

  .paragraph-bandeau-vol {
    width: 100%;
  }

  .section-services-vol {
    padding-left: 60px;
    padding-right: 60px;
  }

  .titre-h2-services-vol {
    text-align: center;
    font-family: Exo, sans-serif;
    font-size: 25px;
    font-weight: 600;
  }

  .grid-systemes-vol {
    grid-column-gap: 32px;
  }

  .section-slider-video-copy {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 60px;
    padding-right: 60px;
    display: block;
  }

  .grid-slider-video-copy {
    grid-template-columns: 1fr;
    align-content: center;
    justify-content: center;
    align-items: center;
    justify-items: center;
  }

  .div-block-slider-video-copy {
    flex-direction: column;
    padding-left: 0;
    padding-right: 60px;
  }

  .div-block-texte-video-copy {
    width: 90%;
  }

  .slider-video-copy {
    height: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .section-bandeau-vol {
    padding-left: 60px;
    padding-right: 60px;
  }

  .list-puce {
    line-height: 24px;
  }

  .grille-activit-vol {
    grid-column-gap: 0px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }

  .section-bandeau-orange-audit {
    padding-left: 60px;
    padding-right: 60px;
  }

  .paragraph-bandeau-orange-devis-copy {
    margin-bottom: 20px;
  }

  .button-demande-audit-gratuit-copy {
    width: 320px;
    background-position: 19px;
    margin-top: 0;
    padding-left: 40px;
    font-size: 17px;
    font-weight: 600;
  }

  .bold-text-14-copy {
    font-size: 25px;
  }

  .div-block-image-1-responsive-vol {
    background-image: url('../images/back_form_img.jpg');
    background-position: 50% 100%;
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .div-block-image-2-responsive-vol {
    background-image: url('../images/image-videosurveillance-camera-mobotix-devespro.jpg');
    background-position: 50%;
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .section-bandeau-camera {
    padding-left: 40px;
    padding-right: 40px;
  }

  .titre-h1-bandeau-camera {
    width: 100%;
    font-size: 25px;
    line-height: 25px;
  }

  .paragraph-bandeau-camera {
    width: 100%;
  }

  .section-slider-camera {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 60px;
    padding-right: 60px;
    display: block;
  }

  .grid-slider-video-copy {
    grid-template-columns: 1fr;
    align-content: center;
    justify-content: center;
    align-items: center;
    justify-items: center;
  }

  .div-block-slider-camera {
    flex-direction: column;
    padding-left: 0;
    padding-right: 60px;
  }

  .slider-camera {
    height: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .mask-slider-camera {
    width: 60%;
    height: auto;
  }

  .div-block-texte-camera {
    width: 90%;
  }

  .section-services-camera {
    padding-left: 60px;
    padding-right: 60px;
  }

  .titre-h2-services-camera {
    text-align: center;
    font-family: Exo, sans-serif;
    font-size: 25px;
    font-weight: 600;
  }

  .sous-titre-services-camera {
    font-size: 16px;
    line-height: 24px;
  }

  .grid-services-camera {
    grid-template-columns: 1fr 1fr;
  }

  .grid-systemes-camera {
    grid-column-gap: 32px;
  }

  .div-services-camera, .div-block-services-2-copy {
    width: 100%;
  }

  .div-block-camera {
    width: 100%;
    background-image: url('../images/background_page_dvspro.jpg');
  }

  .titre-professionnel-services-copy {
    font-size: 20px;
  }

  .div-block-services-4-copy {
    width: 100%;
    background-image: linear-gradient(rgba(6, 44, 71, .6), rgba(6, 44, 71, .6)), url('../images/img-installation-alarme-intrusion-dvspro.jpg');
    background-position: 0 0, 0 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .grille-activit-camera {
    grid-column-gap: 19px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }

  .activit-7-camera {
    padding-right: 0;
  }

  .div-block-image-2-responsive-camera {
    background-image: url('../images/image-videosurveillance-camera-mobotix-devespro.jpg');
    background-position: 50%;
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .section-gauche-droite-video-copy-copy {
    display: none;
  }

  .section-bandeau-chantier {
    padding-left: 60px;
    padding-right: 60px;
  }

  .titre-h1-bandeau-chantier {
    width: 100%;
    font-size: 25px;
    line-height: 25px;
  }

  .paragraph-bandeau-chantier, .paragraph-bandeau-vol-copy {
    width: 100%;
  }

  .section-slider-chantier {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 60px;
    padding-right: 60px;
    display: block;
  }

  .grid-slider-chantier {
    grid-template-columns: 1fr;
    align-content: center;
    justify-content: center;
    align-items: center;
    justify-items: center;
  }

  .div-block-slider-chantier {
    flex-direction: column;
    padding-left: 0;
    padding-right: 60px;
  }

  .div-block-texte-chantier {
    width: 90%;
  }

  .section-services-chantier {
    padding-left: 60px;
    padding-right: 60px;
  }

  .titre-h2-services-chantier {
    text-align: center;
    font-family: Exo, sans-serif;
    font-size: 25px;
    font-weight: 600;
  }

  .sous-titre-services-chantier {
    font-size: 16px;
    line-height: 24px;
  }

  .grid-systemes-chantier {
    grid-column-gap: 32px;
  }

  .clone-bar {
    padding-left: 24px;
  }

  .paragraph-bandeau-bleu-copy-copy {
    font-size: 28px;
    line-height: 28px;
  }

  .grid-slider-camera {
    grid-template-columns: 1fr;
    align-content: center;
    justify-content: center;
    align-items: center;
    justify-items: center;
  }

  .section-bandeau-acces {
    padding-left: 40px;
    padding-right: 40px;
  }

  .titre-h1-bandeau-acces {
    width: 100%;
    font-size: 25px;
    line-height: 25px;
  }

  .paragraph-bandeau-acces {
    width: 100%;
  }

  .section-slider-camera-copy {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 60px;
    padding-right: 60px;
    display: block;
  }

  .grid-slider-video-copy-copy {
    grid-template-columns: 1fr;
    align-content: center;
    justify-content: center;
    align-items: center;
    justify-items: center;
  }

  .div-block-slider-acces {
    flex-direction: column;
    padding-left: 0;
    padding-right: 60px;
  }

  .div-block-texte-acces {
    width: 90%;
  }

  .section-services-acces {
    padding-left: 60px;
    padding-right: 60px;
  }

  .titre-h2-services-acces {
    text-align: center;
    font-family: Exo, sans-serif;
    font-size: 25px;
    font-weight: 600;
  }

  .sous-titre-services-camera-copy {
    font-size: 16px;
    line-height: 24px;
  }

  .grid-services-camera-copy {
    grid-template-columns: 1fr 1fr;
  }

  .div-services-camera-copy, .div-block-services-2-copy-copy {
    width: 100%;
  }

  .div-block-camera-copy {
    width: 100%;
    background-image: url('../images/background_page_dvspro.jpg');
  }

  .div-block-services-4-copy-copy {
    width: 100%;
    background-image: linear-gradient(rgba(6, 44, 71, .6), rgba(6, 44, 71, .6)), url('../images/img-installation-alarme-intrusion-dvspro.jpg');
    background-position: 0 0, 0 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .grid-systemes-acces {
    grid-column-gap: 32px;
  }

  .section-gauche-droite-video-copy-copy-copy {
    display: none;
  }

  .deuxieme-titre-installation {
    text-align: left;
    line-height: 32px;
  }

  .grille-activit-controle {
    grid-column-gap: 19px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 2fr;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }

  .activit-13-controle {
    background-image: url('../images/ticket-solid.svg');
  }

  .activit-3-controle {
    background-image: url('../images/rocket-solid.svg');
  }

  .activit-8-controle {
    background-image: url('../images/object-group-solid.svg');
  }

  .activit-10-controle {
    background-image: url('../images/house-solid.svg');
  }

  .section-bandeau-bleu-solutions-copy {
    padding: 60px;
  }

  .container-bandeau-bleu-solutions-copy {
    padding-right: 0;
  }

  .paragraph-bandeau-bleu-solutions-copy {
    font-size: 28px;
    line-height: 28px;
  }

  .button-demande-audit-gratuit-copy {
    width: 50%;
    background-position: 19px;
    margin-top: 30px;
    padding-left: 40px;
    font-size: 17px;
    font-weight: 600;
  }

  .button-demande-audit-gratuit-copy-copy {
    width: 320px;
    background-position: 19px;
    margin-top: 0;
    padding-left: 40px;
    font-size: 17px;
    font-weight: 600;
  }

  .button-demande-audit-gratuit-copy {
    width: 50%;
    background-position: 19px;
    margin-top: 30px;
    padding-left: 40px;
    font-size: 17px;
    font-weight: 600;
  }

  .paragraph-slider-camera {
    width: 100%;
    align-items: flex-end;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    font-size: 22px;
    display: flex;
  }

  .titre-professionnel-camera {
    font-size: 20px;
  }

  .section-slider-alarme {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 60px;
    padding-right: 60px;
    display: block;
  }

  .grid-slider-alarme {
    grid-template-columns: 1fr;
    align-content: center;
    justify-content: center;
    align-items: center;
    justify-items: center;
  }

  .div-block-alarme {
    flex-direction: column;
    padding-left: 0;
    padding-right: 60px;
  }

  .mask-slider-alarme {
    width: 60%;
    height: auto;
  }

  .slide-1-alarme {
    height: auto;
  }

  .paragraph-slider-alarme {
    width: 100%;
    align-items: flex-end;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    font-size: 22px;
    display: flex;
  }

  .paragraph-slider-copy {
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 22px;
    display: flex;
  }

  .fleche-bas {
    display: none;
  }

  .div-services-camera-2, .div-services-camera-3, .div-services-camera-4 {
    width: 100%;
  }

  .section-erreur-404, .section-merci {
    padding-left: 15%;
    padding-right: 15%;
  }

  .container-bleu {
    height: 100px;
    padding-top: 40px;
  }

  .titre-h1 {
    max-width: 80%;
    text-align: center;
    font-size: 25px;
    line-height: 25px;
  }

  .paragraph-classic-white {
    text-align: center;
    padding-right: 0;
    font-size: 15px;
  }

  .bold-text-sous-titre-clause {
    line-height: 25px;
  }

  .bold-text-clause {
    line-height: 27px;
  }

  .section-clauses {
    padding-left: 7%;
    padding-right: 7%;
  }

  .div-block-alarme-copy {
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
  }

  .slider-chantier-copy {
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .mask-slider-alarme-copy {
    width: 90%;
    height: auto;
  }

  .slide-01 {
    height: auto;
  }

  .div-slide-2-copy {
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .paragraph-texte-slider {
    width: 100%;
    height: 100%;
    color: #364789;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    font-size: 18px;
    line-height: 28px;
    display: flex;
  }

  .div-slide-2-copy {
    height: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .paragraph-slider-alarme-copy {
    width: 100%;
    align-items: flex-end;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    font-size: 22px;
    display: flex;
  }

  .slide-03 {
    text-align: center;
  }

  .div-slide-2-copy {
    height: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .paragraph-slider-copy {
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 22px;
    display: flex;
  }

  .div-slide-2-copy {
    height: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .paragraph-slider-copy {
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 22px;
    display: flex;
  }

  .div-cadre-devis-video-responsive {
    height: auto;
    min-height: auto;
    background-color: #fff;
    margin-bottom: 0;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
  }

  .slide-02 {
    height: auto;
    text-align: center;
  }

  .fleche-haut {
    z-index: 1;
    margin-top: 11px;
    display: block;
    position: relative;
    top: 54px;
    left: 299px;
  }

  .dropdown-2 {
    width: 100%;
  }

  .dropdown-3 {
    width: auto;
    min-width: 100%;
  }

  .button-audit-demande {
    width: 50%;
    background-position: 19px;
    margin-top: 10px;
    padding-left: 40px;
    font-size: 17px;
    font-weight: 600;
  }

  .button-audit-gratuit {
    width: 320px;
    background-position: 19px;
    margin-top: 10px;
    padding-left: 40px;
    font-size: 17px;
    font-weight: 600;
  }

  .titre-tabs {
    text-align: left;
    line-height: 32px;
  }

  .mask-slider-chantier {
    width: 60%;
    height: auto;
  }

  .slide-1-chantier {
    height: auto;
  }

  .grid-slider-acces {
    grid-template-columns: 1fr;
    align-content: center;
    justify-content: center;
    align-items: center;
    justify-items: center;
  }

  .section-slider-acces {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 60px;
    padding-right: 60px;
    display: block;
  }

  .slider-acces {
    height: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .mask-slider-acces {
    width: 60%;
    height: auto;
  }

  .slide-1-acces {
    height: auto;
  }

  .sous-titre-services-acces {
    font-size: 16px;
    line-height: 24px;
  }

  .section-call-cta {
    opacity: 0;
    display: block;
  }

  .container-header-mobile {
    max-width: 100%;
    align-self: center;
  }

  .grid-header-mobile {
    padding-left: 0;
    padding-right: 0;
  }

  .texte-call-cta-mobile {
    text-align: center;
    align-self: center;
    margin-right: 0;
    padding-top: 0;
    display: block;
  }

  .logo-call-cta-mobile {
    flex: 0 auto;
    align-self: center;
    margin-left: auto;
    margin-right: auto;
  }

  .menu-button {
    padding: 0 0 0 30px;
  }

  .menu-button:hover, .menu-button.w--open {
    background-color: rgba(0, 0, 0, 0);
  }

  .grid-3 {
    grid-template-columns: 1.25fr 3.25fr 2fr;
  }

  .bouton-devis-nav {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    border-radius: 0;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 600;
    display: block;
  }

  .titre-pourquoi-geo {
    padding-left: 0;
    padding-right: 0;
  }

  .s-parateur-centre-geo {
    display: none;
  }

  .cellule-geo {
    justify-content: flex-start;
  }

  .section-bandeau-orange-devis-geo {
    padding-left: 60px;
    padding-right: 60px;
  }

  .button-demande-de-devis-geo {
    width: 290px;
    background-position: 33px;
    margin-top: 0;
    padding-left: 40px;
    padding-right: 10px;
    font-size: 18px;
  }

  .section-bandeau-geo {
    padding-left: 40px;
    padding-right: 40px;
  }

  .titre-h1-bandeau-geo {
    width: 100%;
    font-size: 25px;
    line-height: 25px;
  }

  .paragraph-bandeau-geo {
    width: 100%;
  }

  .grid-geo {
    grid-column-gap: 0px;
    align-items: start;
  }

  .button-demande-de-devis-geo-header {
    width: 290px;
    background-position: 33px;
    margin-top: 0;
    padding-left: 40px;
    padding-right: 10px;
    font-size: 18px;
  }

  .button-demande-devis-tableau-geo {
    width: 64%;
    background-position: 34px;
    padding-left: 45px;
    padding-right: 10px;
  }

  .section-gauche-droite-video-geo {
    display: block;
  }

  .section-installation-geo {
    padding: 70px 60px;
  }

  .grid-installation-geo {
    grid-template-columns: 1.25fr;
  }

  .button-numero {
    width: 64%;
    background-position: 34px;
    padding-left: 45px;
    padding-right: 10px;
  }

  .paragraph-bandeau-bleu-geo {
    font-size: 28px;
    line-height: 28px;
  }

  .grille-geo-bg {
    grid-column-gap: 19px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }

  .parent_lieux {
    grid-column-gap: 50px;
    flex-flow: row;
    align-items: center;
  }

  .container-bandeau-bleu-geo {
    padding-right: 0;
  }

  .button-demande-de-devis-geo-head {
    width: 290px;
    background-position: 33px;
    margin-top: 0;
    padding-left: 40px;
    padding-right: 10px;
    font-size: 18px;
  }

  .paragraph-devis-geo {
    margin-bottom: 20px;
  }

  .cadre-num-geo {
    padding-left: 100px;
    padding-right: 100px;
  }

  .div-texte-geo {
    padding-right: 0;
  }

  .paragraph-par-d-faut-geo {
    text-align: left;
    padding-top: 0;
    line-height: 24px;
  }

  .paragraph-par-d-faut-geo.espace-20.centre, .paragraph-par-d-faut-geo.centre {
    text-align: center;
  }

  .titre-installation-geo {
    text-align: left;
    line-height: 32px;
  }

  .div-block-text-geo {
    width: 85%;
    padding: 80px 0;
  }

  .section-installation-geo-2 {
    padding: 70px 60px;
  }

  .paragraph-sous-titre-devis-video2-copy {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .button {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    padding-left: 20px;
    font-weight: 600;
  }

  .dropdown-toggle {
    position: static;
  }

  .logo.w--current {
    padding-left: 0;
  }

  .menu {
    min-width: auto;
  }

  .nav-menu {
    width: 300px;
    max-width: 70%;
    background-color: #2c3452;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .navbar {
    max-width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .paragraph-page-accueil {
    font-size: 14px;
    line-height: 18px;
  }

  .button-demande-devis {
    width: 55%;
    background-position: 12%;
    background-size: 25px;
    padding-left: 35px;
    font-size: 17px;
    font-weight: 600;
    line-height: 17px;
  }

  .titre-page-accueil {
    font-size: 22px;
    line-height: 22px;
  }

  .bold-text {
    font-size: 15px;
    line-height: 20px;
  }

  .nav-link-menu {
    color: #fff;
    position: static;
  }

  .bandeau-t-l-phone {
    flex-direction: column;
  }

  .bold-text-t-l-phone {
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 16px;
    line-height: 19px;
  }

  .by {
    display: block;
  }

  .section-bandeau-t-l-phone {
    height: auto;
    padding: 12px 40px;
  }

  .logo-uniprotection {
    display: block;
  }

  .paragraph-banner-t-l-phone {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .logo-dvspro {
    margin-left: 0;
    display: block;
  }

  .bold-text-2 {
    font-size: 24px;
    line-height: 21px;
  }

  .s-parateur-centre {
    display: block;
  }

  .section-pourquoi {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .grid {
    grid-row-gap: 3px;
    grid-template-columns: 1fr 1fr;
  }

  .paragraph {
    font-size: 15px;
  }

  .paragraph-par-d-faut {
    text-align: center;
    align-self: flex-start;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    line-height: 24px;
  }

  .paragraph-par-d-faut.espace-20.centre {
    margin-bottom: 30px;
  }

  .list-puce-item {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 16px;
  }

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

  .titre-installation {
    font-family: Exo, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 21px;
  }

  .grid-tab {
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    display: none;
  }

  .tab-pane-vid-osurveillance {
    padding-left: 20px;
    padding-right: 20px;
  }

  .button-en-savoir-plus {
    width: 50%;
  }

  .bold-text-tab {
    display: inline;
  }

  .tab-pane-alarme {
    padding-left: 20px;
    padding-right: 20px;
  }

  .tab-pane-protection {
    padding-left: 0;
    padding-right: 0;
  }

  .grid-tab-systemes {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .cadre {
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-right: 20px;
    display: flex;
  }

  .tab-pane-d-tection, .tab-pane-contr-le {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-installation {
    padding-top: 40px;
    padding-bottom: 80px;
  }

  .div-texte {
    padding-right: 0;
    display: none;
  }

  .button-demande-devis-tableau {
    width: 248px;
    background-position: 25px;
    background-size: 22px;
    padding-left: 36px;
    font-size: 18px;
  }

  .s-parateur-gauche {
    margin-left: 0;
    margin-right: auto;
    display: none;
  }

  .devis {
    padding: 40px 34px;
  }

  .container-devis {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .grid-logos-clients {
    display: none;
  }

  .sous-titre-devis {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 18px;
  }

  .paragraph-par-d-faut-centre {
    align-self: auto;
    font-size: 15px;
  }

  .section-bandeau-bleu {
    padding: 40px 60px;
  }

  .grille-activit {
    grid-column-gap: 179px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .paragraph-bandeau-bleu {
    font-size: 21px;
    line-height: 24px;
  }

  .activit-bureau {
    background-image: url('../images/display-solid.svg');
    background-repeat: no-repeat;
    background-size: 22px;
    font-size: 17px;
  }

  .activit-restaurant, .activit-copropri-t, .activit-usine {
    font-size: 16px;
  }

  .activit-caf {
    background-size: 22px;
  }

  .activit-commerce, .activit-batiment, .activit-parking, .activit-hotel, .activit-entrepot, .activit-sant, .activit-administration {
    font-size: 16px;
  }

  .footer {
    padding-left: 60px;
    padding-right: 60px;
    display: block;
  }

  .menu-footer {
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .button-ensavoir-plus {
    width: 55%;
    background-position: 29px;
    background-size: 25px;
    padding-left: 40px;
    font-size: 20px;
    line-height: 20px;
  }

  .container-bandeau {
    text-align: center;
    justify-content: center;
    display: flex;
  }

  .section-bandeau-questions {
    padding-right: 40px;
  }

  .titre-h1-bandeau {
    width: 100%;
    font-size: 21px;
  }

  .section-questions {
    padding: 40px 30px;
  }

  .list-item-questions {
    font-size: 14px;
    line-height: 18px;
  }

  .link-question-1 {
    margin-left: 0;
    font-size: 14px;
    line-height: 21px;
  }

  .link-question-2 {
    margin-left: 0;
    font-size: 14px;
    line-height: 18px;
  }

  .link-question-3, .link-question-4, .link-question-5, .link-question-6, .link-question-7, .link-question-8, .link-question-9 {
    margin-left: 0;
  }

  .link-question-10 {
    margin-left: 0;
    font-size: 14px;
    line-height: 18px;
  }

  .paragraph-questions {
    font-size: 14px;
    line-height: 20px;
  }

  .s-parateur-bleu {
    text-align: center;
    justify-content: center;
    align-self: center;
    margin-left: 0;
    display: none;
  }

  .heading {
    font-size: 20px;
  }

  .grid-bandeau-orange {
    grid-template-columns: 1fr;
    padding-left: 20px;
    padding-right: 20px;
  }

  .button-devis-demande {
    width: 100%;
    background-position: 90px;
    background-size: 30px;
    padding-left: 60px;
    padding-right: 20px;
    font-size: 20px;
    font-weight: 700;
  }

  .button-demande-audit {
    width: 100%;
    background-position: 36px;
    background-size: 30px;
    padding-left: 40px;
    font-size: 19px;
  }

  .paragraph-devis {
    font-size: 23px;
    line-height: 23px;
  }

  .bold-text-9 {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .bold-text-10 {
    text-align: center;
    justify-content: center;
    display: flex;
  }

  .bold-text-11 {
    justify-content: center;
    display: flex;
  }

  .list-2 {
    margin-bottom: 40px;
  }

  .list-item-tabs-fin {
    border: 1px #000;
  }

  .div-logo {
    display: none;
  }

  .icon {
    color: #fff;
  }

  .slider-logos {
    width: 100%;
    height: 200px;
    background-color: #fff;
    margin-top: 20px;
    display: block;
  }

  .div-block-1 {
    width: 100%;
    height: 150px;
    justify-content: center;
    display: flex;
  }

  .image-5 {
    margin-top: 0;
    padding-top: 0;
  }

  .icon-4, .icon-5 {
    color: #b1b1b1;
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .slide-nav-2 {
    color: rgba(0, 0, 0, 0);
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    margin-top: 0;
    font-size: 8px;
    display: block;
  }

  .mask {
    background-color: rgba(0, 0, 0, 0);
  }

  .div-block-2 {
    width: 100%;
    height: 200px;
    justify-content: center;
    display: flex;
  }

  .div-block-3, .div-block-4, .div-block-5, .div-block-6, .div-block-7, .div-block-8, .div-block-9, .div-block-10, .div-block-11, .div-block-12, .div-block-13, .div-block-14, .div-block-15, .div-block-16, .div-block-17, .div-block-18, .div-block-19, .div-block-20, .div-block-21, .div-block-22 {
    width: 100%;
    height: 60%;
    justify-content: center;
    display: flex;
  }

  .section-bandeau-t-l-phone-haut {
    height: auto;
    display: block;
  }

  .bandeau-t-l-phone-haut {
    flex-direction: column;
  }

  .paragraph-banner-t-l-phone-haut {
    flex-direction: column;
    align-items: center;
    font-size: 19px;
    display: block;
  }

  .div-logo-haut {
    display: none;
  }

  .grid-tab-responsive {
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    display: flex;
  }

  .bold-text-12 {
    font-size: 20px;
    line-height: 23px;
  }

  .section-bandeau-a-propos {
    padding-right: 40px;
  }

  .container-bandeau-a-propos {
    text-align: center;
    justify-content: center;
    display: flex;
  }

  .titre-h1-bandeau-a-propos {
    width: 100%;
    font-size: 21px;
  }

  .container-slider {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .grid-slider {
    grid-row-gap: 16px;
    align-content: stretch;
    justify-content: stretch;
  }

  .bold-text-13 {
    font-size: 25px;
  }

  .slider {
    align-self: center;
  }

  .paragraph-slider {
    height: auto;
    font-size: 20px;
    line-height: 30px;
  }

  .div-block-slider {
    height: 160px;
    padding-left: 60px;
    padding-right: 40px;
  }

  .quote-gauche {
    line-height: 10px;
  }

  .quote-droite {
    padding-right: 60px;
  }

  .div-slide {
    height: auto;
  }

  .mask-slider {
    height: auto;
    align-self: center;
  }

  .button-demande-audit-gratuit {
    width: 100%;
    background-position: 16%;
    font-size: 15px;
  }

  .titre-h3-block-image {
    text-align: center;
    align-self: center;
    margin-bottom: 20px;
    font-size: 25px;
  }

  .bold-text-14 {
    font-size: 24px;
  }

  .bold-text-15 {
    font-size: 24px;
    line-height: 23px;
  }

  .section-bandeau-titre-page-questions {
    padding-right: 40px;
  }

  .container-bandeau-page-questions {
    text-align: center;
    justify-content: center;
    display: flex;
  }

  .titre-h1-bandeau-page-questions {
    width: 100%;
    font-size: 21px;
  }

  .section-page-questions {
    padding: 60px 30px;
  }

  .paragraph-page-questions {
    text-align: left;
    margin-bottom: 40px;
    font-size: 17px;
    line-height: 22px;
  }

  .section-bandeau-orange-questions {
    padding-left: 85px;
    padding-right: 85px;
  }

  .grid-bandeau-orange-questions {
    grid-template-columns: 1fr;
    padding-left: 40px;
    padding-right: 40px;
  }

  .button-demande-de-devis {
    width: 265px;
    background-position: 40px;
    font-size: 15px;
  }

  .div-page-questions {
    padding-left: 0;
    padding-right: 0;
  }

  .paragraph-par-d-faut-justifi {
    text-align: left;
    align-self: center;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 24px;
  }

  .grille-icone-texte {
    margin-left: 0;
  }

  .button-devis {
    width: 280px;
    background-position: 40px;
    padding-left: 30px;
    font-size: 17px;
  }

  .button-demande-un-audit {
    width: 280px;
    background-position: 40px;
    padding-left: 40px;
    font-size: 17px;
    font-weight: 700;
  }

  .paragraph-div-icone {
    text-align: left;
    align-self: center;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px;
  }

  .paragraph-10 {
    font-size: 20px;
  }

  .slide-2 {
    height: 100%;
  }

  .paragraph-phrase {
    color: #fff;
    flex-direction: column;
    align-items: center;
    padding-top: 10px;
    font-size: 19px;
    display: block;
  }

  .text-span-2 {
    color: #fff;
    padding-top: 10px;
    font-size: 20px;
  }

  .grid-header {
    grid-row-gap: 9px;
    grid-template-columns: 1.5fr;
  }

  .section-header-devis {
    height: auto;
    padding: 20px 100px;
    display: none;
  }

  .paragraph-t-l-phone {
    flex-direction: column;
    align-items: center;
    display: none;
  }

  .section-formulaire-devis {
    padding-top: 35%;
    padding-bottom: 20%;
  }

  .grid-2 {
    grid-row-gap: 5px;
    grid-template-columns: 1fr;
  }

  .paragraph-11 {
    background-position: 0%;
    background-size: 16px;
    font-size: 16px;
  }

  .paragraph-formulaire {
    font-size: 16px;
  }

  .div-formulaire-devis {
    padding-left: 30px;
    padding-right: 30px;
  }

  .grid-devis-video {
    align-content: center;
    justify-content: center;
    justify-items: center;
    padding-left: 40px;
    padding-right: 40px;
  }

  .bold-text-slider {
    justify-content: center;
    align-self: center;
    align-items: center;
    font-size: 16px;
    display: flex;
  }

  .bold-text-29 {
    font-size: 18px;
  }

  .paragraph-devis-video {
    text-align: left;
    align-self: center;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 24px;
  }

  .titre-devis-video {
    font-size: 25px;
  }

  .section-form-devis-video {
    margin-top: 0;
    padding-top: 150px;
  }

  .textes-devis-video {
    width: 90%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-formulaire-devis-video {
    margin-top: 0;
  }

  .sous-titre-entreprise-video {
    font-size: 17px;
    line-height: 23px;
  }

  .titre-h2-entreprise-video {
    font-size: 20px;
    line-height: 25px;
  }

  .item-liste-entreprise-video, .item-liste-entreprise-video-2, .item-liste-entreprise-video-4, .item-liste-entreprise-video-5 {
    justify-content: center;
  }

  .grid-services {
    grid-template-columns: 1fr;
  }

  .titre-h3-services {
    text-align: center;
    margin-bottom: 20px;
    font-size: 21px;
  }

  .item-fleches {
    font-size: 18px;
  }

  .container-bandeau-systeme {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-right: 0;
    display: flex;
  }

  .titre-h1-bandeau-systeme {
    width: 100%;
    font-size: 21px;
  }

  .section-slider-video {
    padding-bottom: 70px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .container-slider-video {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .grid-slider-video {
    grid-row-gap: 16px;
    align-content: stretch;
    justify-content: stretch;
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-bandeau-systeme {
    padding-right: 40px;
    display: block;
  }

  .paragraph-bandeau-systeme {
    font-size: 16px;
    line-height: 20px;
  }

  .slider-chantier {
    width: 80%;
    align-self: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .mask-slider-video {
    width: 90%;
    height: auto;
    align-self: center;
  }

  .div-slide-2 {
    height: auto;
  }

  .paragraph-slider-acces {
    width: 90%;
    height: auto;
    font-size: 20px;
    line-height: 30px;
  }

  .slide-2-video {
    height: 100%;
  }

  .div-block-texte-video {
    display: none;
  }

  .section-bandeau-bleu-video {
    padding: 70px 60px;
  }

  .grille-activit-video {
    grid-column-gap: 85px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-slider-video {
    width: 90%;
    height: 160px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .activit-bureau-video {
    background-image: url('../images/display-solid.svg');
    background-repeat: no-repeat;
    background-size: 22px;
    font-size: 17px;
  }

  .activit-restaurant-video, .activit-copropri-t-video, .activit-usine-video {
    font-size: 16px;
  }

  .activit-caf-video {
    background-size: 22px;
  }

  .activit-commerce-video, .activit-batiment-video, .activit-parking-video, .activit-hotel-video, .activit-entrepot-video, .activit-administration-video, .activit-sant-video {
    font-size: 16px;
  }

  .div-block-image-video, .div-block-image-1-responsive-alarme {
    display: none;
  }

  .titre-h2-services-securite {
    font-size: 24px;
    line-height: 26px;
  }

  .sous-titre-services-securite {
    line-height: 18px;
  }

  .grid-services-securite {
    grid-template-columns: 1fr;
  }

  .div-block-services, .div-block-services-2, .div-block-services-3, .div-block-services-4 {
    height: 80px;
  }

  .grid-systemes {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .titre-h3-systeme-alarme {
    font-size: 20px;
  }

  .paragraph-par-d-faut-blanc {
    text-align: center;
    align-self: center;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 24px;
  }

  .s-parateur-gauche-2 {
    justify-content: flex-start;
    align-self: flex-start;
    margin-left: auto;
    margin-right: auto;
  }

  .div-texte-systeme-alarme {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .liste-deroulante.desktop {
    display: block;
  }

  .titre-liste-deroulante {
    margin-bottom: 0;
    margin-left: 0%;
  }

  .bold-text-32 {
    font-size: 21px;
    line-height: 25px;
    display: flex;
  }

  .container-liste {
    justify-content: center;
  }

  .dropdown {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-selecteur {
    margin-top: 70px;
    margin-bottom: 70px;
    display: block;
  }

  .div-liste-deroulante {
    width: 100%;
    display: none;
  }

  .item-liste-deroulante {
    width: 100%;
    object-fit: fill;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .bouton-audit {
    width: 300px;
    background-position: 27px;
    font-size: 15px;
  }

  .dropdown-texte-2.w--open {
    padding-top: 3%;
  }

  .s-parateur-gauche-fin {
    justify-content: flex-start;
    align-self: flex-start;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .section-bandeau-alarme {
    padding-right: 40px;
    display: block;
  }

  .container-bandeau-alarme {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-right: 0;
    display: flex;
  }

  .titre-h1-bandeau-alarme {
    width: 100%;
    font-size: 21px;
  }

  .paragraph-bandeau-alarme {
    font-size: 16px;
    line-height: 20px;
  }

  .section-slider-video-copy {
    padding-left: 60px;
    padding-right: 60px;
    display: block;
  }

  .container-slider-video-copy {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .grid-slider-video-copy {
    width: 100%;
    grid-column-gap: 10px;
    grid-row-gap: 25px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: center;
    justify-content: center;
    justify-items: center;
    padding-left: 20px;
    padding-right: 10px;
    display: grid;
  }

  .div-block-slider-video-copy {
    width: 100%;
    height: 160px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .titre-h2-services-alarme {
    font-size: 24px;
    line-height: 26px;
  }

  .sous-titre-services-alarme {
    line-height: 18px;
  }

  .grid-services-securite-copy {
    grid-template-columns: 1fr;
  }

  .grid-systemes-alarme {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .section-gauche-droite-solutions {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: none;
  }

  .section-bandeau-bleu-solutions {
    padding: 70px 60px;
  }

  .paragraph-bandeau-bleu-solutions {
    font-size: 21px;
    line-height: 24px;
  }

  .grille-activit-alarme {
    grid-column-gap: 28px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .activit-alarme {
    background-image: url('../images/display-solid.svg');
    background-repeat: no-repeat;
    background-size: 22px;
    font-size: 17px;
  }

  .activit-alarme-2, .activit-alarme-3, .activit-alarme-4 {
    font-size: 16px;
  }

  .activit-alarme-5 {
    background-size: 22px;
  }

  .activit-alarme-6, .activit-alarme-7, .activit-alarme-8, .activit-alarme-9, .activit-alarme-10, .activit-alarme-12 {
    font-size: 16px;
  }

  .titre-istallation {
    text-align: left;
    font-size: 21px;
    line-height: 21px;
  }

  .div-block-image-1-responsive {
    background-image: url('../images/img-videosurveillance-materiel-dvspro.jpg');
    background-position: 50% 100%;
    display: flex;
  }

  .div-block-text-responsive-solutions {
    text-align: left;
  }

  .activit-alarme-11 {
    font-size: 16px;
  }

  .container-bandeau-vol {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-right: 0;
    display: flex;
  }

  .titre-h1-bandeau-vol {
    width: 100%;
    font-size: 21px;
  }

  .paragraph-bandeau-vol {
    font-size: 16px;
    line-height: 20px;
  }

  .titre-h2-services-vol {
    font-size: 24px;
    line-height: 26px;
  }

  .grid-systemes-vol {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .section-slider-video-copy {
    padding-bottom: 70px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .container-slider-video-copy {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .grid-slider-video-copy {
    grid-row-gap: 16px;
    align-content: stretch;
    justify-content: stretch;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-slider-video-copy {
    width: 90%;
    height: 160px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-texte-video-copy {
    display: none;
  }

  .slider-video-copy {
    width: 80%;
    align-self: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .section-bandeau-vol {
    padding-left: 40px;
    padding-right: 40px;
  }

  .list-puce {
    font-size: 16px;
  }

  .grille-activit-vol {
    grid-column-gap: 0px;
    grid-row-gap: 10px;
    grid-template-columns: .75fr 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .activit-vol {
    background-image: url('../images/display-solid.svg');
    background-repeat: no-repeat;
    background-size: 22px;
    font-size: 17px;
  }

  .activit-5-vol {
    text-align: left;
    background-size: 22px;
  }

  .activit-2-vol {
    font-size: 16px;
  }

  .activit-3-vol {
    padding-left: 35px;
    font-size: 16px;
  }

  .activit-4-vol {
    background-size: 25px;
    font-size: 16px;
  }

  .activit-6-vol {
    font-size: 16px;
  }

  .button-demande-audit-gratuit-copy {
    width: 313px;
    background-position: 30px;
    padding-left: 40px;
    font-size: 15px;
  }

  .bold-text-14-copy {
    font-size: 24px;
  }

  .div-block-image-1-responsive-vol {
    display: none;
  }

  .section-bandeau-camera {
    padding-right: 40px;
    display: block;
  }

  .container-bandeau-camera {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-right: 0;
    display: flex;
  }

  .titre-h1-bandeau-camera {
    width: 100%;
    font-size: 21px;
  }

  .paragraph-bandeau-camera {
    font-size: 16px;
    line-height: 20px;
  }

  .section-slider-camera {
    padding-bottom: 70px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .container-slider-camera {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .grid-slider-video-copy {
    grid-row-gap: 16px;
    align-content: stretch;
    justify-content: stretch;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-slider-camera {
    width: 90%;
    height: 160px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .slider-camera {
    width: 80%;
    align-self: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .mask-slider-camera {
    width: 90%;
    height: auto;
    align-self: center;
  }

  .div-block-texte-camera {
    display: none;
  }

  .titre-h2-services-camera {
    font-size: 24px;
    line-height: 26px;
  }

  .sous-titre-services-camera {
    line-height: 18px;
  }

  .grid-services-camera {
    grid-template-columns: 1fr;
  }

  .grid-systemes-camera {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .div-texte-systeme-camera {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .div-services-camera, .div-block-services-2-copy, .div-block-camera, .div-block-services-4-copy {
    height: 80px;
  }

  .titre-h3-block-image-copy {
    text-align: center;
    align-self: flex-start;
    font-size: 25px;
  }

  .grille-activit-camera {
    grid-column-gap: 85px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .activit-1-camera {
    background-image: url('../images/display-solid.svg');
    background-repeat: no-repeat;
    background-size: 22px;
    font-size: 17px;
  }

  .activit-2-camera, .activit-3-camera, .activit-4-camera {
    font-size: 16px;
  }

  .activit-5-camera {
    background-size: 22px;
  }

  .activit-6-camera, .activit-7-camera, .activit-8-camera, .activit-9-camera, .activit-10-camera, .activit-11-camera, .activit-12-camera {
    font-size: 16px;
  }

  .section-bandeau-chantier {
    padding-left: 40px;
    padding-right: 40px;
  }

  .container-bandeau-chantier {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-right: 0;
    display: flex;
  }

  .titre-h1-bandeau-chantier {
    width: 100%;
    font-size: 21px;
  }

  .paragraph-bandeau-chantier, .paragraph-bandeau-vol-copy {
    font-size: 16px;
    line-height: 20px;
  }

  .section-slider-chantier {
    padding-bottom: 70px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .container-slider-chantier {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .grid-slider-chantier {
    grid-row-gap: 16px;
    align-content: stretch;
    justify-content: stretch;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-slider-chantier {
    width: 90%;
    height: 160px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-texte-chantier {
    display: none;
  }

  .titre-h2-services-chantier {
    font-size: 24px;
    line-height: 26px;
  }

  .sous-titre-services-chantier {
    line-height: 18px;
  }

  .grid-systemes-chantier {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .div-texte-systeme-chantier, .div-texte-systeme-alarme-copy, .div-texte-systeme-alarme-copy, .div-texte-systeme-alarme-copy {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .clone-bar {
    justify-content: center;
  }

  .source-info {
    width: 100%;
  }

  .paragraph-bandeau-bleu-copy-copy {
    font-size: 21px;
    line-height: 24px;
  }

  .grid-slider-camera {
    grid-row-gap: 16px;
    align-content: stretch;
    justify-content: stretch;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-texte-systeme-alarme-copy {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .section-bandeau-acces {
    padding-right: 40px;
    display: block;
  }

  .container-bandeau-acces {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-right: 0;
    display: flex;
  }

  .titre-h1-bandeau-acces {
    width: 100%;
    font-size: 21px;
  }

  .paragraph-bandeau-acces {
    font-size: 16px;
    line-height: 20px;
  }

  .section-slider-camera-copy {
    padding-bottom: 70px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .container-slider-acces {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .grid-slider-video-copy-copy {
    grid-row-gap: 16px;
    align-content: stretch;
    justify-content: stretch;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-slider-acces {
    width: 90%;
    height: 160px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-texte-acces {
    display: none;
  }

  .titre-h2-services-acces {
    font-size: 24px;
    line-height: 26px;
  }

  .sous-titre-services-camera-copy {
    line-height: 18px;
  }

  .grid-services-camera-copy {
    grid-template-columns: 1fr;
  }

  .div-services-camera-copy, .div-block-services-2-copy-copy, .div-block-camera-copy, .div-block-services-4-copy-copy {
    height: 80px;
  }

  .grid-systemes-acces {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .div-texte-systeme-acces, .div-texte-systeme-alarme-copy, .div-texte-systeme-alarme-copy, .div-texte-systeme-alarme-copy, .div-texte-systeme-alarme-copy, .div-texte-systeme-alarme-copy {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .deuxieme-titre-installation {
    font-family: Exo, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 21px;
  }

  .grille-activit-controle {
    grid-column-gap: 85px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .activit-13-controle, .activit-1-controle, .activit-2-controle, .activit-3-controle, .activit-4-controle, .activit-5-controle, .activit-6-controle, .activit-7-controle, .activit-8-controle, .activit-9-controle, .activit-10-controle, .activit-11-controle, .activit-12-controle {
    background-image: url('../images/display-solid.svg');
    background-repeat: no-repeat;
    background-size: 22px;
    font-size: 17px;
  }

  .section-bandeau-bleu-solutions-copy {
    padding: 70px 60px;
  }

  .paragraph-bandeau-bleu-solutions-copy {
    font-size: 21px;
    line-height: 24px;
  }

  .button-demande-audit-gratuit-copy {
    width: 100%;
    background-position: 16%;
    font-size: 15px;
  }

  .button-demande-audit-gratuit-copy-copy {
    width: 313px;
    background-position: 30px;
    padding-left: 40px;
    font-size: 15px;
  }

  .button-demande-audit-gratuit-copy {
    width: 100%;
    background-position: 16%;
    font-size: 15px;
  }

  .paragraph-slider-camera {
    width: 90%;
    height: auto;
    font-size: 20px;
    line-height: 30px;
  }

  .slide-2-camera {
    height: 100%;
  }

  .section-slider-alarme {
    padding-bottom: 70px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .container-slider-alarme {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .grid-slider-alarme {
    grid-row-gap: 16px;
    align-content: stretch;
    justify-content: stretch;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-alarme {
    width: 90%;
    height: 160px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .mask-slider-alarme {
    width: 90%;
    height: auto;
    align-self: center;
  }

  .paragraph-slider-alarme {
    width: 90%;
    height: auto;
    font-size: 20px;
    line-height: 30px;
  }

  .slide-2-alarme {
    height: 100%;
  }

  .paragraph-slider-copy {
    height: auto;
    font-size: 20px;
    line-height: 30px;
  }

  .div-services-camera-2, .div-services-camera-3, .div-services-camera-4 {
    height: 80px;
  }

  .section-erreur-404 {
    padding-bottom: 10%;
    padding-left: 10%;
    padding-right: 10%;
  }

  .h1-erreur-404 {
    margin-bottom: 20px;
  }

  .section-merci {
    padding-bottom: 10%;
    padding-left: 10%;
    padding-right: 10%;
  }

  .h1-merci {
    margin-bottom: 20px;
  }

  .container-bleu {
    height: 80px;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .titre-h1 {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 25px;
  }

  .link-block {
    text-decoration: none;
  }

  .paragraph-classic-white {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none;
  }

  .bold-text-sous-titre-clause {
    font-size: 20px;
  }

  .bold-text-clause {
    font-size: 23px;
  }

  .section-clauses {
    padding-top: 10px;
  }

  .div-block-alarme-copy {
    width: 90%;
    height: 160px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .slider-chantier-copy {
    width: 100%;
    align-self: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .mask-slider-alarme-copy {
    width: 90%;
    height: auto;
    align-self: center;
  }

  .div-slide-2-copy {
    height: auto;
    flex-direction: row;
    align-items: center;
  }

  .paragraph-texte-slider {
    width: 90%;
    height: auto;
    font-size: 20px;
    line-height: 30px;
  }

  .slide-2-alarme-copy {
    height: 100%;
  }

  .div-slide-2-copy {
    height: auto;
  }

  .paragraph-slider-alarme-copy {
    width: 90%;
    height: auto;
    font-size: 20px;
    line-height: 30px;
  }

  .div-slide-2-copy {
    height: auto;
  }

  .paragraph-slider-copy {
    height: auto;
    font-size: 20px;
    line-height: 30px;
  }

  .div-slide-2-copy {
    height: auto;
  }

  .paragraph-slider-copy {
    height: auto;
    font-size: 20px;
    line-height: 30px;
  }

  .div-cadre-devis-video-responsive {
    width: 100%;
    flex-direction: column;
    align-items: center;
    padding-left: 30px;
    padding-right: 30px;
    display: none;
  }

  .fleche-haut {
    top: 53px;
    left: 0;
  }

  .button-audit-demande {
    width: 100%;
    background-position: 16%;
    margin-top: 10px;
    font-size: 15px;
  }

  .button-audit-gratuit {
    width: 292px;
    background-position: 22px;
    padding-left: 37px;
    font-size: 15px;
  }

  .titre-tabs {
    text-align: center;
    font-family: Exo, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 21px;
  }

  .mask-slider-chantier {
    width: 90%;
    height: auto;
    align-self: center;
  }

  .grid-slider-acces {
    grid-row-gap: 16px;
    align-content: stretch;
    justify-content: stretch;
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-slider-acces {
    padding-bottom: 70px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .slider-acces {
    width: 80%;
    align-self: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .mask-slider-acces {
    width: 90%;
    height: auto;
    align-self: center;
  }

  .slide-2-acces {
    height: 100%;
  }

  .sous-titre-services-acces {
    line-height: 18px;
  }

  .titre-h3-systeme-acces {
    font-size: 20px;
  }

  .section-call-cta {
    opacity: 0;
    border: 0 #000;
  }

  .content-bandeau-cta {
    flex: 1;
  }

  .link-block-2 {
    justify-content: center;
    align-items: center;
  }

  .texte-cta-call-desktop {
    align-items: center;
    display: none;
  }

  .texte-cta-call-mobile {
    text-align: left;
    background-position: 0 17%;
    align-items: center;
    line-height: 25px;
    display: block;
  }

  .section-header-devis-mobile {
    background-color: #f06036;
    display: block;
  }

  .container-header-mobile {
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    display: flex;
  }

  .grid-header-mobile {
    grid-row-gap: 9px;
    grid-template-columns: 1.5fr;
  }

  .logo-blanc.w--current {
    padding-left: 0;
  }

  .text-span-17 {
    font-size: 23px;
    font-weight: 700;
  }

  .div-block-26 {
    height: auto;
    max-width: 100%;
    flex-direction: column;
    padding: 20px;
    text-decoration: none;
    display: flex;
  }

  .texte-call-cta-mobile {
    color: #fff;
    flex-direction: column;
    align-items: center;
    padding-top: 10px;
    font-size: 19px;
    display: block;
  }

  .texte-call-cta-mobile.lpform {
    width: 320px;
  }

  .div-block-27 {
    height: auto;
    padding: 10px 30px;
  }

  .menu-button {
    padding-left: 15px;
  }

  .grid-3 {
    width: 100%;
    grid-template-columns: 3fr 2.25fr 4fr;
  }

  .bouton-devis-nav {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    padding-left: 20px;
    font-weight: 600;
  }

  .titre-pourquoi-geo {
    text-align: center;
    line-height: 35px;
  }

  .s-parateur-centre-geo {
    display: block;
  }

  .button-demande-de-devis-geo {
    width: 265px;
    background-position: 40px;
    font-size: 15px;
  }

  .section-bandeau-geo {
    padding-right: 40px;
    display: block;
  }

  .container-bandeau-systeme-geo {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-right: 0;
    display: flex;
  }

  .titre-h1-bandeau-geo {
    width: 100%;
    text-align: left;
    font-size: 21px;
  }

  .paragraph-bandeau-geo {
    text-align: left;
    font-size: 16px;
    line-height: 20px;
  }

  .grid-geo {
    grid-row-gap: 3px;
    grid-template: "."
                   "Area"
                   / 1fr 1fr;
    justify-content: center;
    align-items: start;
  }

  .button-demande-de-devis-geo-header {
    width: 265px;
    background-position: 40px;
    font-size: 15px;
  }

  .button-demande-devis-tableau-geo {
    width: 248px;
    background-position: 25px;
    background-size: 22px;
    padding-left: 36px;
    font-size: 18px;
  }

  .section-gauche-droite-video-geo {
    display: block;
  }

  .section-installation-geo {
    padding-top: 40px;
    padding-bottom: 80px;
  }

  .button-numero {
    width: 248px;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    padding-left: 0;
    padding-right: 0;
    font-size: 18px;
  }

  .paragraph-bandeau-bleu-geo {
    font-size: 21px;
    line-height: 24px;
  }

  .paragraph-white-geo {
    padding-left: 0;
    padding-right: 0;
  }

  .grille-geo-bg {
    grid-column-gap: 85px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-29 {
    grid-column-gap: 10px;
    flex-direction: row;
    align-items: center;
    display: flex;
  }

  .parent_lieux {
    flex-direction: column;
    align-items: center;
  }

  .button-demande-de-devis-geo-head {
    width: 265px;
    background-position: 40px;
    font-size: 15px;
  }

  .paragraph-devis-geo {
    text-align: center;
  }

  .bloc_demandez_devis {
    flex-direction: column;
  }

  .div-texte-geo {
    padding-top: 60px;
    padding-right: 0;
    display: block;
  }

  .paragraph-par-d-faut-geo {
    text-align: center;
    align-self: flex-start;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    line-height: 24px;
  }

  .paragraph-par-d-faut-geo.espace-20.centre {
    margin-bottom: 30px;
  }

  .titre-installation-geo {
    text-align: center;
    margin-bottom: 20px;
    font-family: Exo, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
  }

  .div-block-text-geo {
    width: 90%;
    padding: 80px 0 60px;
  }

  .section-installation-geo-2 {
    padding-top: 40px;
    padding-bottom: 80px;
  }

  .paragraph-sous-titre-devis-video2-copy {
    margin-bottom: 0;
  }

  .div-block-31, .div-block-32 {
    grid-row-gap: 28px;
    flex-direction: column;
  }

  .section_outgrow {
    margin-top: 100px;
  }
}

@media screen and (max-width: 479px) {
  .button {
    background-position: 26px;
  }

  .dropdown-toggle.w--open {
    align-items: flex-start;
  }

  .menu {
    min-width: auto;
  }

  .nav-menu {
    width: 350px;
    max-width: 80%;
  }

  .container-accueil {
    padding: 40px 30px;
  }

  .button-demande-devis {
    width: 90%;
    background-position: 20px;
    background-size: 23px;
    padding-left: 29px;
    padding-right: 5px;
  }

  .nav-link-menu {
    padding-left: 20px;
  }

  .section-bandeau-t-l-phone {
    height: auto;
    margin-left: 0;
    margin-right: 0;
    padding: 20px;
  }

  .logo-dvspro {
    margin-left: 0;
  }

  .bold-text-2 {
    text-align: center;
    justify-content: center;
    font-size: 23px;
    line-height: 28px;
    display: flex;
  }

  .section-pourquoi {
    padding: 80px 30px;
  }

  .paragraph-par-d-faut {
    text-align: center;
    justify-content: center;
    align-self: center;
    align-items: flex-start;
    margin-bottom: 0;
    display: block;
  }

  .section-tabs {
    padding: 80px 30px;
  }

  .tab-vid-osurveillance, .tab-link-alarme {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .button-en-savoir-plus {
    width: 100%;
  }

  .tab-link-protection.w--current, .tab-d-tection, .tab-contr-le {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .tab-pane-protection {
    padding-bottom: 0;
  }

  .cadre {
    justify-content: center;
    align-items: center;
  }

  .section-installation {
    padding: 40px 20px 80px;
  }

  .grid-installation {
    grid-template-columns: 1fr;
  }

  .list-item {
    margin-bottom: 15px;
  }

  .div-texte {
    padding-right: 0;
    display: none;
  }

  .cadre-installation {
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .button-demande-devis-tableau {
    background-position: 20px;
    background-size: 20px;
    padding-left: 35px;
    font-size: 17px;
  }

  .titre-tableaux {
    width: 100%;
    position: relative;
    top: 40px;
  }

  .list-installation {
    padding-left: 20px;
  }

  .devis {
    padding: 80px 30px;
  }

  .section-bandeau-bleu {
    padding: 60px 25px;
  }

  .grille-activit {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .menu-footer {
    flex-direction: column;
    padding-top: 10px;
  }

  .button-ensavoir-plus {
    width: 100%;
    background-position: 15%;
    padding-left: 11%;
  }

  .section-bandeau-questions {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .titre-h1-bandeau {
    margin-top: 10px;
    line-height: 23px;
  }

  .section-bandeau-orange {
    padding-left: 25px;
    padding-right: 25px;
  }

  .heading {
    font-size: 18px;
    line-height: 20px;
  }

  .grid-bandeau-orange {
    padding-left: 0;
    padding-right: 0;
  }

  .button-devis-demande {
    background-position: 45px;
    background-size: 20px;
    padding-left: 30px;
    padding-right: 5%;
    font-size: 16px;
    font-weight: 700;
  }

  .button-demande-audit {
    background-position: 12px;
    background-size: 20px;
    padding-left: 35px;
    font-size: 15px;
    line-height: 15px;
  }

  .bold-text-10, .bold-text-11 {
    flex-direction: column;
    align-items: center;
  }

  .paragraph-footer {
    padding-left: 0;
    padding-right: 0;
  }

  .link-footer-site {
    margin-left: 0;
  }

  .image-5 {
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .icon-4 {
    margin-left: 50px;
  }

  .icon-5 {
    margin-right: 50px;
  }

  .slide-nav-2 {
    width: 100%;
    font-size: 7px;
  }

  .section-bandeau-t-l-phone-haut {
    height: auto;
    margin-right: 0;
  }

  .paragraph-banner-t-l-phone-haut {
    font-size: 17px;
    line-height: 26px;
  }

  .section-bandeau-a-propos {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .titre-h1-bandeau-a-propos {
    margin-top: 10px;
    line-height: 23px;
  }

  .container-slider {
    flex-direction: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .grid-slider {
    width: 100%;
    grid-column-gap: 99px;
    grid-row-gap: 35px;
    flex-direction: column;
    flex: none;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-self: auto;
    align-items: center;
    display: grid;
  }

  .bold-text-13 {
    align-self: flex-start;
    font-size: 20px;
  }

  .slider {
    align-self: center;
    display: block;
  }

  .paragraph-slider {
    padding-top: 25px;
    padding-left: 10px;
    font-size: 17px;
  }

  .div-block-slider {
    width: 100%;
    height: auto;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .quote-gauche {
    align-items: center;
    display: flex;
  }

  .quote-droite {
    padding-right: 0;
    display: flex;
  }

  .div-slide {
    height: auto;
  }

  .section-slider {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-professionnels {
    padding: 80px 40px;
  }

  .container-professionnels {
    max-width: 1100px;
  }

  .grid-professionnel {
    grid-template-columns: 1fr;
  }

  .titre-h2-professionnels {
    font-size: 21px;
    line-height: 25px;
  }

  .section-d-roulement {
    padding-left: 40px;
    padding-right: 40px;
  }

  .button-demande-audit-gratuit {
    background-position: 8px;
    background-size: 20px;
    padding-left: 28px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 15px;
  }

  .titre-h3-block-image {
    text-align: center;
    font-size: 21px;
    line-height: 25px;
  }

  .bold-text-14 {
    font-size: 23px;
    line-height: 25px;
  }

  .bold-text-15 {
    font-size: 24px;
    line-height: 28px;
  }

  .section-bandeau-titre-page-questions {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .titre-h1-bandeau-page-questions {
    margin-top: 10px;
    line-height: 23px;
  }

  .section-page-questions {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .paragraph-page-questions {
    font-size: 16px;
    line-height: 21px;
  }

  .section-bandeau-orange-questions {
    padding-left: 25px;
    padding-right: 25px;
  }

  .grid-bandeau-orange-questions {
    padding-left: 0;
    padding-right: 0;
  }

  .section-bandeau-orange-devis {
    padding: 70px 25px;
  }

  .button-demande-de-devis {
    width: 225px;
    background-position: 25px;
    background-size: 20px;
    padding-left: 30px;
    font-size: 14px;
    line-height: 15px;
  }

  .paragraph-bandeau-orange-devis {
    font-size: 20px;
  }

  .titre-bandeau-orange-call-action {
    font-size: 22px;
    line-height: 24px;
  }

  .paragraph-par-d-faut-justifi {
    margin-bottom: 20px;
    display: inline-block;
  }

  .paragraph-par-d-faut-justifi.espace {
    padding-top: 0;
    padding-bottom: 0;
  }

  .grille-icone-texte {
    grid-row-gap: 33px;
    grid-template-columns: 6.75fr;
    margin-top: 30px;
  }

  .button-devis {
    width: 100%;
    background-position: 40px;
    background-size: 20px;
    padding-left: 34px;
    font-size: 17px;
    line-height: 15px;
  }

  .button-demande-un-audit {
    width: 100%;
    background-position: 40px;
    background-size: 20px;
    padding-left: 40px;
  }

  .paragraph-div-icone {
    margin-bottom: 0;
  }

  .list-page-questions {
    margin-bottom: 0;
    padding-left: 20px;
  }

  .icon-8 {
    width: 24px;
    color: #f06036;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    display: flex;
  }

  .paragraph-10 {
    font-size: 18px;
    line-height: 25px;
  }

  .div-block-text-responsive {
    padding-left: 35px;
    padding-right: 35px;
  }

  .image-7, .image-8 {
    width: 30px;
  }

  .list-3, .list-4 {
    padding-left: 20px;
  }

  .div-block-24 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    display: flex;
  }

  .heading-2 {
    flex-direction: column;
    align-self: flex-start;
    align-items: flex-start;
    margin-top: 0;
    display: flex;
  }

  .list-5 {
    padding-left: 20px;
  }

  .paragraph-phrase {
    height: 60px;
  }

  .section-header-devis {
    z-index: 99;
    padding-left: 30px;
    padding-right: 30px;
  }

  .section-formulaire-devis {
    padding-top: 60%;
    padding-bottom: 40%;
  }

  .paragraph-11 {
    font-size: 15px;
  }

  .paragraph-formulaire {
    display: none;
    overflow: visible;
  }

  .div-formulaire-devis {
    padding-top: 60px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .selecteur {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
  }

  .text-field {
    font-size: 13px;
  }

  .submit-button {
    padding-left: 14px;
    padding-right: 14px;
    font-size: 15px;
    font-weight: 700;
  }

  .grid-devis-video {
    padding-left: 0;
    padding-right: 0;
  }

  .bold-text-27 {
    font-size: 16px;
  }

  .bold-text-slider {
    justify-content: center;
    line-height: 22px;
    display: flex;
  }

  .bold-text-29 {
    font-size: 16px;
  }

  .paragraph-devis-video {
    justify-content: center;
    align-self: flex-start;
    align-items: flex-start;
    margin-bottom: 0;
    display: block;
  }

  .titre-devis-video {
    margin-bottom: 20px;
    line-height: 30px;
  }

  .section-form-devis-video {
    margin-top: 0;
    padding-top: 170px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .textes-devis-video {
    width: 100%;
  }

  .div-formulaire-devis-video {
    max-height: 900px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-field-copy {
    font-size: 13px;
  }

  .selecteur-copy {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
  }

  .text-field-copy {
    font-size: 13px;
  }

  .submit-button-copy {
    padding-left: 14px;
    padding-right: 14px;
    font-size: 15px;
    font-weight: 700;
  }

  .section-entreprise-video {
    padding-left: 30px;
    padding-right: 30px;
  }

  .item-liste-entreprise-video-2 {
    text-align: center;
  }

  .titre-h3-services {
    text-align: center;
    font-size: 20px;
    line-height: 25px;
  }

  .section-services {
    padding-left: 40px;
    padding-right: 40px;
  }

  .titre-h1-bandeau-systeme {
    margin-top: 0;
    line-height: 23px;
  }

  .section-slider-video {
    padding: 60px 20px;
  }

  .container-slider-video {
    flex-direction: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .grid-slider-video {
    width: 240px;
    grid-column-gap: 58px;
    grid-row-gap: 0px;
    flex-direction: column;
    flex: none;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-self: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: grid;
  }

  .section-bandeau-systeme {
    padding: 60px 30px 40px;
  }

  .paragraph-bandeau-systeme {
    margin-bottom: 20px;
  }

  .slider-chantier {
    width: 100%;
    align-self: center;
    display: block;
  }

  .mask-slider-video {
    width: 250px;
  }

  .div-slide-2 {
    height: auto;
  }

  .paragraph-slider-acces {
    width: 240px;
    margin-top: 0;
    padding-top: 25px;
    padding-left: 0;
    font-size: 17px;
    display: block;
  }

  .div-block-texte-video {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    display: none;
  }

  .paragraph-orange {
    display: none;
  }

  .section-bandeau-bleu-video {
    padding: 60px 25px;
  }

  .grille-activit-video {
    grid-column-gap: 24px;
    grid-row-gap: 10px;
  }

  .div-block-slider-video {
    width: 200px;
    height: auto;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .activit-bureau-video, .activit-administration-video {
    padding-left: 30px;
  }

  .div-block-image-1-responsive-alarme {
    display: none;
  }

  .section-services-securite {
    padding: 80px 30px;
  }

  .container-services-securite {
    max-width: 1100px;
  }

  .titre-h2-services-securite {
    font-size: 24px;
    line-height: 25px;
  }

  .sous-titre-services-securite {
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid-services-securite {
    grid-template-columns: 1fr;
  }

  .titre-h3-systeme-alarme {
    text-align: center;
    font-size: 20px;
    line-height: 25px;
  }

  .paragraph-par-d-faut-blanc {
    justify-content: center;
    align-self: center;
    align-items: center;
    margin-bottom: 0;
    display: flex;
  }

  .div-texte-systeme-alarme {
    justify-content: center;
  }

  .titre-liste-deroulante {
    margin-left: 0%;
  }

  .dropdown {
    width: 100%;
  }

  .section-selecteur {
    max-width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
  }

  .item-liste-deroulante {
    width: 246px;
    flex-direction: column;
    flex: 0 auto;
    display: flex;
  }

  .bouton-audit {
    width: 250px;
    background-position: 8px;
    background-size: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 28px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 15px;
  }

  .dropdown-texte-2.w--open {
    padding-top: 5%;
    padding-bottom: 5%;
  }

  .titre-texte-slider {
    margin-top: 0;
  }

  .section-bandeau-alarme {
    padding: 60px 30px 40px;
  }

  .titre-h1-bandeau-alarme {
    margin-top: 0;
    line-height: 23px;
  }

  .paragraph-bandeau-alarme {
    margin-bottom: 20px;
  }

  .section-slider-video-copy {
    padding: 60px 20px;
  }

  .container-slider-video-copy {
    flex-direction: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .grid-slider-video-copy {
    width: 240px;
    grid-column-gap: 58px;
    grid-row-gap: 0px;
    flex-direction: column;
    flex: none;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-self: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: grid;
  }

  .div-block-slider-video-copy {
    width: 200px;
    height: auto;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .div-block-texte-video-copy {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    display: none;
  }

  .titre-texte-slider-copy {
    margin-top: 0;
  }

  .section-services-alarme {
    padding: 80px 30px;
  }

  .container-services-alarme {
    max-width: 1100px;
  }

  .titre-h2-services-alarme {
    font-size: 24px;
    line-height: 25px;
  }

  .sous-titre-services-alarme {
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid-services-securite-copy {
    grid-template-columns: 1fr;
  }

  .section-bandeau-bleu-solutions {
    padding: 60px 25px;
  }

  .paragraph-orange-solutions {
    display: none;
  }

  .grille-activit-alarme {
    grid-column-gap: 24px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
  }

  .activit-alarme {
    padding-left: 30px;
  }

  .div-block-image-1-responsive {
    display: none;
  }

  .div-block-text-responsive-solutions {
    padding: 70px 30px;
  }

  .activit-alarme-11 {
    padding-left: 30px;
  }

  .titre-h1-bandeau-vol {
    margin-top: 0;
    line-height: 23px;
  }

  .paragraph-bandeau-vol {
    margin-bottom: 20px;
  }

  .section-services-vol {
    padding: 80px 30px;
  }

  .container-services-vol {
    max-width: 1100px;
  }

  .titre-h2-services-vol {
    font-size: 24px;
    line-height: 25px;
  }

  .section-slider-video-copy {
    padding: 60px 20px;
  }

  .container-slider-video-copy {
    flex-direction: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .grid-slider-video-copy {
    width: 240px;
    grid-column-gap: 58px;
    grid-row-gap: 0px;
    flex-direction: column;
    flex: none;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-self: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: grid;
  }

  .div-block-slider-video-copy {
    width: 200px;
    height: auto;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .div-block-texte-video-copy {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    display: none;
  }

  .slider-video-copy {
    width: 100%;
    align-self: center;
    display: block;
  }

  .section-bandeau-vol {
    padding-left: 30px;
    padding-right: 30px;
  }

  .list-puce {
    margin-top: 15px;
    padding-left: 20px;
  }

  .grille-activit-vol {
    grid-column-gap: 24px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
    padding-left: 18px;
  }

  .activit-vol {
    padding-left: 30px;
  }

  .section-bandeau-orange-audit {
    padding: 70px 25px;
  }

  .paragraph-bandeau-orange-devis-copy {
    font-size: 20px;
  }

  .button-demande-audit-gratuit-copy {
    width: 250px;
    background-position: 13px;
    background-size: 20px;
    padding-left: 30px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 15px;
  }

  .bold-text-14-copy {
    font-size: 22px;
    line-height: 25px;
  }

  .div-block-image-1-responsive-vol {
    display: none;
  }

  .list-6 {
    margin-top: 20px;
    padding-left: 20px;
  }

  .section-bandeau-camera {
    padding: 60px 30px 40px;
  }

  .titre-h1-bandeau-camera {
    margin-top: 0;
    line-height: 23px;
  }

  .paragraph-bandeau-camera {
    margin-bottom: 20px;
  }

  .section-slider-camera {
    padding: 60px 20px;
  }

  .container-slider-camera {
    flex-direction: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .grid-slider-video-copy {
    width: 240px;
    grid-column-gap: 58px;
    grid-row-gap: 0px;
    flex-direction: column;
    flex: none;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-self: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: grid;
  }

  .div-block-slider-camera {
    width: 200px;
    height: auto;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .slider-camera {
    width: 100%;
    align-self: center;
    display: block;
  }

  .mask-slider-camera {
    width: 250px;
  }

  .div-block-texte-camera {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    display: none;
  }

  .section-services-camera {
    padding: 80px 30px;
  }

  .container-services-camera {
    max-width: 1100px;
  }

  .titre-h2-services-camera {
    font-size: 24px;
    line-height: 25px;
  }

  .sous-titre-services-camera {
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid-services-camera {
    grid-template-columns: 1fr;
  }

  .div-texte-systeme-camera {
    justify-content: center;
  }

  .titre-h3-block-image-copy {
    text-align: center;
    font-size: 21px;
    line-height: 25px;
  }

  .grille-activit-camera {
    grid-column-gap: 14px;
    grid-row-gap: 10px;
  }

  .activit-1-camera, .activit-11-camera {
    padding-left: 30px;
  }

  .section-bandeau-chantier {
    padding-left: 30px;
    padding-right: 30px;
  }

  .titre-h1-bandeau-chantier {
    margin-top: 0;
    line-height: 23px;
  }

  .paragraph-bandeau-chantier, .paragraph-bandeau-vol-copy {
    margin-bottom: 20px;
  }

  .section-slider-chantier {
    padding: 60px 20px;
  }

  .container-slider-chantier {
    flex-direction: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .grid-slider-chantier {
    width: 240px;
    grid-column-gap: 58px;
    grid-row-gap: 0px;
    flex-direction: column;
    flex: none;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-self: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: grid;
  }

  .div-block-slider-chantier {
    width: 200px;
    height: auto;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .div-block-texte-chantier {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    display: none;
  }

  .titre-texte-slider-chantier {
    margin-top: 0;
  }

  .section-services-chantier {
    padding: 80px 30px;
  }

  .container-services-chantier {
    max-width: 1100px;
  }

  .titre-h2-services-chantier {
    font-size: 24px;
    line-height: 25px;
  }

  .sous-titre-services-chantier {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-texte-systeme-chantier, .div-texte-systeme-alarme-copy, .div-texte-systeme-alarme-copy, .div-texte-systeme-alarme-copy {
    justify-content: center;
  }

  .clone-bar {
    background-color: rgba(32, 32, 32, .95);
    border-radius: 0;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    padding: 12px;
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .clone-button {
    width: 100%;
    min-height: 32px;
    text-align: center;
  }

  .source-info {
    width: 100%;
    padding: 16px 0 0;
  }

  .grid-slider-camera {
    width: 240px;
    grid-column-gap: 58px;
    grid-row-gap: 0px;
    flex-direction: column;
    flex: none;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-self: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: grid;
  }

  .div-texte-systeme-alarme-copy {
    justify-content: center;
  }

  .section-bandeau-acces {
    padding: 60px 30px 40px;
  }

  .titre-h1-bandeau-acces {
    margin-top: 0;
    line-height: 23px;
  }

  .paragraph-bandeau-acces {
    margin-bottom: 20px;
  }

  .section-slider-camera-copy {
    padding: 60px 20px;
  }

  .container-slider-acces {
    flex-direction: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .grid-slider-video-copy-copy {
    width: 240px;
    grid-column-gap: 58px;
    grid-row-gap: 0px;
    flex-direction: column;
    flex: none;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-self: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: grid;
  }

  .div-block-slider-acces {
    width: 200px;
    height: auto;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .div-block-texte-acces {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    display: none;
  }

  .section-services-acces {
    padding: 80px 30px;
  }

  .container-services-acces {
    max-width: 1100px;
  }

  .titre-h2-services-acces {
    font-size: 24px;
    line-height: 25px;
  }

  .sous-titre-services-camera-copy {
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid-services-camera-copy {
    grid-template-columns: 1fr;
  }

  .div-texte-systeme-acces, .div-texte-systeme-alarme-copy, .div-texte-systeme-alarme-copy, .div-texte-systeme-alarme-copy, .div-texte-systeme-alarme-copy, .div-texte-systeme-alarme-copy {
    justify-content: center;
  }

  .grille-activit-controle {
    grid-column-gap: 14px;
    grid-row-gap: 10px;
  }

  .activit-13-controle, .activit-1-controle, .activit-2-controle, .activit-3-controle, .activit-4-controle, .activit-5-controle, .activit-6-controle, .activit-7-controle, .activit-8-controle, .activit-9-controle, .activit-10-controle, .activit-11-controle, .activit-12-controle {
    padding-left: 30px;
  }

  .section-bandeau-bleu-solutions-copy {
    padding: 60px 25px;
  }

  .button-demande-audit-gratuit-copy {
    background-position: 8px;
    background-size: 20px;
    padding-left: 28px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 15px;
  }

  .button-demande-audit-gratuit-copy-copy {
    width: 250px;
    background-position: 13px;
    background-size: 20px;
    padding-left: 30px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 15px;
  }

  .button-demande-audit-gratuit-copy {
    background-position: 8px;
    background-size: 20px;
    padding-left: 28px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 15px;
  }

  .paragraph-slider-camera {
    width: 240px;
    margin-top: 0;
    padding-top: 25px;
    padding-left: 0;
    font-size: 17px;
    display: block;
  }

  .section-slider-alarme {
    padding: 60px 20px;
  }

  .container-slider-alarme {
    flex-direction: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .grid-slider-alarme {
    width: 240px;
    grid-column-gap: 58px;
    grid-row-gap: 0px;
    flex-direction: column;
    flex: none;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-self: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: grid;
  }

  .div-block-alarme {
    width: 200px;
    height: auto;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .mask-slider-alarme {
    width: 250px;
  }

  .paragraph-slider-alarme {
    width: 240px;
    margin-top: 0;
    padding-top: 25px;
    padding-left: 0;
    font-size: 17px;
    display: block;
  }

  .paragraph-slider-copy {
    padding-top: 25px;
    padding-left: 10px;
    font-size: 17px;
  }

  .section-erreur-404, .section-merci {
    padding-top: 15%;
    padding-bottom: 20%;
  }

  .h1-page-lien-footer {
    font-size: 20px;
  }

  .container-bleu {
    height: 120px;
    padding-left: 0;
    padding-right: 0;
  }

  .titre-h1 {
    max-width: 90%;
  }

  .paragraph-classic-white {
    padding-left: 10px;
    padding-right: 10px;
  }

  .bold-text-sous-titre-clause {
    line-height: 23px;
  }

  .bold-text-clause {
    line-height: 25px;
  }

  .section-clauses {
    padding-left: 10%;
    padding-right: 10%;
  }

  .div-block-alarme-copy {
    width: 200px;
    height: auto;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .slider-chantier-copy {
    width: auto;
    align-self: center;
    display: block;
    position: static;
  }

  .mask-slider-alarme-copy {
    width: 222px;
  }

  .div-slide-2-copy {
    height: auto;
  }

  .paragraph-texte-slider {
    width: 240px;
    margin-top: 0;
    padding-top: 0;
    padding-left: 0;
    font-size: 17px;
    display: block;
  }

  .div-slide-2-copy {
    height: auto;
  }

  .paragraph-slider-alarme-copy {
    width: 240px;
    margin-top: 0;
    padding-top: 25px;
    padding-left: 0;
    font-size: 17px;
    display: block;
  }

  .div-slide-2-copy {
    height: auto;
  }

  .paragraph-slider-copy {
    padding-top: 25px;
    padding-left: 10px;
    font-size: 17px;
  }

  .div-slide-2-copy {
    height: auto;
  }

  .paragraph-slider-copy {
    padding-top: 25px;
    padding-left: 10px;
    font-size: 17px;
  }

  .div-cadre-devis-video-responsive {
    width: auto;
    flex-direction: column;
    align-self: center;
    align-items: stretch;
  }

  .fleche-haut {
    z-index: 1;
  }

  .button-audit-demande {
    background-position: 8px;
    background-size: 20px;
    margin-top: 10px;
    padding-left: 28px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 15px;
  }

  .button-audit-gratuit {
    width: 254px;
    background-position: 15px;
    background-size: 20px;
    padding-left: 28px;
    padding-right: 5px;
    font-size: 14px;
    line-height: 15px;
  }

  .mask-slider-chantier {
    width: 250px;
  }

  .grid-slider-acces {
    width: 240px;
    grid-column-gap: 58px;
    grid-row-gap: 0px;
    flex-direction: column;
    flex: none;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-self: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: grid;
  }

  .section-slider-acces {
    padding: 60px 20px;
  }

  .slider-acces {
    width: 100%;
    align-self: center;
    display: block;
  }

  .mask-slider-acces {
    width: 250px;
  }

  .sous-titre-services-acces {
    padding-left: 10px;
    padding-right: 10px;
  }

  .titre-h3-systeme-acces {
    text-align: center;
    font-size: 20px;
    line-height: 25px;
  }

  .section-call-cta {
    opacity: 0;
    border: 0 #000;
  }

  .content-bandeau-cta {
    padding-bottom: 0;
  }

  .texte-cta-call-desktop {
    font-size: 18px;
  }

  .texte-cta-call-mobile {
    text-align: center;
    font-size: 18px;
  }

  .section-header-devis-mobile {
    z-index: 99;
  }

  .texte-call-cta-mobile {
    font-size: 18px;
  }

  .grid-3 {
    grid-template-columns: 4.5fr .25fr .25fr;
  }

  .div-block-28 {
    display: none;
  }

  .bouton-devis-nav {
    background-position: 26px;
  }

  .titre-pourquoi-geo {
    line-height: 41px;
  }

  .section-bandeau-orange-devis-geo {
    padding: 70px 25px;
  }

  .button-demande-de-devis-geo {
    width: 225px;
    background-position: 25px;
    background-size: 20px;
    padding-left: 30px;
    font-size: 14px;
    line-height: 15px;
  }

  .button-demande-de-devis-geo:hover {
    background-position: 22px;
    padding-left: 26px;
    padding-right: 6px;
  }

  .section-bandeau-geo {
    padding: 60px 30px 40px;
  }

  .titre-h1-bandeau-geo {
    margin-top: 0;
    line-height: 23px;
  }

  .paragraph-bandeau-geo {
    margin-bottom: 20px;
  }

  .button-demande-de-devis-geo-header {
    width: 225px;
    background-position: 25px;
    background-size: 20px;
    padding-left: 30px;
    font-size: 14px;
    line-height: 15px;
  }

  .button-demande-devis-tableau-geo {
    background-position: 20px;
    background-size: 20px;
    padding-left: 35px;
    font-size: 17px;
  }

  .section-installation-geo {
    padding: 40px 20px 80px;
  }

  .grid-installation-geo {
    grid-template-columns: 1fr;
  }

  .button-numero {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    font-size: 17px;
  }

  .paragraph-orange-geo {
    display: none;
  }

  .paragraph-bandeau-bleu-geo {
    margin-bottom: 40px;
  }

  .paragraph-white-geo {
    display: none;
  }

  .grille-geo-bg {
    grid-column-gap: 24px;
    grid-row-gap: 10px;
  }

  .div-block-29 {
    flex-direction: column;
  }

  .button-demande-de-devis-geo-head {
    width: 225px;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    font-family: Exo, sans-serif;
    font-size: 18px;
    line-height: 15px;
  }

  .paragraph-devis-geo {
    text-align: center;
    font-size: 20px;
  }

  .bloc_demandez_devis {
    flex-direction: column;
  }

  .bold-text-35 {
    text-align: center;
  }

  .cadre-num-geo {
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-texte-geo {
    padding-right: 0;
    display: block;
  }

  .paragraph-par-d-faut-geo {
    text-align: center;
    justify-content: center;
    align-self: center;
    align-items: flex-start;
    margin-bottom: 20px;
    display: block;
  }

  .titre-installation-geo {
    text-align: center;
    margin-bottom: 20px;
    line-height: 28px;
  }

  .section-installation-geo-2 {
    padding: 40px 20px 80px;
  }

  .section_outgrow {
    margin-top: 120px;
  }
}

#w-node-_7457e5ed-feca-2194-650b-b4f9b5db7c35-727f69b2, #w-node-_00bbfb2f-0f29-2204-a9f4-99b3c39c7149-727f69b2, #w-node-_247b9c49-0ca5-9a68-7c81-d98702fa0d64-727f69b2, #w-node-_7050bbb0-df33-bf51-c5cc-f0da5f7462cf-727f69b2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_219d6491-dfef-f609-81ee-771214723aab-727f69b2, #w-node-_94654f12-21ef-82b4-0dfc-c97c50e526cc-727f69b2, #w-node-_17eebf25-fc9f-3653-0cff-f1f1c3ae2240-727f69b2, #w-node-_17eebf25-fc9f-3653-0cff-f1f1c3ae224f-727f69b2, #w-node-a166da8e-0661-51e3-2215-8fb6c8646ba4-727f69b2, #w-node-a166da8e-0661-51e3-2215-8fb6c8646bb2-727f69b2, #w-node-_29ea918b-6932-d088-33c9-2c07815f68dd-727f69b2, #w-node-_81d02e2f-2f2b-a858-57df-79fa592b6393-727f69b2, #w-node-_8067e411-0235-f86d-330d-15b397890eb8-727f69b2, #w-node-_61df7d08-72a3-07ca-ef2b-01734b7fe2d3-727f69b2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1b57fcb6-80f9-2c4d-e91f-bddb1cf4e825-727f69b2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_02f466db-7c4c-94b4-08dc-f8e16c7422a8-727f69b2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: auto;
}

#w-node-_9edbdaca-2259-c056-946e-eb6479319c90-727f69b2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cf5b5e09-82c7-3bca-0c57-c69b4ccb0b5b-727f69b2, #w-node-ad8dae4d-3a25-7f65-1fea-094de1a8f476-727f69b2, #w-node-c7515aa3-438a-0dac-e877-c3f741bd6122-727f69b2, #w-node-_3710b618-058e-5b34-882f-952fdc4f37dd-727f69b2, #w-node-b127162f-a078-3a88-4964-a37dded621c6-727f69b2, #w-node-bbe1bef6-2167-83e9-3fdd-0bb3e63467db-727f69b2, #w-node-_9e9c1a30-62df-5c6c-78e9-fbc59e37bcd7-727f69b2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
  justify-self: auto;
}

#w-node-_06ec4126-bf4a-603d-75a2-474722f8461e-22f8461d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e2ce2e61-d630-4970-b054-96706dec1bba-6dec1bb0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-e2ce2e61-d630-4970-b054-96706dec1bbb-6dec1bb0, #w-node-e2ce2e61-d630-4970-b054-96706dec1bbc-6dec1bb0, #w-node-e2ce2e61-d630-4970-b054-96706dec1bbd-6dec1bb0, #w-node-e2ce2e61-d630-4970-b054-96706dec1bbe-6dec1bb0, #w-node-e2ce2e61-d630-4970-b054-96706dec1bbf-6dec1bb0, #w-node-e2ce2e61-d630-4970-b054-96706dec1bc0-6dec1bb0, #w-node-e2ce2e61-d630-4970-b054-96706dec1bc1-6dec1bb0, #w-node-e2ce2e61-d630-4970-b054-96706dec1bc2-6dec1bb0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e2ce2e61-d630-4970-b054-96706dec1bc3-6dec1bb0 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e2ce2e61-d630-4970-b054-96706dec1bc4-6dec1bb0, #w-node-e2ce2e61-d630-4970-b054-96706dec1bc5-6dec1bb0, #w-node-e2ce2e61-d630-4970-b054-96706dec1bc6-6dec1bb0, #w-node-e2ce2e61-d630-4970-b054-96706dec1bc7-6dec1bb0, #w-node-e2ce2e61-d630-4970-b054-96706dec1bc8-6dec1bb0, #w-node-e2ce2e61-d630-4970-b054-96706dec1bc9-6dec1bb0, #w-node-e2ce2e61-d630-4970-b054-96706dec1bca-6dec1bb0, #w-node-e2ce2e61-d630-4970-b054-96706dec1bcb-6dec1bb0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e2ce2e61-d630-4970-b054-96706dec1bcc-6dec1bb0, #w-node-e2ce2e61-d630-4970-b054-96706dec1bcd-6dec1bb0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-e2ce2e61-d630-4970-b054-96706dec1bce-6dec1bb0, #w-node-e2ce2e61-d630-4970-b054-96706dec1bcf-6dec1bb0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2528f830-9bd0-6ff6-3bc8-23ea2843da5a-c4219048 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: start;
}

#w-node-c0283cb0-6453-6fe7-c372-e31fc421904c-c4219048 {
  align-self: center;
  justify-self: center;
}

#w-node-_9530efc6-eeec-9042-3004-68f8d9512024-c4219048 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: end;
}

#w-node-_44c6b394-fa01-180f-57f0-65113258acec-e47f69b4 {
  align-self: center;
}

#w-node-_44c6b394-fa01-180f-57f0-65113258acee-e47f69b4, #w-node-_44c6b394-fa01-180f-57f0-65113258acef-e47f69b4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_26c30233-8813-47f1-852e-9b1ae3dcac18-e47f69b4, #w-node-ec71760b-4dd7-338d-1cde-1445a5ed0246-e47f69b4, #w-node-c38f33d2-d913-2c85-ca55-7239782a3599-e47f69b4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#Besoin.w-node-_8d85ff21-9e80-96e8-02d5-57df64576521-e47f69b4, #Espace-a-securiser.w-node-c5cf1f23-d81b-9767-97ed-94fb8ed08e26-e47f69b4 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: center;
  justify-self: center;
}

#Surface.w-node-_0d2953e6-f44d-2c6a-cf04-576a528396e0-e47f69b4, #Nom.w-node-c981c435-c0f1-2eda-82c8-65f74b081740-e47f69b4, #Nom-societe.w-node-e3a1a382-5e9f-d823-1af7-d062cd554864-e47f69b4, #Email.w-node-_71eb69f3-90ff-0b15-2035-0702de3da8eb-e47f69b4, #Telephone.w-node-_17063202-193e-89a6-1cfa-954e618d7956-e47f69b4, #Code-postal.w-node-_588f0cb2-8a3b-7b16-609b-4eefce854b64-e47f69b4 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_90801dd7-6b6d-041f-5abe-a0ed1409575e-e47f69b4 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_20bb6b16-9400-c64b-ca46-8ac3d1cf9d30-4b7f69b5, #w-node-_20bb6b16-9400-c64b-ca46-8ac3d1cf9d30-9c7f69b6 {
  align-self: center;
  justify-self: center;
}

#w-node-c740bd42-8416-e43d-0abc-725b1ed6ccdf-167f69b7 {
  grid-area: 3 / 1 / 4 / 2;
  align-self: start;
  justify-self: end;
}

#w-node-_46979316-1373-425b-bf55-17a5d95c3054-167f69b7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-db46accb-a450-e21d-5c35-a446ca8b9e72-167f69b7 {
  grid-area: 2 / 1 / 3 / 2;
  align-self: center;
  justify-self: center;
}

#w-node-_5744f1b7-e7e7-b5ec-9386-3f57dae7d161-167f69b7 {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-_1a2216dc-87b9-aac5-40b8-dfd981a5d0e0-167f69b7, #w-node-_0e01a023-7b46-4ed2-3a76-dbf90c0d1146-167f69b7, #w-node-_2a3efe9b-91e0-4146-d9f3-8663194a491f-167f69b7, #w-node-_2a3efe9b-91e0-4146-d9f3-8663194a4920-167f69b7, #w-node-_6cf06109-72c7-692e-0e4b-bc837ff8f317-167f69b7, #w-node-_6cf06109-72c7-692e-0e4b-bc837ff8f318-167f69b7, #w-node-e0f48d3d-fbc4-d580-3909-905efffb7555-167f69b7, #w-node-e0f48d3d-fbc4-d580-3909-905efffb7556-167f69b7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_75298a96-4386-61b1-3a84-9c14775c2a3f-167f69b7, #w-node-c3c8c070-e44a-e697-caa6-f7f1261bbafa-167f69b7, #w-node-_323aebea-0e3d-2772-1538-ab0f34633ede-167f69b7, #w-node-_214dab4a-6c8d-5366-10c9-a3588995b2e6-167f69b7, #w-node-_820989c0-3cfd-2f6b-a66f-8c50513d6f18-167f69b7, #w-node-_31707410-e664-976b-15dc-c98ae9aa7755-167f69b7, #w-node-_6525d452-cd58-c355-1678-32272714a926-167f69b7, #w-node-_6525d452-cd58-c355-1678-32272714a940-167f69b7, #w-node-_9c4f8aff-05fd-c3fc-3a4e-3ae5b72f1056-167f69b7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9ef40e6b-0039-83af-75e3-3b58926d0b63-167f69b7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_217c228d-62b0-b264-8066-26683f006c09-167f69b7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_217c228d-62b0-b264-8066-26683f006c5c-167f69b7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-cd2a637b-1902-a84c-0e60-1031593b088e-167f69b7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cd2a637b-1902-a84c-0e60-1031593b0892-167f69b7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-cd2a637b-1902-a84c-0e60-1031593b0890-167f69b7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cd2a637b-1902-a84c-0e60-1031593b0894-167f69b7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: auto;
}

#w-node-cd2a637b-1902-a84c-0e60-1031593b0896-167f69b7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cd2a637b-1902-a84c-0e60-1031593b0898-167f69b7, #w-node-cd2a637b-1902-a84c-0e60-1031593b089a-167f69b7, #w-node-cd2a637b-1902-a84c-0e60-1031593b089c-167f69b7, #w-node-cd2a637b-1902-a84c-0e60-1031593b089e-167f69b7, #w-node-cd2a637b-1902-a84c-0e60-1031593b08a0-167f69b7, #w-node-cd2a637b-1902-a84c-0e60-1031593b08a2-167f69b7, #w-node-cd2a637b-1902-a84c-0e60-1031593b08a4-167f69b7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
  justify-self: auto;
}

#w-node-_20bb6b16-9400-c64b-ca46-8ac3d1cf9d30-f47f69b9, #w-node-_20bb6b16-9400-c64b-ca46-8ac3d1cf9d30-3e7f69ba {
  align-self: center;
  justify-self: center;
}

#w-node-c740bd42-8416-e43d-0abc-725b1ed6ccdf-d77f69bb {
  grid-area: 3 / 1 / 4 / 2;
  align-self: start;
  justify-self: end;
}

#w-node-_46979316-1373-425b-bf55-17a5d95c3054-d77f69bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-db46accb-a450-e21d-5c35-a446ca8b9e72-d77f69bb {
  grid-area: 2 / 1 / 3 / 2;
  align-self: center;
  justify-self: center;
}

#w-node-_5744f1b7-e7e7-b5ec-9386-3f57dae7d161-d77f69bb {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-_75298a96-4386-61b1-3a84-9c14775c2a3f-d77f69bb, #w-node-c3c8c070-e44a-e697-caa6-f7f1261bbafa-d77f69bb, #w-node-_323aebea-0e3d-2772-1538-ab0f34633ede-d77f69bb, #w-node-_214dab4a-6c8d-5366-10c9-a3588995b2e6-d77f69bb, #w-node-_820989c0-3cfd-2f6b-a66f-8c50513d6f18-d77f69bb, #w-node-_31707410-e664-976b-15dc-c98ae9aa7755-d77f69bb, #w-node-_6525d452-cd58-c355-1678-32272714a926-d77f69bb, #w-node-_5ba6af54-6abf-97f9-dd1a-637f9eb9b5a2-d77f69bb, #w-node-_691691f9-be87-a245-c0c1-7b9a84dca9ca-d77f69bb, #w-node-_3a079164-0fce-4836-9e31-1c97535fc7b7-d77f69bb, #w-node-_0f90623d-5ba2-f54b-c6be-33e01f4d0f05-d77f69bb, #w-node-cd2a637b-1902-a84c-0e60-1031593b088e-d77f69bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a87c6c9f-0036-8b7f-df18-96fab345d55d-d77f69bb {
  order: -9999;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ad7f5339-b178-8a15-32d0-94a08082b55e-d77f69bb, #w-node-_5c6c3c91-d725-05dc-b23b-591eedf9ff87-d77f69bb, #w-node-e460d89d-6ba3-f861-4ffb-d2d92811ccc0-d77f69bb, #w-node-c97d5a05-5503-291e-897a-4ab3e8cdf8ee-d77f69bb, #w-node-_1452040f-491e-6fb1-fff1-e599b1624624-d77f69bb, #w-node-_0332fe02-4854-4b67-39dc-12a0e93ca20d-d77f69bb, #w-node-_6525d452-cd58-c355-1678-32272714a940-d77f69bb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7c313a40-b82f-f23d-0e7f-83b56b1d0da8-ab7f69bc {
  grid-area: 3 / 1 / 4 / 2;
  align-self: start;
  justify-self: end;
}

#w-node-_7c313a40-b82f-f23d-0e7f-83b56b1d0daa-ab7f69bc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-_7c313a40-b82f-f23d-0e7f-83b56b1d0dac-ab7f69bc {
  grid-area: 2 / 1 / 3 / 2;
  align-self: center;
  justify-self: center;
}

#w-node-_7c313a40-b82f-f23d-0e7f-83b56b1d0dc4-ab7f69bc {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-_75298a96-4386-61b1-3a84-9c14775c2a3f-ab7f69bc {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-c3c8c070-e44a-e697-caa6-f7f1261bbafa-ab7f69bc, #w-node-_31707410-e664-976b-15dc-c98ae9aa7755-ab7f69bc, #w-node-_24e264ac-8263-ead6-c39a-7c52fa7212e8-ab7f69bc, #w-node-_6525d452-cd58-c355-1678-32272714a940-ab7f69bc, #w-node-ebd1e393-04e7-3bc3-d44a-7805967ee472-ab7f69bc, #w-node-ebd1e393-04e7-3bc3-d44a-7805967ee474-ab7f69bc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ebd1e393-04e7-3bc3-d44a-7805967ee476-ab7f69bc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-ebd1e393-04e7-3bc3-d44a-7805967ee478-ab7f69bc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: auto;
}

#w-node-ebd1e393-04e7-3bc3-d44a-7805967ee47c-ab7f69bc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
  justify-self: auto;
}

#w-node-ebd1e393-04e7-3bc3-d44a-7805967ee47a-ab7f69bc, #w-node-_9c4f8aff-05fd-c3fc-3a4e-3ae5b72f1056-ab7f69bc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9ef40e6b-0039-83af-75e3-3b58926d0b63-ab7f69bc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_217c228d-62b0-b264-8066-26683f006c09-ab7f69bc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_217c228d-62b0-b264-8066-26683f006c5c-ab7f69bc {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_2f074596-b85e-c177-0734-fb6216f4328c-637f69bd {
  align-self: center;
}

#w-node-fa82b0b8-b065-ac6e-a510-f009849925a1-637f69bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_4e580381-c7e1-bd37-6ebf-2c035976662c-637f69bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#dvspro-devis-express.w-node-c921611f-36fe-767a-a876-c9bdaf214d4f-637f69bd, #w-node-_70e1f2f6-d7b7-fa74-1250-21290bd716c3-637f69bd, #w-node-_9b902e19-ddf9-94aa-ee09-5b6bb821b242-637f69bd, #Message.w-node-_9ee52d40-d989-8224-bb1a-69bcfcd6ce13-637f69bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_70fb04d0-766d-3b36-56df-3e8d7abc4167-637f69bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_70fb04d0-766d-3b36-56df-3e8d7abc4168-637f69bd, #w-node-_70fb04d0-766d-3b36-56df-3e8d7abc4169-637f69bd, #w-node-_70fb04d0-766d-3b36-56df-3e8d7abc416a-637f69bd, #w-node-_70fb04d0-766d-3b36-56df-3e8d7abc416b-637f69bd, #w-node-_70fb04d0-766d-3b36-56df-3e8d7abc416c-637f69bd, #w-node-_70fb04d0-766d-3b36-56df-3e8d7abc416d-637f69bd, #w-node-_70fb04d0-766d-3b36-56df-3e8d7abc416e-637f69bd, #w-node-_70fb04d0-766d-3b36-56df-3e8d7abc416f-637f69bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_70fb04d0-766d-3b36-56df-3e8d7abc4170-637f69bd {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_70fb04d0-766d-3b36-56df-3e8d7abc4171-637f69bd, #w-node-_70fb04d0-766d-3b36-56df-3e8d7abc4172-637f69bd, #w-node-_70fb04d0-766d-3b36-56df-3e8d7abc4173-637f69bd, #w-node-_70fb04d0-766d-3b36-56df-3e8d7abc4174-637f69bd, #w-node-_70fb04d0-766d-3b36-56df-3e8d7abc4175-637f69bd, #w-node-_70fb04d0-766d-3b36-56df-3e8d7abc4176-637f69bd, #w-node-_70fb04d0-766d-3b36-56df-3e8d7abc4177-637f69bd, #w-node-_70fb04d0-766d-3b36-56df-3e8d7abc4178-637f69bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_70fb04d0-766d-3b36-56df-3e8d7abc4179-637f69bd, #w-node-_70fb04d0-766d-3b36-56df-3e8d7abc417a-637f69bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_70fb04d0-766d-3b36-56df-3e8d7abc417b-637f69bd, #w-node-_70fb04d0-766d-3b36-56df-3e8d7abc417c-637f69bd, #w-node-cde487b1-8526-6064-53af-7930cb2c92cf-637f69bd, #w-node-_40357482-f7fd-5744-9389-5c8ac7286956-637f69bd, #w-node-b7e2e4eb-e63b-f19c-e794-b5e5d30c28ef-637f69bd, #w-node-_034e7460-9103-4ce8-0f1f-fcbd3ae6e6e7-637f69bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_423512d2-a277-5298-6d02-7366f5efdaf1-637f69bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: start;
}

#w-node-b700edaf-dd7b-f0f8-5c01-ef3fd050cac3-637f69bd, #w-node-e9d2f01b-a2f5-5397-9e84-3aeb2dead451-637f69bd, #w-node-e6b22ad9-7d08-79ee-719f-e2e5111d1dd2-637f69bd, #w-node-e6b22ad9-7d08-79ee-719f-e2e5111d1dd5-637f69bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e6b22ad9-7d08-79ee-719f-e2e5111d1dd9-637f69bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: start;
}

#w-node-e6b22ad9-7d08-79ee-719f-e2e5111d1ddd-637f69bd, #w-node-e6b22ad9-7d08-79ee-719f-e2e5111d1de1-637f69bd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_20bb6b16-9400-c64b-ca46-8ac3d1cf9d30-607f69be {
  align-self: center;
  justify-self: center;
}

#w-node-_46979316-1373-425b-bf55-17a5d95c3054-e47f69bf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c740bd42-8416-e43d-0abc-725b1ed6ccdf-e47f69bf {
  grid-area: 3 / 1 / 4 / 2;
  align-self: end;
  justify-self: end;
}

#w-node-db46accb-a450-e21d-5c35-a446ca8b9e72-e47f69bf {
  grid-area: 2 / 1 / 3 / 2;
  align-self: center;
  justify-self: center;
}

#w-node-_5744f1b7-e7e7-b5ec-9386-3f57dae7d161-e47f69bf {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-_0e01a023-7b46-4ed2-3a76-dbf90c0d1146-e47f69bf, #w-node-ef99da28-f1b4-4bce-ecc2-731e1b6704ea-e47f69bf, #w-node-fcff4a2f-6f05-3511-662d-a8a53510810d-e47f69bf, #w-node-_8b2b6331-595d-3161-83cc-e0376d49a45b-e47f69bf, #w-node-_2a540b59-78d2-523e-aa1f-a676520144cd-e47f69bf, #w-node-_71ded467-3e9c-ded3-bb30-d257a278557b-e47f69bf {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_9c4f8aff-05fd-c3fc-3a4e-3ae5b72f1056-e47f69bf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9ef40e6b-0039-83af-75e3-3b58926d0b63-e47f69bf, #w-node-c06ba4ce-2427-e1e7-6b3f-42c8ebf83cae-e47f69bf, #w-node-_3e39fdb9-6bbe-2cb2-2cf3-d599ae37690f-e47f69bf {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_217c228d-62b0-b264-8066-26683f006c09-e47f69bf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_217c228d-62b0-b264-8066-26683f006c5c-e47f69bf, #w-node-_217c228d-62b0-b264-8066-26683f006c5d-e47f69bf, #w-node-_217c228d-62b0-b264-8066-26683f006c5e-e47f69bf {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_20bb6b16-9400-c64b-ca46-8ac3d1cf9d30-f17f69c0 {
  align-self: center;
  justify-self: center;
}

#w-node-bb368cf7-7918-21bf-5cca-d57dc7e69628-3b7f69c1, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69630-3b7f69c1, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69635-3b7f69c1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_1c922ff8-dfbc-2556-855a-4ccdd366988b-3b7f69c1, #w-node-_1c922ff8-dfbc-2556-855a-4ccdd36698ac-3b7f69c1, #w-node-_4454dc5d-b00c-00fb-ee9d-774681f6667e-3b7f69c1, #w-node-aacb9125-161e-25b5-61fc-cf65dbdf5e3d-3b7f69c1, #w-node-aacb9125-161e-25b5-61fc-cf65dbdf5e47-3b7f69c1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bb368cf7-7918-21bf-5cca-d57dc7e69628-fe7f69c2, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69630-fe7f69c2, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69635-fe7f69c2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_1c922ff8-dfbc-2556-855a-4ccdd366988b-fe7f69c2, #w-node-_1c922ff8-dfbc-2556-855a-4ccdd36698ac-fe7f69c2, #w-node-_4454dc5d-b00c-00fb-ee9d-774681f6667e-fe7f69c2, #w-node-aacb9125-161e-25b5-61fc-cf65dbdf5e3d-fe7f69c2, #w-node-aacb9125-161e-25b5-61fc-cf65dbdf5e47-fe7f69c2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bb368cf7-7918-21bf-5cca-d57dc7e69628-6b7f69c3, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69630-6b7f69c3, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69635-6b7f69c3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_1c922ff8-dfbc-2556-855a-4ccdd366988b-6b7f69c3, #w-node-_1c922ff8-dfbc-2556-855a-4ccdd36698ac-6b7f69c3, #w-node-_4454dc5d-b00c-00fb-ee9d-774681f6667e-6b7f69c3, #w-node-aacb9125-161e-25b5-61fc-cf65dbdf5e3d-6b7f69c3, #w-node-aacb9125-161e-25b5-61fc-cf65dbdf5e47-6b7f69c3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bb368cf7-7918-21bf-5cca-d57dc7e69628-f67f69c4, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69630-f67f69c4, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69635-f67f69c4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_1c922ff8-dfbc-2556-855a-4ccdd366988b-f67f69c4, #w-node-_1c922ff8-dfbc-2556-855a-4ccdd36698ac-f67f69c4, #w-node-_4454dc5d-b00c-00fb-ee9d-774681f6667e-f67f69c4, #w-node-aacb9125-161e-25b5-61fc-cf65dbdf5e3d-f67f69c4, #w-node-aacb9125-161e-25b5-61fc-cf65dbdf5e47-f67f69c4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bb368cf7-7918-21bf-5cca-d57dc7e69628-f57f69c5, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69630-f57f69c5, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69635-f57f69c5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_1c922ff8-dfbc-2556-855a-4ccdd366988b-f57f69c5, #w-node-_1c922ff8-dfbc-2556-855a-4ccdd36698ac-f57f69c5, #w-node-_4454dc5d-b00c-00fb-ee9d-774681f6667e-f57f69c5, #w-node-aacb9125-161e-25b5-61fc-cf65dbdf5e3d-f57f69c5, #w-node-aacb9125-161e-25b5-61fc-cf65dbdf5e47-f57f69c5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bb368cf7-7918-21bf-5cca-d57dc7e69628-5b7f69c6, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69630-5b7f69c6, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69635-5b7f69c6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_1c922ff8-dfbc-2556-855a-4ccdd366988b-5b7f69c6, #w-node-_1c922ff8-dfbc-2556-855a-4ccdd36698ac-5b7f69c6, #w-node-_4454dc5d-b00c-00fb-ee9d-774681f6667e-5b7f69c6, #w-node-aacb9125-161e-25b5-61fc-cf65dbdf5e3d-5b7f69c6, #w-node-aacb9125-161e-25b5-61fc-cf65dbdf5e47-5b7f69c6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bb368cf7-7918-21bf-5cca-d57dc7e69628-9c7f69c7, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69630-9c7f69c7, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69635-9c7f69c7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_1c922ff8-dfbc-2556-855a-4ccdd366988b-9c7f69c7, #w-node-_1c922ff8-dfbc-2556-855a-4ccdd36698ac-9c7f69c7, #w-node-_4454dc5d-b00c-00fb-ee9d-774681f6667e-9c7f69c7, #w-node-aacb9125-161e-25b5-61fc-cf65dbdf5e3d-9c7f69c7, #w-node-aacb9125-161e-25b5-61fc-cf65dbdf5e47-9c7f69c7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bb368cf7-7918-21bf-5cca-d57dc7e69628-477f69c8, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69630-477f69c8, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69635-477f69c8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_1c922ff8-dfbc-2556-855a-4ccdd366988b-477f69c8, #w-node-_1c922ff8-dfbc-2556-855a-4ccdd36698ac-477f69c8, #w-node-_4454dc5d-b00c-00fb-ee9d-774681f6667e-477f69c8, #w-node-aacb9125-161e-25b5-61fc-cf65dbdf5e3d-477f69c8, #w-node-aacb9125-161e-25b5-61fc-cf65dbdf5e47-477f69c8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bb368cf7-7918-21bf-5cca-d57dc7e69628-137f69c9, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69630-137f69c9, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69635-137f69c9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_1c922ff8-dfbc-2556-855a-4ccdd366988b-137f69c9, #w-node-_1c922ff8-dfbc-2556-855a-4ccdd36698ac-137f69c9, #w-node-_4454dc5d-b00c-00fb-ee9d-774681f6667e-137f69c9, #w-node-aacb9125-161e-25b5-61fc-cf65dbdf5e3d-137f69c9, #w-node-aacb9125-161e-25b5-61fc-cf65dbdf5e47-137f69c9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_20bb6b16-9400-c64b-ca46-8ac3d1cf9d30-057f69cc {
  align-self: center;
  justify-self: center;
}

#w-node-_7c313a40-b82f-f23d-0e7f-83b56b1d0da8-3e7f69cd {
  grid-area: 3 / 1 / 4 / 2;
  align-self: start;
  justify-self: end;
}

#w-node-_7c313a40-b82f-f23d-0e7f-83b56b1d0daa-3e7f69cd {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-_7c313a40-b82f-f23d-0e7f-83b56b1d0dac-3e7f69cd {
  grid-area: 2 / 1 / 3 / 2;
  align-self: center;
  justify-self: center;
}

#w-node-_7c313a40-b82f-f23d-0e7f-83b56b1d0dc4-3e7f69cd {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-_75298a96-4386-61b1-3a84-9c14775c2a3f-3e7f69cd, #w-node-c3c8c070-e44a-e697-caa6-f7f1261bbafa-3e7f69cd, #w-node-_820989c0-3cfd-2f6b-a66f-8c50513d6f18-3e7f69cd, #w-node-_31707410-e664-976b-15dc-c98ae9aa7755-3e7f69cd, #w-node-_6525d452-cd58-c355-1678-32272714a926-3e7f69cd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6525d452-cd58-c355-1678-32272714a940-3e7f69cd {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_20bb6b16-9400-c64b-ca46-8ac3d1cf9d30-c67f69cf {
  align-self: center;
  justify-self: center;
}

#w-node-_7c313a40-b82f-f23d-0e7f-83b56b1d0da8-287f69d1 {
  grid-area: 3 / 1 / 4 / 2;
  align-self: start;
  justify-self: end;
}

#w-node-_7c313a40-b82f-f23d-0e7f-83b56b1d0daa-287f69d1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-_7c313a40-b82f-f23d-0e7f-83b56b1d0dac-287f69d1 {
  grid-area: 2 / 1 / 3 / 2;
  align-self: center;
  justify-self: center;
}

#w-node-_7c313a40-b82f-f23d-0e7f-83b56b1d0dc4-287f69d1 {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-_75298a96-4386-61b1-3a84-9c14775c2a3f-287f69d1, #w-node-c3c8c070-e44a-e697-caa6-f7f1261bbafa-287f69d1, #w-node-_820989c0-3cfd-2f6b-a66f-8c50513d6f18-287f69d1, #w-node-_31707410-e664-976b-15dc-c98ae9aa7755-287f69d1, #w-node-_6525d452-cd58-c355-1678-32272714a926-287f69d1, #w-node-_6525d452-cd58-c355-1678-32272714a940-287f69d1, #w-node-_9c4f8aff-05fd-c3fc-3a4e-3ae5b72f1056-287f69d1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9ef40e6b-0039-83af-75e3-3b58926d0b63-287f69d1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_217c228d-62b0-b264-8066-26683f006c09-287f69d1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_217c228d-62b0-b264-8066-26683f006c5c-287f69d1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-ebd1e393-04e7-3bc3-d44a-7805967ee472-287f69d1, #w-node-ebd1e393-04e7-3bc3-d44a-7805967ee474-287f69d1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ebd1e393-04e7-3bc3-d44a-7805967ee476-287f69d1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-ebd1e393-04e7-3bc3-d44a-7805967ee478-287f69d1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: auto;
}

#w-node-ebd1e393-04e7-3bc3-d44a-7805967ee47a-287f69d1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ebd1e393-04e7-3bc3-d44a-7805967ee47c-287f69d1, #w-node-ebd1e393-04e7-3bc3-d44a-7805967ee47e-287f69d1, #w-node-ebd1e393-04e7-3bc3-d44a-7805967ee480-287f69d1, #w-node-ebd1e393-04e7-3bc3-d44a-7805967ee482-287f69d1, #w-node-ebd1e393-04e7-3bc3-d44a-7805967ee484-287f69d1, #w-node-ebd1e393-04e7-3bc3-d44a-7805967ee486-287f69d1, #w-node-ebd1e393-04e7-3bc3-d44a-7805967ee488-287f69d1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
  justify-self: auto;
}

#w-node-c740bd42-8416-e43d-0abc-725b1ed6ccdf-1f7f69d2 {
  grid-area: 3 / 1 / 4 / 2;
  align-self: start;
  justify-self: end;
}

#w-node-_46979316-1373-425b-bf55-17a5d95c3054-1f7f69d2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-db46accb-a450-e21d-5c35-a446ca8b9e72-1f7f69d2 {
  grid-area: 2 / 1 / 3 / 2;
  align-self: center;
  justify-self: center;
}

#w-node-_5744f1b7-e7e7-b5ec-9386-3f57dae7d161-1f7f69d2 {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-_1a2216dc-87b9-aac5-40b8-dfd981a5d0e0-1f7f69d2, #w-node-_0e01a023-7b46-4ed2-3a76-dbf90c0d1146-1f7f69d2, #w-node-_2a3efe9b-91e0-4146-d9f3-8663194a491f-1f7f69d2, #w-node-_2a3efe9b-91e0-4146-d9f3-8663194a4920-1f7f69d2, #w-node-_6cf06109-72c7-692e-0e4b-bc837ff8f317-1f7f69d2, #w-node-_6cf06109-72c7-692e-0e4b-bc837ff8f318-1f7f69d2, #w-node-e0f48d3d-fbc4-d580-3909-905efffb7555-1f7f69d2, #w-node-e0f48d3d-fbc4-d580-3909-905efffb7556-1f7f69d2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_75298a96-4386-61b1-3a84-9c14775c2a3f-1f7f69d2, #w-node-c3c8c070-e44a-e697-caa6-f7f1261bbafa-1f7f69d2, #w-node-_323aebea-0e3d-2772-1538-ab0f34633ede-1f7f69d2, #w-node-_214dab4a-6c8d-5366-10c9-a3588995b2e6-1f7f69d2, #w-node-_820989c0-3cfd-2f6b-a66f-8c50513d6f18-1f7f69d2, #w-node-_31707410-e664-976b-15dc-c98ae9aa7755-1f7f69d2, #w-node-_6525d452-cd58-c355-1678-32272714a926-1f7f69d2, #w-node-_6525d452-cd58-c355-1678-32272714a940-1f7f69d2, #w-node-_9c4f8aff-05fd-c3fc-3a4e-3ae5b72f1056-1f7f69d2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9ef40e6b-0039-83af-75e3-3b58926d0b63-1f7f69d2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_217c228d-62b0-b264-8066-26683f006c09-1f7f69d2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_217c228d-62b0-b264-8066-26683f006c5c-1f7f69d2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-ebd1e393-04e7-3bc3-d44a-7805967ee472-1f7f69d2, #w-node-ebd1e393-04e7-3bc3-d44a-7805967ee474-1f7f69d2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ebd1e393-04e7-3bc3-d44a-7805967ee476-1f7f69d2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-ebd1e393-04e7-3bc3-d44a-7805967ee478-1f7f69d2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: auto;
}

#w-node-ebd1e393-04e7-3bc3-d44a-7805967ee47a-1f7f69d2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ebd1e393-04e7-3bc3-d44a-7805967ee47c-1f7f69d2, #w-node-ebd1e393-04e7-3bc3-d44a-7805967ee47e-1f7f69d2, #w-node-ebd1e393-04e7-3bc3-d44a-7805967ee480-1f7f69d2, #w-node-ebd1e393-04e7-3bc3-d44a-7805967ee482-1f7f69d2, #w-node-ebd1e393-04e7-3bc3-d44a-7805967ee484-1f7f69d2, #w-node-ebd1e393-04e7-3bc3-d44a-7805967ee486-1f7f69d2, #w-node-ebd1e393-04e7-3bc3-d44a-7805967ee488-1f7f69d2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
  justify-self: auto;
}

#w-node-_20bb6b16-9400-c64b-ca46-8ac3d1cf9d30-8f7f69d3, #w-node-_20bb6b16-9400-c64b-ca46-8ac3d1cf9d30-927f69d4, #w-node-_0d5c6119-724d-5292-ccb5-cb102fdd86cd-927f69d4 {
  align-self: center;
  justify-self: center;
}

#w-node-_2f074596-b85e-c177-0734-fb6216f4328c-d1e0f601 {
  align-self: center;
}

@media screen and (max-width: 991px) {
  #w-node-_7457e5ed-feca-2194-650b-b4f9b5db7c35-727f69b2, #w-node-_00bbfb2f-0f29-2204-a9f4-99b3c39c7149-727f69b2, #w-node-_247b9c49-0ca5-9a68-7c81-d98702fa0d64-727f69b2, #w-node-_7050bbb0-df33-bf51-c5cc-f0da5f7462cf-727f69b2 {
    align-self: start;
  }

  #w-node-c0283cb0-6453-6fe7-c372-e31fc421904c-c4219048 {
    justify-self: center;
  }

  #w-node-c0283cb0-6453-6fe7-c372-e31fc4219069-c4219048 {
    justify-self: start;
  }

  #w-node-_9530efc6-eeec-9042-3004-68f8d9512024-c4219048 {
    justify-self: end;
  }

  #w-node-_44c6b394-fa01-180f-57f0-65113258acee-e47f69b4 {
    align-self: center;
    justify-self: center;
  }

  #w-node-ec71760b-4dd7-338d-1cde-1445a5ed0246-e47f69b4 {
    align-self: center;
  }

  #w-node-_46979316-1373-425b-bf55-17a5d95c3054-167f69b7, #w-node-_46979316-1373-425b-bf55-17a5d95c3054-d77f69bb, #w-node-_7c313a40-b82f-f23d-0e7f-83b56b1d0daa-ab7f69bc {
    justify-self: start;
  }

  #w-node-e6b22ad9-7d08-79ee-719f-e2e5111d1dd9-637f69bd {
    justify-self: center;
  }

  #w-node-_46979316-1373-425b-bf55-17a5d95c3054-e47f69bf {
    justify-self: start;
  }

  #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69628-3b7f69c1, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69630-3b7f69c1, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69635-3b7f69c1, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69628-fe7f69c2, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69630-fe7f69c2, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69635-fe7f69c2, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69628-6b7f69c3, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69630-6b7f69c3, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69635-6b7f69c3, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69628-f67f69c4, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69630-f67f69c4, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69635-f67f69c4, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69628-f57f69c5, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69630-f57f69c5, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69635-f57f69c5, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69628-5b7f69c6, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69630-5b7f69c6, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69635-5b7f69c6, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69628-9c7f69c7, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69630-9c7f69c7, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69635-9c7f69c7, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69628-477f69c8, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69630-477f69c8, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69635-477f69c8, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69628-137f69c9, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69630-137f69c9, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69635-137f69c9 {
    align-self: start;
  }

  #w-node-_7c313a40-b82f-f23d-0e7f-83b56b1d0daa-3e7f69cd, #w-node-_7c313a40-b82f-f23d-0e7f-83b56b1d0daa-287f69d1, #w-node-_46979316-1373-425b-bf55-17a5d95c3054-1f7f69d2 {
    justify-self: start;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_46979316-1373-425b-bf55-17a5d95c3054-167f69b7 {
    justify-self: start;
  }

  #w-node-_75298a96-4386-61b1-3a84-9c14775c2a3f-167f69b7 {
    justify-self: center;
  }

  #w-node-_46979316-1373-425b-bf55-17a5d95c3054-d77f69bb {
    justify-self: start;
  }

  #w-node-_75298a96-4386-61b1-3a84-9c14775c2a3f-d77f69bb {
    justify-self: center;
  }

  #w-node-_7c313a40-b82f-f23d-0e7f-83b56b1d0daa-ab7f69bc {
    justify-self: start;
  }

  #w-node-_75298a96-4386-61b1-3a84-9c14775c2a3f-ab7f69bc {
    justify-self: center;
  }

  #w-node-_4e580381-c7e1-bd37-6ebf-2c035976662c-637f69bd {
    justify-self: stretch;
  }

  #w-node-_46979316-1373-425b-bf55-17a5d95c3054-e47f69bf {
    justify-self: start;
  }

  #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69635-3b7f69c1, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69635-fe7f69c2, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69635-6b7f69c3, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69635-f67f69c4, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69635-f57f69c5, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69635-5b7f69c6, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69635-9c7f69c7, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69635-477f69c8, #w-node-bb368cf7-7918-21bf-5cca-d57dc7e69635-137f69c9 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: start;
    justify-self: center;
  }

  #w-node-_7c313a40-b82f-f23d-0e7f-83b56b1d0daa-3e7f69cd {
    justify-self: start;
  }

  #w-node-_75298a96-4386-61b1-3a84-9c14775c2a3f-3e7f69cd {
    justify-self: center;
  }

  #w-node-_7c313a40-b82f-f23d-0e7f-83b56b1d0daa-287f69d1 {
    justify-self: start;
  }

  #w-node-_75298a96-4386-61b1-3a84-9c14775c2a3f-287f69d1 {
    justify-self: center;
  }

  #w-node-_46979316-1373-425b-bf55-17a5d95c3054-1f7f69d2 {
    justify-self: start;
  }

  #w-node-_75298a96-4386-61b1-3a84-9c14775c2a3f-1f7f69d2 {
    justify-self: center;
  }
}

@media screen and (max-width: 479px) {
  #w-node-bbe1bef6-2167-83e9-3fdd-0bb3e63467db-727f69b2 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: auto;
    justify-self: auto;
  }

  #w-node-c0283cb0-6453-6fe7-c372-e31fc4219069-c4219048 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: end;
  }

  #w-node-db46accb-a450-e21d-5c35-a446ca8b9e72-167f69b7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
    justify-self: start;
  }

  #w-node-_75298a96-4386-61b1-3a84-9c14775c2a3f-167f69b7 {
    align-self: center;
  }

  #w-node-cd2a637b-1902-a84c-0e60-1031593b0890-167f69b7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-cd2a637b-1902-a84c-0e60-1031593b08a2-167f69b7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: auto;
    justify-self: auto;
  }

  #w-node-db46accb-a450-e21d-5c35-a446ca8b9e72-d77f69bb {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
    justify-self: start;
  }

  #w-node-_75298a96-4386-61b1-3a84-9c14775c2a3f-d77f69bb {
    align-self: center;
  }

  #w-node-_7c313a40-b82f-f23d-0e7f-83b56b1d0dac-ab7f69bc {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
    justify-self: start;
  }

  #w-node-_75298a96-4386-61b1-3a84-9c14775c2a3f-ab7f69bc {
    align-self: center;
  }

  #w-node-fa82b0b8-b065-ac6e-a510-f009849925a1-637f69bd {
    justify-self: center;
  }

  #w-node-db46accb-a450-e21d-5c35-a446ca8b9e72-e47f69bf, #w-node-_7c313a40-b82f-f23d-0e7f-83b56b1d0dac-3e7f69cd {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
    justify-self: start;
  }

  #w-node-_75298a96-4386-61b1-3a84-9c14775c2a3f-3e7f69cd {
    align-self: center;
  }

  #w-node-_7c313a40-b82f-f23d-0e7f-83b56b1d0dac-287f69d1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
    justify-self: start;
  }

  #w-node-_75298a96-4386-61b1-3a84-9c14775c2a3f-287f69d1 {
    align-self: center;
  }

  #w-node-ebd1e393-04e7-3bc3-d44a-7805967ee486-287f69d1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: auto;
    justify-self: auto;
  }

  #w-node-db46accb-a450-e21d-5c35-a446ca8b9e72-1f7f69d2 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
    justify-self: start;
  }

  #w-node-_75298a96-4386-61b1-3a84-9c14775c2a3f-1f7f69d2 {
    align-self: center;
  }

  #w-node-ebd1e393-04e7-3bc3-d44a-7805967ee486-1f7f69d2 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: auto;
    justify-self: auto;
  }
}