/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

@font-face {
  font-family: "FiraSans";
  src: url("https://cdn.verisure.fr/ressources/fonts/fira/firasans-book.eot");
  src: url("https://cdn.verisure.fr/ressources/fonts/fira/firasans-book.eot?#iefix")
      format("embedded-opentype"),
    url("https://cdn.verisure.fr/ressources/fonts/fira/firasans-book.woff2")
      format("woff2"),
    url("https://cdn.verisure.fr/ressources/fonts/fira/firasans-book.woff")
      format("woff"),
    url("https://cdn.verisure.fr/ressources/fonts/fira/firasans-book.ttf")
      format("truetype"),
    url("https://cdn.verisure.fr/ressources/fonts/fira/firasans-book.svg#fira_sansbook")
      format("svg");
}

body {
  font-family: "FiraSans", serif;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: normal;
  -webkit-font-kerning: normal;
  font-kerning: normal;
  -webkit-font-smoothing: subpixel-antialiased !important;
  text-rendering: optimizeLegibility !important;
}

div {
  letter-spacing: normal;
}

p {
  letter-spacing: normal;
}

* {
  outline: none;
}

a {
  color: #000;
}

.input-error {
  color: red;
}

.main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.title-h4 {
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 900;
}

/* BLOC NAVBAR */

#nav-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

#navToggle {
  width: 100%;
}

#nav-desktop {
  display: none;
}

.nav-container {
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 30px;
  -webkit-box-shadow: 0 9px 9px -9px #3d3d3d;
  box-shadow: 0 9px 9px -9px #3d3d3d;
  position: fixed;
  width: 100%;
  background: #fff;
  z-index: 100;
  top: 0;
}

.numeroVert {
  display: none;
}

#cta-form-container {
  display: none;
}

.header-container-vs {
  margin-top: 80px;
  position: relative;
}

.macaron img {
  position: absolute;
  max-width: 30%;
  margin: 10px;
}

@media screen and (max-width: 1024px) {
  .macaron img {
    max-width: 90%;
  }
}

#claim-desktop {
  text-align: left;
  font-weight: 600;
  color: #fff;
  font-size: 40px;
  text-shadow: 3px 3px 9px #3d3d3d;
  text-transform: uppercase;
}

.burger {
  margin: 0px;
  z-index: 99;
  padding: 10px;
  float: right;
}

.navicon {
  cursor: pointer;
  display: block;
  width: 45px;
  height: 4px;
  border-radius: 15px;
  background: rgba(100, 100, 100, 0.9);
  /*border-radius: 3px;*/
  position: relative;
}

.navicon::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(100, 100, 100, 0.9);
  top: 12px;
  border-radius: 15px;
  position: absolute;
  transition: all 0.3s ease-in-out;
}

.navicon::after {
  content: "";
  border-radius: 15px;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(100, 100, 100, 0.9);
  top: -12px;
  position: absolute;
  transition: all 0.3s ease-in-out;
}

.menu-btn {
  display: none;
}

.menu-icon {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.menu-btn:checked ~ .menu-icon .navicon:after,
.menu-btn:checked ~ .menu-icon .navicon:before {
  top: 0;
}

.nav {
  z-index: -99;
  position: fixed;
  right: -100%;
  width: 100%;
  color: black;
  display: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4rem;
  transition: ease-in-out 800ms;
  height: 136px;
  background: rgba(0, 0, 0, 0.7);
  margin-top: 14px;
}

.nav ul {
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 0;
}

.nav a {
  font-size: 22px;
  color: #fff;
  font-weight: 700;
}

.nav li {
  text-transform: uppercase;
  padding: 5px 0;
  list-style-type: none;
  font-family: "FiraSans", serif;
}

.menu-btn:checked ~ .nav {
  right: 0;
  transition: ease-in-out 400ms;
}

@media screen and (max-width: 767px) {
  #menu {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 0;

    -webkit-transition: opacity 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);

    -o-transition: opacity 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);

    transition: opacity 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  }
}
.logo-verisure-mobile {
  width: 190px;
}

.logo-verisure-desktop {
  display: none;
}

#img-form-container {
  display: none;
  width: 50px;
  height: 50px;
  background-color: red;
  padding: 12px;
  border-radius: 30px;
  margin-left: 20px;
  margin-top: 5px;
}

/* END  BLOC NAVBAR */
/* BLOC HEADER */

.header-filter-img {
  height: 220px;
  background-image: url("../img/VerisureHEADERMDPDESKTOPLQ.jpg");
  background-position: top;
  background-size: cover;
}


.header-img {
  height: inherit;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.offer-header {
  position: absolute;
  top: 20px;
  left: 35px;
  color: #fff;
  font-size: 44px;
  font-weight: 700;
  line-height: 0.8em;
  text-shadow: black 0.1em 0.1em 0.2em;
  letter-spacing: 0.4px;
}
.offer-text-small {
  font-size: 14px;
}

.first-text {
  font-weight: normal;
  position: absolute;
  top: 16px;
  left: 46px;
}

.offer-text-smaller {
  font-size: 30px;
}

.partenaire-form {
  background-color: #f0f2f4;
  padding: 30px 20px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Ombre */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: auto;
  position: relative;
}
.form-title {
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 22px;
}

.form-title strong {
  font-weight: 800;
}

#form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 90%;
}

#form .input {
  width: 100%;
  margin-bottom: 10px;
  border: 1px solid #cdcdcd;
  text-indent: 35px;
  height: 35px !important;
}

#form select {
  width: 270px;
  margin: 10px 0 0;
  height: 34px;
  border: 1px solid #c1c1c1;
  padding: 1px 0;
  color: #777777;
  text-indent: 35px;
  font-size: 16px;
}
#lead_agent {
  background: url(../img/icon-agence.png) 3px / auto 70% no-repeat #ffffff;
  text-indent: 24px;
}

form .checkbox-contratMRH {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 270px;
  color: #777777;
  background: white;
  border: 1px solid #c1c1c1;
  padding-left: 5px;
  font-size: inherit;
  font-weight: 100;
  height: 34px;
  height: fit-content;
  font-size: 16px;
}

form .checkbox-contratMRH label {
  font-weight: 400;
  letter-spacing: -1px;
  text-align: center;
}
.inputNumContract {
  width: 100%;
  margin-top: 8px;
}

#form .input::-webkit-input-placeholder {
  color: #cdcdcd;
}

#form .input::-moz-placeholder {
  color: #cdcdcd;
}

#form .input:-ms-input-placeholder {
  color: #cdcdcd;
}

#form .input::-ms-input-placeholder {
  color: #cdcdcd;
}

#form .input::placeholder {
  color: #cdcdcd;
}

#idContrat {
  width: 100%;
  display: flex;
  align-items: center;
  height: 34px !important;
  margin: 0 0 5px 0;
}

@media all and (max-width: 1023px) {
  .idContrat {
    text-indent: 12px !important;
  }
}

#lead_idContrat {
  padding: 3px 12px;
  background-color: red;
  color: #fff;
  text-align: center;
  margin-bottom: 0 !important;
  height: auto !important;
}

@media all and (max-width: 1023px) {
  #lead_idContrat {
    padding: 6px 12px;
  }
}

.idContrat {
  width: 100%;
  border: 1px solid #cdcdcd;
  height: 100% !important;
  margin-bottom: 0 !important;
  text-indent: 15px;
}

#lead_name {
  background: url(../img/icon-person2.png) 3px / auto 70% no-repeat #ffffff;
}
#lead_phone {
  background: url(../img/icon-phone2.png) 3px / auto 70% no-repeat #ffffff;
}
#lead_address {
  background: url(../img/icon-geoloc2.png) 3px / auto 70% no-repeat #ffffff;
}
#lead_zip {
  background: url(../img/icon-geoloc2.png) 3px / auto 70% no-repeat #ffffff;
}
#lead_city {
  background: url(../img/icon-geoloc2.png) 3px / auto 70% no-repeat #ffffff;
}
#lead_idclient {
  background: url(../img/icon-geoloc2.png) 3px / auto 70% no-repeat #ffffff;
}

.submit {
  height: 42px;
  width: 210px !important;
  border: none;
  background-color: #ff0033;
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 5px;
  color: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 30px;
}

.callback-infos {
  font-size: 10px;
  text-align: center;
  font-style: italic;
  color: grey;
  font-weight: 600;
  margin-top: 10px;
  width: 330px;
}

.information img {
  position: absolute;
  right: 22px;
  bottom: 78px;
}

.information img:hover + .info-span {
  display: block;
}

.information .info-span {
  display: none;
  -webkit-border-radius: 5px;
  position: absolute;
  bottom: 0;
  left: 64px;
  line-height: 1.2;
  z-index: 1000;
  width: 250px;
  color: #444444;
  background: #f4f4f4;
  border: 1px solid #c1c1c1;
  padding: 10px;
  font-size: 11px;
  text-align: left;
  font-family: "CorporateERegular", Arial, sans-serif;
}
.link-atc {
  font-weight: bold;
  cursor: pointer;
  color: #8a8c8e;
  text-decoration: underline;
}
/* END BLOC HEADER */

/* BLOC AVANTAGES */
#avantages {
}

.ban-header-offer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.avantages-title {
  /*background-color: #f03; 
    color: #fff;*/
  text-align: center;
  height: 60px;
}

.avantages-title .ban-title {
  margin: 24px 0 20px 0;
  text-transform: uppercase;
}

.avt-title {
  color: #000;
}

#pictos {
  /* background-color: #f0f2f4;*/
}

.swiper {
  width: 100%;
  height: 100px;
}

.swiper-slide-pictos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 400px;
}

.slider-container {
  display: block;
}

.slider-container picture {
  width: 100%;
}

.picto-desktop-container {
  display: none;
}

.swiper-button-prev {
  background-image: url(../img/back1.png);
}

.swiper-button-next {
  background-image: url(../img/next.png);
}

.swiper-button-next,
.swiper-button-prev {
  background-repeat: no-repeat;
  background-size: 50% 25px;
  background-position: center;
  background-color: #fff;
  border-radius: 10px;
  height: 55px;
  width: 30px;
  top: 45px;
}

.swiper-button-next::after {
  display: none;
}

.swiper-button-prev::after {
  display: none;
}

.slide-container {
  width: 280px;
  margin: auto;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.picto-text {
  width: 200px;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
}

.slider-img {
  width: 40px;
}

.swiper-pagination {
  bottom: 0 !important;
}

.swiper-pagination-bullet-active {
  background-color: #f03 !important;
}
/* END BLOC AVANTAGES */

/* BLOC SERVICES */
/*.services-intro {*/
/*    display: none;*/
/*}*/
.services-infos-text {
  display: none;
}

.services-infos-title {
  margin-top: 40px;
}

#services {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.blocPack-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pack {
  width: 85%;
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 2px 0px,
    rgba(14, 30, 37, 0.32) 0px 2px 5px 0px;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 2px 0px,
    rgba(14, 30, 37, 0.32) 0px 2px 5px 0px;
  border-radius: 0 0 20px 20px;
}

.pack:nth-child(1) .cta-pack:hover,
.cta-pack-footer:hover {
  text-decoration: none;
  cursor: pointer;
  background: #a90008;
  color: #fff;
}

.pack:nth-child(2) .cta-pack:hover {
  text-decoration: none;
  cursor: pointer;
  color: #a90008;
}

.pack:nth-child(2) .services-packs {
  border: 1px solid #f03;
  color: #f03;
}

.pack-title {
  margin-top: 35px;
  margin-bottom: 0px;
  color: rgba(100, 100, 100, 0.9);
  text-transform: none;
}

.offre-pack {
  color: #f03;
}

.pack-img img {
  height: 140px;
}

.cta-pack {
  height: 42px;
  width: auto !important;
  background-color: #ff0033;
  font-size: 16px;
  font-weight: bold;
  margin-top: 15px;
  color: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 30px;
  margin-bottom: 10px;
  text-align: center;
  padding: 8px;
  border: 1px solid #fff;
}

.pricing {
  background: #f0f0f0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  border-radius: 0 0 20px 20px;
  position: relative;
}

.red-pack {
  background-color: #f03;
}

.red-pack .offer-pack {
  color: #fff;
}

.red-pack .cta-pack {
  color: #f03;
  background: #fff;
  border: none;
  padding: 10px;
}

.details-packs {
  font-size: 12px;
  color: grey;
  text-decoration: underline;
  margin: 0 0 20px 0;
}

.details-packs:hover {
  cursor: pointer;
}

.produits-detail-accordeon {
  height: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.accordeon-active {
  height: 100%;
  opacity: 1;
}

.services-packs {
  width: 160px;
  height: 30px;
  background: #f0f0f0;
  border: 1px solid rgba(100, 100, 100, 0.4);
  margin-bottom: 15px;
  border-radius: 8px;
  font-size: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
  position: relative;
}

.services-packs img {
  width: 15px;
  margin-left: 10px;
  position: absolute;
  right: 5px;
}

.offer-pack {
  width: 100%;
  position: relative;
  height: 70px;
  color: rgba(100, 100, 100, 0.9);
  font-weight: 900;
}

.pack-small {
  top: 8px;
  left: 14px;
  font-size: 11px;
  /*width: 90px;*/
  position: absolute;
}

.pack-small-ttc {
  position: absolute;
  bottom: 0;
  left: 112px;
  font-size: 14px;
  width: 90px;
}

.text-pack-big {
  font-size: 50px;
  position: absolute;
  left: 80px;
  top: -6px;
}

.pack-smaller {
  font-size: 30px;
}
.date-pack {
  position: absolute;
  top: 53px;
  right: 25px;
  font-size: 11px;
  /*width: 102px;*/
}

.modal-detail-packs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  position: fixed;
  width: 100%;
  height: 100vh;
  z-index: 100;
  top: 0;
  /*top: 280px;*/
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.modal-details-active {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.modal-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 80%;
  height: auto;
  padding: 30px;
  background: #f0f0f0;
  position: relative;
  outline: 20px solid rgba(0, 0, 0, 0.4);
  z-index: 1000;
}

.cross-close {
  position: absolute;
  right: 10px;
  top: 10px;
  background: #fff;
  border: none;
  padding: 2px 8px;
  border-radius: 20px;
  font-weight: 700;
}

.modal-title {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.6);
  /*font-family: "Fira Sans", serif;*/
}

.product-list {
  list-style-type: none;
  padding: 0;
  width: 100%;
  margin-bottom: 0;
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.6em;
}

.blocServiceHauteSecurite {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.HauteSecurite-bloc,
.nousChoisir-bloc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 30px;
}

.product-bloc {
  margin-top: 10px;
}

.services-HauteSecurite-title,
.nousChoisir-title {
  margin: 20px 0 10px 0;
  font-weight: 700;
  text-transform: uppercase;
}

.red-title {
  color: #f03;
}

.services-HauteSecurite-text {
  text-align: center;
  /*font-size: 13px;*/
  padding: 0 10px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.6);
}

.HauteSecurite-pictos {
  width: 100%;
  padding: 10px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.picto-service {
  width: 110px;
  text-align: center;
}

.picto-img {
  width: 50px;
  margin-bottom: 10px;
}

.picto-text-services,
.picto-text-diagnostic {
  font-size: 12px;
  text-align: center;
  font-weight: 700;
}

.blocAllServices {
  margin-bottom: 30px;
}

/* BLOC SLIDER SERVICES*/

.all-services-slider {
  -webkit-box-shadow: rgba(14, 30, 37, 0.12) 0px -3px 2px 0px,
    rgba(14, 30, 37, 0.32) 0px 2px 5px 0px;
  box-shadow: rgba(14, 30, 37, 0.12) 0px -3px 2px 0px,
    rgba(14, 30, 37, 0.32) 0px 2px 5px 0px;
  width: 100%;
  text-align: center;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 50px 25px;
}

.text-slider-cor {
  text-align: left;
}

.swiper-services {
  overflow: hidden;
}

.service-accordion-body {
  margin-top: 30px;
}

.all-services-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.all-services-title {
  text-align: center;
  width: 90%;
}

.all-services-btn {
  border: none;
  background: #f0f2f4;
  font-size: 12px;
  width: 90%;
  height: 40px;
  border-radius: 30px;
  color: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 10px;
  left: 20px;
  font-weight: 700;
  z-index: 10;
  /*top: 0;*/
  /*left: 0;*/
}

.all-services-slider-nav {
  display: none;
}

.navigation-onglet {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  height: 374px;
  margin-bottom: 0;
  padding-left: 27px;
  width: 270px;
}

.navigation-onglet li {
  width: 100%;
  padding: 6px 0;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  font-size: 16px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.6);
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.navigation-onglet .active {
  background: #f0f2f4;
  cursor: pointer;
  color: #f03;
}

.slide-container {
  width: auto;
  margin: auto;
  height: inherit;
}

.slider-img-services {
  display: none;
}

.slider-text-services {
  margin: auto;
}

.slider-text-services > p:nth-child(1) {
  margin-bottom: 20px;
}

.slider-text-services > p {
  width: 310px;
  font-size: 16px;
  margin: auto;
  font-weight: 900;
}
/* END BLOC SLIDER SERVICES*/

#all-services-picto {
  width: 20px;
  margin-left: 10px;
}

.not-collapsed {
  padding: 0px 25px;
  opacity: 0;
  height: 0;
}

.collapsed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  height: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* END BLOC SERVICES */

/* BLOC SLIDER PRODUITS */
.product-slider-container {
  margin-top: 20px;
}

.swiper-produit {
  height: auto;
}

.slide-produit {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.slider-produit-img {
  width: 100%;
}

.produit-nav,
.services-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 80px;
  padding: 0 20px;
}

.produit-nav .swiper-button-prev,
.produit-nav .swiper-button-next,
.services-nav .swiper-button-prev,
.services-nav .swiper-button-next {
  background-size: 75% 40px;
  position: unset;
  background-color: unset;
  margin-top: 0;
}

.produit-nav .swiper-pagination,
.services-nav .swiper-paginate-services {
  position: unset;
}

.btn-prev-service {
  background-image: url(../img/back1.png);
}

.btn-next-service,
.btn-prev-service {
  background-size: 75% 40px;
  position: unset;
  background-color: unset;
  margin-top: 0;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 10px;
  height: 55px;
  width: 30px;
  top: 45px;
}

.btn-next-service {
  background-image: url(../img/next.png);
}

/* END BLOC SLIDER PRODUITS */

/* BLOC OFFRES */

.offres-container {
  background: url("../img/VISU-DIAG2-min.png") no-repeat bottom;
  background-size: contain;
  height: 660px;
  position: relative;
}

.offres-bloc {
  margin-top: 0;
  text-align: center;
}

.offres-bloc h4 {
  line-height: 1.4em;
}
.offres-text {
  /*font-size: 13px;*/
}

.offre-sub-text-desk {
  display: none;
}

.expert-securite {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 50%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.picto-offre {
  flex: 0 0 50%;
  max-width: 160px;
  text-align: center;
}

.picto-offre img {
  width: 70px;
}

.offre-video a {
  position: absolute;
  bottom: 40px;
  left: 100px;
  height: 40px;
  background: #f03;
  color: #fff;
  /*padding: 5px 10px;*/
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 170px;
  padding: 5px 3px 5px 6px;
}
.offre-video a img {
  width: 30px;
}

.offre-text-container {
  padding: 20px 40px;
  text-align: center;
}

.video-ts .btn-video-ts {
  bottom: 28px;
}

.alarme-ts-container {
  background: url("../img/bg-usp-center-play-red2.jpg") no-repeat left;
  background-size: cover;
  height: 340px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px;
}

.ts-contain {
  width: 100%;
}

.play-video {
  position: absolute;
  height: 100px;
  width: 100px;
  top: 120px;
  left: 135px;
}

.alarme-ts-bloc {
  background: rgba(255, 255, 255, 0.6);
  padding: 2px 6px;
  color: #333;
}

.alarme-ts-title {
  font-size: 12px;
  text-align: center;
  /*color: rgba(0, 0, 0, 0.6);*/
  line-height: 1.4em;
  font-weight: 600;
}

.alarme-ts-text {
  position: absolute;
  bottom: -110px;
  text-align: center;
  width: 100%;
  padding: 0 23px;
  left: 0;
  /*font-size: 12px;*/
}

.tsText {
  margin-top: 100px;
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.ts-title {
  font-size: 16px;
  margin-bottom: 25px;
  font-weight: 900;
}

.ts-text-content {
  /*font-size: 12px;*/
  /*font-weight: 900;*/
}

.blocs-accompagnement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.accompagnement-title {
  margin-bottom: 30px;
  padding: 0 20px;
}

.blocacc-content {
  width: 230px;
  padding: 5px 20px 20px 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
  height: 160px;
}

.title-bloc-acc {
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 900;
}

.text-bloc-acc {
  text-align: center;
  /*font-size: 12px;*/
}

#nousChoisir {
  margin-top: 40px;
  border: 1px solid #e1e1e1;
}

.nousChoisir-bloc {
  margin-top: 0;
}

.nousChoisir-picto-img {
  width: 60px;
  position: absolute;
  top: -30px;
  left: 40px;
}

.nousChoisir-pictos {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 50%;
  flex: 0 50%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 40px;
}

.pictos-nousChoisir {
  width: 140px;
  position: relative;
  border: 1px solid darkgray;
  height: 90px;
  margin-bottom: 50px;
}

.nousChoisir-picto-text {
  margin-bottom: 0;
  text-align: center;
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.1em;
  font-weight: 900;
}

.alignPicto-text {
  height: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#footer-partenaires {
  padding: 20px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.cta-pack-footer {
  border: none;
  /*height: 30px;*/
  /*width: auto !important;*/
  /*font-size: 11px;*/
  padding: 10px;
  margin-bottom: 25px;
}

.numVert-footer {
  display: block;
}

.numVert-footer {
  display: block;
  width: 200px;
  height: 30px;
  background: url(https://www.campagnes-france.com/landings/partenaires/maaf-diag-pic/img/numvert-bg.png)
    no-repeat;
  font-weight: 700;
  background-size: contain;
}

.numVert-footer a {
  color: #78b41e;
  text-decoration: none;
  font-size: 17px;
  margin-top: 2px;
  margin-left: 10px;
  display: block;
}

.bloc-mentions {
  width: 95%;
  padding: 20px 0;
  margin-top: 60px;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}

#conteneur-mentions {
  padding-top: 20px;
}

#conteneur-mentions p {
  font-size: 10px;
}

#footer-bloc {
  background: #444444;
  color: #ffffff;
  padding: 10px 10px 10px 10px;
  font-size: 10px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#footer-bloc a {
  color: #fff;
}

#footer-logo-SD {
  display: none;
}

#footer-logo-verisure {
  display: none;
}
/* END BLOC OFFRES */

/* DESKTOP */

@media all and (min-width: 1024px) {
  body {
    max-width: 1200px;
    margin: auto;
    font-size: 14px;
    border: 1px solid #f0f2f4;
  }

  .title-h4 {
    font-size: 21px;
  }

  .services-infos-text {
    display: flex;
  }

  .text-slider-cor {
    text-align: left;
  }

  .nav-container {
    height: 70px;
    padding: 15px 70px;
  }

  .logo-verisure-mobile {
    display: none;
  }

  .logo-verisure-desktop {
    display: block;
    width: 170px;
  }

  #nav-mobile {
    display: none;
  }

  #nav-desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  #menu-desktop {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    width: 300px;
    font-weight: 700;
    padding: 0;
    margin: 0;
  }
  .nav-container {
    max-width: 1200px;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  #menu-desktop a:hover {
    text-decoration: none;
    cursor: pointer;
    color: #a90008;
  }

  #cta-form-container {
    display: none;
    width: 180px !important;
    height: 42px;
    background-color: red;
    padding: 12px;
    border-radius: 30px;
    margin-left: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-weight: 700;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: 14px !important;
    margin-top: 0;
    margin-bottom: 0;
  }

  #cta-form-container:hover {
    text-decoration: none;
    background-color: #a90008;
    cursor: pointer;
  }

  .numeroVert {
    display: block;
    width: 200px;
    height: 30px;
    background: url(https://www.campagnes-france.com/landings/partenaires/maaf-diag-pic/img/numvert-bg.png)
      no-repeat;
    font-weight: 700;
    background-size: contain;
  }

  .numeroVert a {
    pointer-events: none;
    color: #78b41e;
    text-decoration: none;
    font-size: 17px;
    margin-top: 2px;
    margin-left: 10px;
    display: block;
  }

  #menuToggle {
    display: none;
  }

  .header-filter-img {
    height: 450px;
  }

  .header-container-vs {
    margin-top: 70px;
  }

  .partenaire-form {
    width: 330px;
    position: absolute;
    top: 0;
    right: 110px;
    background-color: rgba(240, 242, 244, 0.8);
    padding: 15px 30px;
    /* height: 340px; */
  }

  /* CONFIRMATION FORM MSG */
  #form-txt {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #form-txt strong {
    font-size: 20px;
  }

  #form-txt span {
    text-align: center;
  }

  /* END BLOCK CONFIRMATION FORM MSG */

  .form-title {
    margin-bottom: 2px;
  }

  #form {
    width: 100%;
    height: 100%;
  }

  #form input {
    margin-bottom: 8px !important;
    height: 34px !important;
  }

  .submit {
    height: 36px;
    width: 190px !important;
    font-size: 13px;
  }

  .callback-infos {
    font-size: 9px;
    margin-top: 0;
  }

  .information img {
    right: 35px;
    bottom: 60px;
  }

  .offer-header {
    top: auto;
    bottom: 0;
    left: 90px;
    font-size: 80px;
  }

  .first-text {
    top: 40px;
    left: 88px;
  }

  .offer-text-small {
    font-size: 22px;
  }

  .offer-text-smaller {
    font-size: 48px;
  }

  .information .info-span {
    bottom: -90px;
    left: 20px;
  }

  .slider-container {
    display: none;
  }

  .avantages-title .ban-title {
    margin: 30px 0 20px 0;
    font-size: 20px;
  }

  .picto-desktop-container {
    /*background: #f03;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 140px 65px;
  }

  .picto-text-desk {
    /*color: #fff;*/
    position: absolute;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    padding-top: 85px;
  }

  .picto-bloc:nth-child(1) .picto-text-desk {
    top: 36px;
  }

  .picto-bloc:nth-child(2) .picto-text-desk {
    top: 36px;
    width: 115px;
    left: 10px;
  }

  .picto-bloc:nth-child(3) .picto-text-desk {
    top: 45px;
  }

  .picto-bloc:nth-child(4) .picto-text-desk {
    top: 30px;
  }

  .picto-bloc {
  }

  .picto-container {
    position: relative;
  }

  .picto-img-desk {
    height: 140px;
    padding: 36px;
  }

  .services-intro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .blocPack-info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 65%;
    margin: auto;
  }

  .blocServiceHauteSecurite {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px;
  }

  .HauteSecurite-bloc,
  .services-intro,
  .nousChoisir-bloc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0;
  }

  .offres-text {
    font-size: 20px !important;
    color: #333;
  }

  .services-HauteSecurite-title,
  .services-infos-title,
  .nousChoisir-title {
    margin: 20px 0 10px 0;
    font-weight: 700;
    text-transform: uppercase;
  }

  .nousChoisir-title {
    margin-top: 40px;
  }

  .services-HauteSecurite-text,
  .services-infos-text {
    /*color: rgba(0, 0, 0, 0.6);*/
    font-size: 16px;
    line-height: 1.2em;
    text-align: right;
    padding: 0;
    font-weight: 600;
  }
  .services-infos-text {
    text-align: center;
    margin-top: 15px;
    color: rgba(0, 0, 0, 0.6);
  }

  .pack {
    width: 340px;
  }

  .pricing {
    -webkit-box-shadow: rgba(14, 30, 37, 0.32) 0px -1px 4px 0px;
    box-shadow: rgba(14, 30, 37, 0.32) 0px -1px 4px 0px;
  }

  .pack:nth-child(1),
  .pack:nth-child(1) .pricing {
    border-radius: 0 0 0 20px;
  }

  .pack:nth-child(2),
  .pack:nth-child(2) .pricing {
    border-radius: 0 0 20px 0;
  }

  .pack-img img {
    height: 150px;
  }

  .cta-pack {
    width: 150px !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    font-size: 12px;
  }

  .red-pack .cta-pack {
    padding: 12px 0;
  }

  .details-packs {
    font-size: 13px;
  }

  .services-packs {
    width: 130px;
    height: 25px;
    padding: 6px;
    border-radius: 20px;
    font-size: 10px;
  }

  .modal-detail-packs {
    display: none;
  }

  .picto-img {
    width: 110px;
    margin-bottom: 15px;
  }

  .picto-text-services {
    font-size: 14px;
    line-height: 1.1em;
    font-weight: 700;
  }

  .picto-text-diagnostic {
    /*font-size: 12px;*/
    line-height: 1.1em;
  }

  .HauteSecurite-pictos {
    padding: 10px 168px;
    margin-top: 15px;
  }

  .picto-service {
    width: 140px;
  }

  .picto-service:nth-child(6) br:nth-child(2) {
    display: none;
  }

  .blocAllServices {
    margin-bottom: 60px;
  }

  .all-services {
    margin-top: 30px;
  }

  .all-services-title {
    width: 70%;
  }

  .all-services-btn {
    font-size: 16px;
    width: 930px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 135px;
  }

  .collapsed {
    margin-bottom: 0;
    height: 500px;
  }

  /* BLOC SLIDER SERVICES*/

  .produit-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .services-nav {
    display: none;
  }

  .all-services-slider {
    width: 930px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    z-index: 1;
    padding: 0;
  }

  .all-services-slider-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 300px;
    height: 500px;
  }

  .navigation-onglet {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: 374px;
    margin-bottom: 0;
    padding-left: 27px;
    width: 270px;
  }

  .navigation-onglet li {
    width: 100%;
    padding: 6px 0;
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    font-size: 16px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.6);
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
  }

  .navigation-onglet .active {
    background: #f0f2f4;
    cursor: pointer;
    color: #f03;
  }

  .slide-container {
    width: auto;
    margin: auto;
    height: inherit;
  }

  .slider-img-services {
    display: block;
    width: 265px;
  }

  .slider-text-services > p,
  .slider-text-services > .text-slider-cor {
    width: 310px;
    font-size: 16px;
  }
  /* END BLOC SLIDER SERVICES*/

  #all-services-picto {
    width: 24px;
  }

  .all-services-slider-container {
    width: 660px;
    padding-left: 30px;
  }

  .slide-service {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .pack-small {
    font-size: 10px;
    left: 185px;
  }

  .text-pack-big {
    font-size: 45px;
    left: 112px;
    top: 0px;
    font-weight: 600;
  }

  #mentions-packs {
    font-size: 24px;
    vertical-align: text-top;
  }

  .pack-small-ttc {
    text-align: center;
    bottom: 12px;
    font-size: 12px;
  }

  .offer-pack {
    height: 78px;
    font-weight: bolder;
  }

  .date-pack {
    top: 62px;
    right: 116px;
  }

  .product-slider-container {
    display: block;
  }

  #produits {
    -webkit-box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 5px 0px,
      rgba(14, 30, 37, 0.32) 0px 0px 10px 0px;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 5px 0px,
      rgba(14, 30, 37, 0.32) 0px 0px 10px 0px;
  }

  .product-list {
    margin-bottom: 30px;
    font-size: 12px;
    height: 170px;
    margin-top: 20px;
  }

  .produit-nav {
    width: 400px;
    margin: auto;
  }

  .services-HauteSecurite-title br {
    display: none;
  }

  .offres-container {
    background-image: url("../img/bg-usp-center-play-redx.jpg");
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: 414px;
    background-position: top 90px right 50%;
  }

  .offre-sub-text-desk {
    display: block;
    text-align: right;
    font-size: 14px !important;
    width: 480px;
  }

  #offres {
    width: 930px;
    margin: auto;
    padding-top: 40px;
  }

  .offre-container-text-picto {
    margin-left: 240px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 270px;
    padding-top: 60px;
  }

  .picto-offre img {
    width: 40px;
    margin-bottom: 5px;
  }

  .picto-offre {
    width: 100px;
    flex: 0 0 100px;
  }

  .offre-video a {
    bottom: 75px;
    left: 92px;
    /*padding: 5px 0;*/
    width: 160px;
  }

  .offre-video a:hover {
    text-decoration: none;
    background: #a90008;
  }

  .offre-text-container {
    padding: 40px 16px;
    font-size: 14px;
  }

  .alarme-ts-bloc {
    background: none;
    padding: 0;
  }

  .ts-contain {
    width: 550px;
    margin-left: 310px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 200px;
    padding-top: 30px;
    margin-bottom: 90px;
  }

  .alarme-ts-text {
    position: static;
    text-align: right;
    padding: 0;
    width: 480px;
    font-weight: 100;
    font-size: 14px;
  }
  .video-ts .btn-video-ts {
    bottom: 56px;
    left: 655px;
    width: 160px;
  }

  .alarme-ts-title {
    text-align: right;
    font-size: 20px;
    text-transform: none !important;
    font-weight: 700;
  }

  .alarme-ts-container {
    background-size: contain;
  }

  .tsText {
    margin-top: 0;
    margin-bottom: 30px;
    padding: 35px 30px 30px;
  }

  .ts-title {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 800;
  }

  .ts-text-content {
    font-size: 14px;
    width: 810px;
    font-weight: 100;
  }

  .accompagnement {
    width: 940px;
    margin: auto;
  }

  .blocs-accompagnement {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .blocacc-content {
    width: 295px;
    padding: 5px 25px 30px 25px;
    height: 170px;
  }

  .title-bloc-acc {
    font-size: 18px;
    color: rgba(0, 0, 0, 0.6);
    font-weight: 800;
    margin-bottom: 20px;
  }
  .text-bloc-acc {
    text-align: center;
    font-size: 16px;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    /*display: flex;*/
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .cta-pack-footer {
    height: 40px;
    width: auto !important;
    font-size: auto;
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin-top: 10px;
  }

  .numVert-footer {
    width: 290px;
    height: 40px;
    margin-top: 0px;
  }

  .numVert-footer a {
    font-size: 24px;
    pointer-events: none;
  }

  /* .bloc-mentions {
        width: 95%;
        padding: 20px 0;
        margin-top: 60px;
        border-top: 1px solid rgba(0, 0, 0, 0.3);
    }*/

  #footer-partenaires {
    padding: 20px 0 0;
  }

  #conteneur-mentions {
    padding-top: 11px;
  }

  #footer-bloc {
    font-size: 12px;
    -ms-flex-pack: distribute;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 10px 180px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  #footer-logo-verisure {
    display: block;
    width: 120px;
    margin: 5px 0 20px;
  }

  .main > #nousChoisir {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 90%;
    margin: 30px auto 0;
  }

  .main > #avantages {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .main > #services {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  .main > #produits {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }

  .main > #offres {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }

  .main > #accompagnement {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }

  #nousChoisir {
    margin-top: 0px;
    border: 1px solid #e1e1e1;
  }

  .nousChoisir-bloc {
    margin-top: 0;
  }

  .nousChoisir-picto-img {
    width: 90px;
    top: -40px;
    left: 30%;
  }

  .nousChoisir-pictos {
    margin-top: 60px;
  }

  .pictos-nousChoisir {
    width: 220px;
    position: relative;
    height: 150px;
    margin-bottom: 40px;
  }

  .nousChoisir-picto-text {
    font-size: 20px;
  }

  .alignPicto-text {
  }

  #footer-partenaires {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
}

@media all and (min-width: 410px) and (max-width: 500px) {
  #menu {
    width: 420px;
  }

  .slide-produit picture {
    margin: auto;
  }

  .picto-offre {
    /*width: 140px;*/
  }

  .offre-video a {
    bottom: 80px;
    left: 120px;
  }

  .video-ts .btn-video-ts {
    left: 120px;
  }

  .offres-container {
    height: 700px;
  }

  .picto-offre {
    /*width: 150px;*/
  }

  .pictos-nousChoisir {
    width: 150px;
  }

  .date-pack {
    right: 55px;
  }

  .pack {
    width: 80%;
  }

  /*.bloc-mentions:before {*/
  /*    width: 82%;*/
  /*}*/
}

@media all and (min-width: 465px) and (max-width: 491px) {
  /*.blocPack-info {
        width: 65%;
        margin: auto;
    }*/

  .pack {
    width: 320px;
    /*margin-left: 20px;*/
  }

  .offres-container {
    height: 750px;
  }

  .picto-offre {
    /*width: 165px;*/
  }
}

@media all and (min-width: 492px) and (max-width: 629px) {
  .pack {
    width: 320px;
  }

  .offres-container {
    height: 820px;
  }

  .picto-offre {
    max-width: 205px;
  }
}

@media all and (min-width: 630px) and (max-width: 767px) {
  .pack {
    width: 320px;
  }

  .offres-container {
    height: 900px;
  }

  .picto-offre {
    max-width: 280px;
  }
}

@media all and (min-width: 630px) and (max-width: 767px) {
  .ts-contain {
    width: 324px;
    margin-left: 290px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-top: 30px;
    margin-bottom: 90px;
  }

  .tsText {
    margin-top: 0;
  }

  .alarme-ts-bloc {
    background: none;
    padding: 0;
  }

  .alarme-ts-title {
    text-align: right;
    font-size: 20px;
    text-transform: none !important;
    font-weight: 700;
  }

  .alarme-ts-text {
    position: static;
    text-align: right;
    padding: 0;
    width: 300px;
    font-weight: 100;
    font-size: 14px;
  }
}

@media all and (min-width: 860px) and (max-width: 1023px) {
  .ts-contain {
    margin-left: 310px;
  }

  .tsText {
    margin-top: 0;
  }
}

@media all and (min-width: 768px) and (max-width: 859px) {
  .ts-contain {
    margin-left: 200px;
  }

  .tsText {
    margin-top: 0;
  }
}

@media all and (min-width: 768px) and (max-width: 1023px) {
  .offres-container {
    height: 1024px;
  }

  .picto-offre {
    max-width: 290px;
  }

  #form {
    width: 50%;
  }

  .information img {
    right: 240px;
  }

  .blocPack-info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 90%;
    margin: auto;
  }

  .pack {
    margin-left: 20px;
    width: 300px;
  }

  .picto-service {
    width: 200px;
  }

  .picto-img {
    width: 100px;
  }
  .all-services-btn {
    left: 40px;
  }

  .offres-container {
  }

  .offre-container-text-picto {
  }

  .ts-contain {
    width: 550px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 200px;
    padding-top: 30px;
    margin-bottom: 90px;
  }

  .tsText {
    margin-top: 0;
  }

  .alarme-ts-bloc {
    background: none;
    padding: 0;
  }

  .alarme-ts-title {
    text-align: right;
    font-size: 20px;
    text-transform: none !important;
    font-weight: 700;
  }

  .alarme-ts-text {
    position: static;
    text-align: right;
    padding: 0;
    width: 480px;
    font-weight: 100;
    font-size: 14px;
  }

  .video-ts .btn-video-ts {
    bottom: 56px;
    left: 540px;
    width: 160px;
  }
}

@media all and (min-width: 1024px) and (max-width: 1200px) {
  .all-services-container {
    width: 930px;
    margin: auto;
  }

  .all-services-btn {
    top: 0;
    left: 0;
  }
}

@media all and (max-width: 1024px) {
  #claim-desktop {
    text-align: left;
    font-weight: 600;
    color: #fff;
    font-size: 18px;
    text-shadow: 3px 3px 9px #3d3d3d;
    text-transform: uppercase;
  }
}

/* Macaron responsive mobile */
@media (max-width: 410px) {
  .macaron img {
    max-width: 70%;
    margin-top: 5px;
    left: 15%;
  }
}