/* Variables supplémentaire */
/*Fin des variables supplémentaires*/
/*! Generated by Live LESS Theme Customizer */
body {
  -webkit-font-smoothing: subpixel-antialiased;
  /*annule l'effet de font trop grasse sur MacOSX*/
  overflow-x: hidden;
  /*pour éviter le scroll horizontal sur windows en general quand on applique le slice-full-width*/
}
/*Permet de créer une zone "full width" avec un clock normalement contrain dans une largeur fixe*/
/*Nécessite un div avec class container à l'intérieur, sinon appliquer .container via less sur l'élément enfant*/
.slice-full-width {
  width: 100vw;
  margin-left: -50vw;
  left: 50%;
  position: relative;
}
.font-serif {
  font-family: "Georgia, " Times New Roman ", Times, serif";
}
.font-sans-serif {
  font-family: 'Open Sans', sans-serif;
}
.body-bg {
  background-color: #ffffff !important;
}
.well-bg {
  background-color: #f5f5f5 !important;
}
.bg-white {
  background-color: white;
}
.bg-light,
.bg-grey {
  background-color: #f1f1f1;
}
.bg-dark {
  background-color: #666666;
}
.bg-darker {
  background-color: #555555;
}
.bg-primary-light {
  background-color: #008db5;
}
.bg-primary-lighten {
  background-color: #00b4e8;
}
.bg-primary-dark {
  background-color: #003d4f;
}
.bg-primary-darker {
  background-color: #00161c;
}
.text-base {
  color: #333;
}
.text-white {
  color: white;
}
.text-light {
  color: #f1f1f1;
}
.text-dark {
  color: #666666;
}
.text-darker {
  color: #555555;
}
.text-primary-light {
  color: #008db5;
}
.text-primary-lighten {
  color: #00b4e8;
}
.text-primary-dark {
  color: #003d4f;
}
.text-primary-darker {
  color: #00161c;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.mw-100 {
  max-width: 100% !important;
}
.mh-100 {
  max-height: 100% !important;
}
.m-0 {
  margin: 0 !important;
}
.mt-0,
.my-0 {
  margin-top: 0 !important;
}
.mr-0,
.mx-0 {
  margin-right: 0 !important;
}
.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
  margin-left: 0 !important;
}
.m-1 {
  margin: 5px !important;
}
.mt-1,
.my-1 {
  margin-top: 5px !important;
}
.mr-1,
.mx-1 {
  margin-right: 5px !important;
}
.mb-1,
.my-1 {
  margin-bottom: 5px !important;
}
.ml-1,
.mx-1 {
  margin-left: 5px !important;
}
.m-2 {
  margin: 10px !important;
}
.mt-2,
.my-2 {
  margin-top: 10px !important;
}
.mr-2,
.mx-2 {
  margin-right: 10px !important;
}
.mb-2,
.my-2 {
  margin-bottom: 10px !important;
}
.ml-2,
.mx-2 {
  margin-left: 10px !important;
}
.m-3 {
  margin: 15px !important;
}
.mt-3,
.my-3 {
  margin-top: 15px !important;
}
.mr-3,
.mx-3 {
  margin-right: 15px !important;
}
.mb-3,
.my-3 {
  margin-bottom: 15px !important;
}
.ml-3,
.mx-3 {
  margin-left: 15px !important;
}
.m-4 {
  margin: 30px !important;
}
.mt-4,
.my-4 {
  margin-top: 30px !important;
}
.mr-4,
.mx-4 {
  margin-right: 30px !important;
}
.mb-4,
.my-4 {
  margin-bottom: 30px !important;
}
.ml-4,
.mx-4 {
  margin-left: 30px !important;
}
.m-5 {
  margin: 60px !important;
}
.mt-5,
.my-5 {
  margin-top: 60px !important;
}
.mr-5,
.mx-5 {
  margin-right: 60px !important;
}
.mb-5,
.my-5 {
  margin-bottom: 60px !important;
}
.ml-5,
.mx-5 {
  margin-left: 60px !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0,
.py-0 {
  padding-top: 0 !important;
}
.pr-0,
.px-0 {
  padding-right: 0 !important;
}
.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
  padding-left: 0 !important;
}
.p-1 {
  padding: 5px !important;
}
.pt-1,
.py-1 {
  padding-top: 5px !important;
}
.pr-1,
.px-1 {
  padding-right: 5px !important;
}
.pb-1,
.py-1 {
  padding-bottom: 5px !important;
}
.pl-1,
.px-1 {
  padding-left: 5px !important;
}
.p-2 {
  padding: 10px !important;
}
.pt-2,
.py-2 {
  padding-top: 10px !important;
}
.pr-2,
.px-2 {
  padding-right: 10px !important;
}
.pb-2,
.py-2 {
  padding-bottom: 10px !important;
}
.pl-2,
.px-2 {
  padding-left: 10px !important;
}
.p-3 {
  padding: 15px !important;
}
.pt-3,
.py-3 {
  padding-top: 15px !important;
}
.pr-3,
.px-3 {
  padding-right: 15px !important;
}
.pb-3,
.py-3 {
  padding-bottom: 15px !important;
}
.pl-3,
.px-3 {
  padding-left: 15px !important;
}
.p-4 {
  padding: 30px !important;
}
.pt-4,
.py-4 {
  padding-top: 30px !important;
}
.pr-4,
.px-4 {
  padding-right: 30px !important;
}
.pb-4,
.py-4 {
  padding-bottom: 30px !important;
}
.pl-4,
.px-4 {
  padding-left: 30px !important;
}
.p-5 {
  padding: 60px !important;
}
.pt-5,
.py-5 {
  padding-top: 60px !important;
}
.pr-5,
.px-5 {
  padding-right: 60px !important;
}
.pb-5,
.py-5 {
  padding-bottom: 60px !important;
}
.pl-5,
.px-5 {
  padding-left: 60px !important;
}
.m-auto {
  margin: auto !important;
}
.mt-auto,
.my-auto {
  margin-top: auto !important;
}
.mr-auto,
.mx-auto {
  margin-right: auto !important;
}
.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
  margin-left: auto !important;
}
@media (min-width: 480px) {
  .m-xs-0 {
    margin: 0 !important;
  }
  .mt-xs-0,
  .my-xs-0 {
    margin-top: 0 !important;
  }
  .mr-xs-0,
  .mx-xs-0 {
    margin-right: 0 !important;
  }
  .mb-xs-0,
  .my-xs-0 {
    margin-bottom: 0 !important;
  }
  .ml-xs-0,
  .mx-xs-0 {
    margin-left: 0 !important;
  }
  .m-xs-1 {
    margin: 5px !important;
  }
  .mt-xs-1,
  .my-xs-1 {
    margin-top: 5px !important;
  }
  .mr-xs-1,
  .mx-xs-1 {
    margin-right: 5px !important;
  }
  .mb-xs-1,
  .my-xs-1 {
    margin-bottom: 5px !important;
  }
  .ml-xs-1,
  .mx-xs-1 {
    margin-left: 5px !important;
  }
  .m-xs-2 {
    margin: 10px !important;
  }
  .mt-xs-2,
  .my-xs-2 {
    margin-top: 10px !important;
  }
  .mr-xs-2,
  .mx-xs-2 {
    margin-right: 10px !important;
  }
  .mb-xs-2,
  .my-xs-2 {
    margin-bottom: 10px !important;
  }
  .ml-xs-2,
  .mx-xs-2 {
    margin-left: 10px !important;
  }
  .m-xs-3 {
    margin: 15px !important;
  }
  .mt-xs-3,
  .my-xs-3 {
    margin-top: 15px !important;
  }
  .mr-xs-3,
  .mx-xs-3 {
    margin-right: 15px !important;
  }
  .mb-xs-3,
  .my-xs-3 {
    margin-bottom: 15px !important;
  }
  .ml-xs-3,
  .mx-xs-3 {
    margin-left: 15px !important;
  }
  .m-xs-4 {
    margin: 30px !important;
  }
  .mt-xs-4,
  .my-xs-4 {
    margin-top: 30px !important;
  }
  .mr-xs-4,
  .mx-xs-4 {
    margin-right: 30px !important;
  }
  .mb-xs-4,
  .my-xs-4 {
    margin-bottom: 30px !important;
  }
  .ml-xs-4,
  .mx-xs-4 {
    margin-left: 30px !important;
  }
  .m-xs-5 {
    margin: 60px !important;
  }
  .mt-xs-5,
  .my-xs-5 {
    margin-top: 60px !important;
  }
  .mr-xs-5,
  .mx-xs-5 {
    margin-right: 60px !important;
  }
  .mb-xs-5,
  .my-xs-5 {
    margin-bottom: 60px !important;
  }
  .ml-xs-5,
  .mx-xs-5 {
    margin-left: 60px !important;
  }
  .p-xs-0 {
    padding: 0 !important;
  }
  .pt-xs-0,
  .py-xs-0 {
    padding-top: 0 !important;
  }
  .pr-xs-0,
  .px-xs-0 {
    padding-right: 0 !important;
  }
  .pb-xs-0,
  .py-xs-0 {
    padding-bottom: 0 !important;
  }
  .pl-xs-0,
  .px-xs-0 {
    padding-left: 0 !important;
  }
  .p-xs-1 {
    padding: 5px !important;
  }
  .pt-xs-1,
  .py-xs-1 {
    padding-top: 5px !important;
  }
  .pr-xs-1,
  .px-xs-1 {
    padding-right: 5px !important;
  }
  .pb-xs-1,
  .py-xs-1 {
    padding-bottom: 5px !important;
  }
  .pl-xs-1,
  .px-xs-1 {
    padding-left: 5px !important;
  }
  .p-xs-2 {
    padding: 10px !important;
  }
  .pt-xs-2,
  .py-xs-2 {
    padding-top: 10px !important;
  }
  .pr-xs-2,
  .px-xs-2 {
    padding-right: 10px !important;
  }
  .pb-xs-2,
  .py-xs-2 {
    padding-bottom: 10px !important;
  }
  .pl-xs-2,
  .px-xs-2 {
    padding-left: 10px !important;
  }
  .p-xs-3 {
    padding: 15px !important;
  }
  .pt-xs-3,
  .py-xs-3 {
    padding-top: 15px !important;
  }
  .pr-xs-3,
  .px-xs-3 {
    padding-right: 15px !important;
  }
  .pb-xs-3,
  .py-xs-3 {
    padding-bottom: 15px !important;
  }
  .pl-xs-3,
  .px-xs-3 {
    padding-left: 15px !important;
  }
  .p-xs-4 {
    padding: 30px !important;
  }
  .pt-xs-4,
  .py-xs-4 {
    padding-top: 30px !important;
  }
  .pr-xs-4,
  .px-xs-4 {
    padding-right: 30px !important;
  }
  .pb-xs-4,
  .py-xs-4 {
    padding-bottom: 30px !important;
  }
  .pl-xs-4,
  .px-xs-4 {
    padding-left: 30px !important;
  }
  .p-xs-5 {
    padding: 60px !important;
  }
  .pt-xs-5,
  .py-xs-5 {
    padding-top: 60px !important;
  }
  .pr-xs-5,
  .px-xs-5 {
    padding-right: 60px !important;
  }
  .pb-xs-5,
  .py-xs-5 {
    padding-bottom: 60px !important;
  }
  .pl-xs-5,
  .px-xs-5 {
    padding-left: 60px !important;
  }
  .m-xs-auto {
    margin: auto !important;
  }
  .mt-xs-auto,
  .my-xs-auto {
    margin-top: auto !important;
  }
  .mr-xs-auto,
  .mx-xs-auto {
    margin-right: auto !important;
  }
  .mb-xs-auto,
  .my-xs-auto {
    margin-bottom: auto !important;
  }
  .ml-xs-auto,
  .mx-xs-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 5px !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 5px !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 5px !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 5px !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 5px !important;
  }
  .m-sm-2 {
    margin: 10px !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 10px !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 10px !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 10px !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 10px !important;
  }
  .m-sm-3 {
    margin: 15px !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 15px !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 15px !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 15px !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 15px !important;
  }
  .m-sm-4 {
    margin: 30px !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 30px !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 30px !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 30px !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 30px !important;
  }
  .m-sm-5 {
    margin: 60px !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 60px !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 60px !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 60px !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 60px !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 5px !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 5px !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 5px !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 5px !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 5px !important;
  }
  .p-sm-2 {
    padding: 10px !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 10px !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 10px !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 10px !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 10px !important;
  }
  .p-sm-3 {
    padding: 15px !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 15px !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 15px !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 15px !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 15px !important;
  }
  .p-sm-4 {
    padding: 30px !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 30px !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 30px !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 30px !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 30px !important;
  }
  .p-sm-5 {
    padding: 60px !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 60px !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 60px !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 60px !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 60px !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 5px !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 5px !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 5px !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 5px !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 5px !important;
  }
  .m-md-2 {
    margin: 10px !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 10px !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 10px !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 10px !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 10px !important;
  }
  .m-md-3 {
    margin: 15px !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 15px !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 15px !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 15px !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 15px !important;
  }
  .m-md-4 {
    margin: 30px !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 30px !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 30px !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 30px !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 30px !important;
  }
  .m-md-5 {
    margin: 60px !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 60px !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 60px !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 60px !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 60px !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 5px !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 5px !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 5px !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 5px !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 5px !important;
  }
  .p-md-2 {
    padding: 10px !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 10px !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 10px !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 10px !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 10px !important;
  }
  .p-md-3 {
    padding: 15px !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 15px !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 15px !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 15px !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 15px !important;
  }
  .p-md-4 {
    padding: 30px !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 30px !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 30px !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 30px !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 30px !important;
  }
  .p-md-5 {
    padding: 60px !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 60px !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 60px !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 60px !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 60px !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 5px !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 5px !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 5px !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 5px !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 5px !important;
  }
  .m-lg-2 {
    margin: 10px !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 10px !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 10px !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 10px !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 10px !important;
  }
  .m-lg-3 {
    margin: 15px !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 15px !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 15px !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 15px !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 15px !important;
  }
  .m-lg-4 {
    margin: 30px !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 30px !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 30px !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 30px !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 30px !important;
  }
  .m-lg-5 {
    margin: 60px !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 60px !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 60px !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 60px !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 60px !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 5px !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 5px !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 5px !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 5px !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 5px !important;
  }
  .p-lg-2 {
    padding: 10px !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 10px !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 10px !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 10px !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 10px !important;
  }
  .p-lg-3 {
    padding: 15px !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 15px !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 15px !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 15px !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 15px !important;
  }
  .p-lg-4 {
    padding: 30px !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 30px !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 30px !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 30px !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 30px !important;
  }
  .p-lg-5 {
    padding: 60px !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 60px !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 60px !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 60px !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 60px !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
.btn {
  white-space: pre-wrap;
}
.btn:active {
  box-shadow: none;
}
.btn-white {
  color: #006582;
  background-color: white;
  background-image: none;
  border-color: white;
}
.btn-outline-white {
  color: white;
  background-color: transparent;
  background-image: none;
  border-color: white;
}
.btn-outline-white:hover,
.btn-outline-white:focus {
  color: #006582;
  background-color: white;
}
.btn-default-arrow {
  border-color: #006582;
  padding: 10px 20px;
}
.btn-default-arrow:after {
  display: inline-block;
  content: "\f054";
  font-family: FontAwesome;
  margin-left: 10px;
}
.btn-default-arrow:focus,
.btn-default-arrow:hover {
  color: #ffffff;
  background-color: #006582;
}
.v-centered {
  position: absolute !important;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.v-bottomed {
  position: absolute !important;
  width: 100%;
  left: 0;
  bottom: 0;
}
.title-underLine {
  margin-bottom: 0.7em;
  width: 100%;
  position: relative;
}
.title-underLine:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -15px;
  border-bottom: 4px solid #006582;
  width: 80px;
}
.title-underLine.title-underLine-center:before {
  left: 50%;
  transform: translateX(-50%);
}
.title-underLine.title-underLine-white:before {
  border-bottom: 4px solid #ffffff;
}
.media-wysiwyg-align-left .img-responsive,
.media-wysiwyg-align-center .img-responsive,
.media-wysiwyg-align-right .img-responsive {
  display: inline-block;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
dbreadcrumb-wrapperetails,
embed,
figure,
figcaption,
footer,
topContent,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  text-transform: uppercase;
  line-height: 1.2em;
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.row-eq-height > div + div {
  padding-bottom: 60px;
}
.row-eq-height .btn {
  bottom: 0;
  position: absolute;
  min-width: 200px;
}
input.error {
  color: #888888;
}
/* GESTION BARRE ADMIN */
body.admin-menu.navbar-is-fixed-top {
  padding-top: 338px !important;
}
html body.admin-menu {
  margin-top: 53 !important;
}
body.admin-menu .navbar-fixed-top {
  top: 77px;
  position: fixed;
}
@media (min-width: 768px) {
  body.admin-menu.navbar-is-fixed-top {
    padding-top: 195px !important;
  }
  html body.admin-menu {
    margin-top: 53 !important;
  }
  body.admin-menu .navbar-fixed-top {
    top: 53px;
  }
}
@media (min-width: 992px) {
  body.admin-menu.navbar-is-fixed-top {
    padding-top: 170px !important;
  }
  html body.admin-menu {
    margin-top: 29 !important;
  }
  body.admin-menu .navbar-fixed-top {
    top: 29px;
  }
}
@media (max-width: 767px) {
  breadcrumb-wrapper body.navbar-is-fixed-top {
    padding-top: 0 !important;
  }
  breadcrumb-wrapper body.navbar-is-fixed-top.logged-in {
    padding-top: 75px !important;
  }
}
body a:hover {
  text-decoration: none;
}
@media (max-width: 767px) {
  body .navbar-fixed-top {
    position: static;
  }
}
body #navbar {
  background-color: white;
  border-bottom: none;
}
body #navbar.navbar {
  margin-bottom: 0;
}
body #navbar .region-top-seo {
  background: #0f6380;
  color: white;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 767px) {
  body #navbar .region-top-seo {
    display: none;
  }
}
body #navbar .region-top-seo h1 {
  color: white;
  font-size: 15px;
  margin: 0;
  font-family: 'Open Sans', sans-serif;
}
@media (max-width: 767px) {
  body #navbar .region-top-seo h1 {
    font-size: 11px;
  }
}
body #navbar .region-top-seo > .block {
  padding: 10px 0;
}
body .btn-plus {
  border: 1px solid #006582;
  padding: 10px 25px;
}
body .btn-plus a:before {
  content: '+';
  display: inline-block;
  height: 1rem;
  margin-right: 1rem;
  width: 1rem;
}
body .btn-plus:hover {
  background: #006582;
  color: white;
}
body .btn-plus:hover a {
  color: white;
}
body .btn-blue_arrow {
  background: #006582;
  color: white;
}
body .btn-blue_arrow:after {
  display: inline-block;
  content: "\f054";
  font-family: FontAwesome;
  margin-left: 10px;
}
body .btn-blue_arrow:hover,
body .btn-blue_arrow:focus {
  color: white;
}
body .btn-blue_linkedin {
  background: #006582;
  color: white;
}
body .btn-blue_linkedin:after {
  display: inline-block;
  content: "\f0e1";
  font-family: FontAwesome;
  margin-left: 10px;
}
body .btn-blue_linkedin:hover,
body .btn-blue_linkedin:focus {
  color: white;
}
@media (max-width: 767px) {
  body .btn-blue_linkedin {
    white-space: normal;
  }
  body .btn-blue_linkedin span {
    display: inline;
  }
}
header .dropdown-menu {
  min-width: auto;
}
header .dropdown-menu .country-name {
  display: none;
}
#navigation-wrapper {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 100%;
  text-align: right;
}
@media (min-width: 992px) {
  #navigation-wrapper {
    width: 85%;
  }
}
@media (min-width: 1200px) {
  #navigation-wrapper {
    width: 81%;
  }
}
#navigation-wrapper .block {
  display: block;
  width: 100%;
  margin: 0 0 10px 0;
  text-align: center;
  /*&#block-menu-menu-country-menu {
      .dropdown-toggle {
        display: none;
      }
      }*/
}
@media (min-width: 768px) {
  #navigation-wrapper .block {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
}
#navigation-wrapper .block .nolink {
  display: none;
}
#navigation-wrapper #block-block-55 a {
  background-color: #003d4f;
  color: #ffffff;
  text-transform: uppercase;
  padding: 8px 10px;
  display: block;
  font-weight: bold;
  font-size: 14px;
  -webkit-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
}
@media (min-width: 768px) {
  #navigation-wrapper #block-block-55 a {
    padding: 10px;
  }
}
@media (min-width: 992px) {
  #navigation-wrapper #block-block-55 a {
    padding: 8px 10px;
  }
}
@media (min-width: 768px) {
  #navigation-wrapper #block-block-55 a {
    font-size: 11px;
  }
}
@media (min-width: 992px) {
  #navigation-wrapper #block-block-55 a {
    font-size: 14px;
  }
}
#navigation-wrapper #block-block-55 a img {
  margin-right: 15px;
}
@media (min-width: 768px) {
  #navigation-wrapper #block-block-55 a img {
    height: 20px;
    width: auto;
    margin-right: 10px;
  }
}
@media (min-width: 992px) {
  #navigation-wrapper #block-block-55 a img {
    height: 24px;
    margin-right: 15px;
  }
}
#navigation-wrapper #block-block-55 a:hover,
#navigation-wrapper #block-block-55 a:focus {
  background-color: #006582;
}
@media (min-width: 768px) {
  #navigation-wrapper .contact-header-block {
    margin-left: 5px;
    margin-right: 5px;
  }
}
#navigation-wrapper .contact-header-block .btn-contact {
  background-color: #0f8549;
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: -0.5px;
  padding: 10px;
  line-height: 20px;
  display: block;
  font-size: 13px;
}
@media (min-width: 768px) {
  #navigation-wrapper .contact-header-block .btn-contact {
    font-size: 11px;
  }
}
@media (min-width: 992px) {
  #navigation-wrapper .contact-header-block .btn-contact {
    font-size: 13px;
  }
}
#navigation-wrapper .contact-header-block .btn-contact:hover,
#navigation-wrapper .contact-header-block .btn-contact:focus {
  background-color: #0a5730;
}
#navigation-wrapper #block-block-19 p a {
  display: block;
}
#navigation-wrapper #block-block-19 p a .green-card {
  background-color: #0f8549;
  display: inline-block;
  letter-spacing: -0.5px;
  padding: 5px 5px 5px 8px;
  font-family: sans-serif;
}
#navigation-wrapper #block-block-19 p a .green-card .green-text {
  color: #FFFFFF;
  display: inline-block;
  font-size: 13px;
  line-height: 20px;
}
@media (min-width: 768px) {
  #navigation-wrapper #block-block-19 p a .green-card .green-text {
    font-size: 11px;
  }
}
@media (min-width: 992px) {
  #navigation-wrapper #block-block-19 p a .green-card .green-text {
    font-size: 13px;
  }
}
#navigation-wrapper #block-block-19 p a .green-card .green-num {
  font-size: 15px;
  color: #0f8549;
  background-color: white;
  padding: 5px;
  display: inline-block;
  margin-left: 5px;
  font-weight: bold;
  line-height: 20px;
}
@media (min-width: 768px) {
  #navigation-wrapper #block-block-19 p a .green-card .green-num {
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  #navigation-wrapper #block-block-19 p a .green-card .green-num {
    font-size: 15px;
  }
}
#navigation-wrapper #block-block-19 p a:hover .green-card,
#navigation-wrapper #block-block-19 p a:focus .green-card {
  background-color: #0a5730;
}
#navigation-wrapper #block-block-19 p a:hover .green-card .green-num,
#navigation-wrapper #block-block-19 p a:focus .green-card .green-num {
  color: #0a5730;
}
#navigation-wrapper #block-menu-menu-top-menu ul li.first {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  #navigation-wrapper #block-menu-menu-top-menu ul li.first {
    margin-bottom: 0;
  }
}
#navigation-wrapper .cta-quote {
  margin-left: 0;
  margin-top: -15px;
  background-color: #0f8549;
  padding: 13px 14px 10px 14px;
  color: #ffffff;
  width: 240px;
  height: 129px;
}
#navigation-wrapper .cta-quote .cta-quote-first-line {
  margin: -5px 0 5px 0;
  color: #FFFFFF;
  font-size: 0.85em;
}
#navigation-wrapper .cta-quote .h6 {
  margin-top: 0;
  text-transform: uppercase;
  color: #ffffff;
}
#navigation-wrapper .cta-quote a.btn,
#navigation-wrapper .cta-quote a.btn.active {
  background: #FFFFFF;
  border-color: #FFFFFF;
  box-shadow: none;
  color: #0f8549;
  display: block;
  padding: 14px 10px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: 'Roboto', sans-serif;
  padding: 10px;
  font-size: 11px;
  margin-bottom: 0;
  font-size: 13px;
}
#navigation-wrapper .cta-quote a.btn:hover,
#navigation-wrapper .cta-quote a.btn.active:hover {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  color: #0a5730;
}
#navbar {
  background: transparent;
  border: none;
}
#navbar.container {
  margin: -40px auto 0 auto;
}
#navbar .container .navbar-header {
  padding: 15px 0;
}
@media (min-width: 768px) {
  #navbar .container .navbar-header {
    padding: 25px 0 0 0;
  }
}
@media (min-width: 992px) {
  #navbar .container .navbar-header {
    padding: 15px 0;
  }
}
#navbar .container .navbar-header .logo {
  position: relative;
  z-index: 1;
}
#navbar .container .navbar-header .logo img {
  height: auto;
  width: 120px;
}
@media (min-width: 992px) {
  #navbar .container .navbar-header .logo img {
    width: 170px;
  }
}
@media (min-width: 1200px) {
  #navbar .container .navbar-header .logo img {
    width: 190px;
  }
}
@media (max-width: 767px) {
  #navbar .container:before {
    display: block;
    content: "";
    border-top: 1px solid #0f6380;
    position: absolute;
    left: 0;
    right: 0;
    top: 90px;
  }
}
#navbar.navbar-default .navbar-toggle {
  background-color: transparent;
  margin-top: 18px;
  padding: 9px 0;
}
#navbar.navbar-default .navbar-toggle .icon-bar {
  background-color: #0f6380;
  height: 4px;
  width: 30px;
}
#navbar #main-navigation.navbar-collapse {
  border-top: none;
  margin-top: 85px;
}
@media (max-width: 767px) {
  #navbar #main-navigation.navbar-collapse {
    position: absolute;
    left: 15px;
    right: 15px;
    z-index: 2;
    margin-top: -60px;
  }
}
#navbar #main-navigation.navbar-collapse ul:not(.contextual-links) {
  margin-top: 0;
  margin-bottom: 0;
}
#navbar #main-navigation.navbar-collapse ul:not(.contextual-links) li {
  /*&.last  {
          a {
            background-color: #0f8549;
            border-color: #0f8549;
            color: white;
            @media (min-width: @screen-sm-min) { 
              margin-left:5px;
            }
          }
          .dropdown-menu {
            left: auto;
            right: -1px;
          }
        }*/
}
#navbar #main-navigation.navbar-collapse ul:not(.contextual-links) li a {
  border-top: 1px solid #006582;
  background: white;
  color: #006582;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  padding: 14px 15px;
}
@media (min-width: 768px) {
  #navbar #main-navigation.navbar-collapse ul:not(.contextual-links) li a {
    padding: 10px 11px;
    font-size: 11px;
    line-height: 18px;
  }
}
@media (min-width: 992px) {
  #navbar #main-navigation.navbar-collapse ul:not(.contextual-links) li a {
    padding: 10px 11px;
    font-size: 15px;
    line-height: 20px;
  }
}
@media (min-width: 1200px) {
  #navbar #main-navigation.navbar-collapse ul:not(.contextual-links) li a {
    padding: 14px 15px;
  }
}
#navbar #main-navigation.navbar-collapse ul:not(.contextual-links) li a:hover,
#navbar #main-navigation.navbar-collapse ul:not(.contextual-links) li a:focus,
#navbar #main-navigation.navbar-collapse ul:not(.contextual-links) li a.active {
  background: #0f6380;
  color: white;
}
#navbar #main-navigation.navbar-collapse ul:not(.contextual-links) li .dropdown-menu {
  padding: 0;
  left: -1px;
  /*.last a {
            background:white;
            color:@brand-primary;
            border-color: @brand-primary;
            @media (min-width: @screen-md-min) { 
              margin-left: 0;
            }
          }*/
}
@media (max-width: 767px) {
  #navbar #main-navigation.navbar-collapse ul:not(.contextual-links) li .dropdown-menu {
    position: relative;
    width: 100%;
    left: 0;
    border: none;
    float: none;
    box-shadow: none;
  }
}
#navbar #main-navigation.navbar-collapse ul:not(.contextual-links) li:hover .dropdown-menu {
  display: block;
}
#navbar #main-navigation.navbar-collapse ul:not(.contextual-links) li:hover .dropdown-menu a {
  border-top: none;
}
#navbar #main-navigation.navbar-collapse ul:not(.contextual-links) li:hover .dropdown-menu .first a {
  border-top: 1px solid #006582;
}
#navbar .callback-form-trigger,
#navbar .callback-form-trigger:hover {
  background: #2db46f;
  color: white;
  display: block;
  padding: 14px 10px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: 'Roboto', sans-serif;
}
@media (min-width: 768px) {
  #navbar .callback-form-trigger,
  #navbar .callback-form-trigger:hover {
    padding: 10px;
    font-size: 11px;
  }
}
@media (min-width: 992px) {
  #navbar .callback-form-trigger,
  #navbar .callback-form-trigger:hover {
    font-size: 13px;
  }
}
@media (min-width: 768px) {
  #navbar #navigation-wrapper .block-menu.inline-menu ul:not(.contextual-links) li {
    display: inline-block;
  }
  #navbar #navigation-wrapper .block-menu.inline-menu ul:not(.contextual-links) li .btn {
    font-size: 13px;
  }
}
#navbar #navigation-wrapper #block-search-api-page-default-node-index {
  height: 40px;
  border-bottom: 1px solid #006582;
  margin-left: 0;
  background-color: #ffffff;
  position: absolute;
  display: none;
}
@media (min-width: 768px) {
  #navbar #navigation-wrapper #block-search-api-page-default-node-index {
    position: relative;
    display: inline-block !important;
  }
}
#navbar #navigation-wrapper #block-search-api-page-default-node-index input {
  width: 82%;
  border: none;
  color: #006582;
  height: 39px;
}
@media (min-width: 768px) {
  #navbar #navigation-wrapper #block-search-api-page-default-node-index input {
    width: 131px;
    font-size: 13px;
  }
}
@media (min-width: 992px) {
  #navbar #navigation-wrapper #block-search-api-page-default-node-index input {
    width: auto;
    min-width: 179px;
    font-size: 15px;
  }
}
@media (min-width: 1200px) {
  #navbar #navigation-wrapper #block-search-api-page-default-node-index input {
    min-width: 234px;
  }
}
#navbar #navigation-wrapper #block-search-api-page-default-node-index .form-submit {
  background-color: transparent;
  padding: 0;
  border: none;
  color: #006582;
  height: 39px;
  width: 14%;
  overflow: hidden;
  text-indent: -5000px;
  position: relative;
}
@media (min-width: 768px) {
  #navbar #navigation-wrapper #block-search-api-page-default-node-index .form-submit {
    width: 30px;
  }
}
@media (min-width: 992px) {
  #navbar #navigation-wrapper #block-search-api-page-default-node-index .form-submit {
    width: 39px;
  }
}
#navbar #navigation-wrapper #block-search-api-page-default-node-index .form-submit:after {
  content: "\f002";
  display: inline-block;
  font-family: FontAwesome;
  position: absolute;
  right: 15px;
  text-indent: 0;
}
@media (min-width: 768px) {
  #navbar #navigation-wrapper #block-search-api-page-default-node-index .form-submit:after {
    right: 0;
  }
}
#navbar #navigation-wrapper #block-search-api-page-default-node-index #autocomplete {
  border: 1px solid #006582;
  padding: 5px;
  background: white;
  min-width: 250px;
  text-align: left;
}
#navbar #navigation-wrapper #block-search-api-page-default-node-index #autocomplete li {
  white-space: normal;
  margin-bottom: 5px;
  font-size: 13px;
}
@media (min-width: 768px) {
  /* TABLET */
  body #navbar.container {
    margin: -57px auto 0 auto;
  }
  body #navbar .region-top-seo {
    padding-left: 50px;
    padding-right: 50px;
  }
  body #navbar .container {
    padding: 17px 0;
  }
  body #navbar .navbar-collapse ul {
    border-left: 1px solid #0f6380;
    border-bottom: none;
  }
  body #navbar .navbar-collapse ul a {
    border: 1px solid #0f6380;
    border-left: none;
  }
}
/* ALL */
.main-container {
  position: relative;
}
.main-container h2 {
  font-size: 23px;
}
@media (min-width: 768px) {
  .main-container h2 {
    font-size: 37px;
  }
}
@media (max-width: 767px) {
  .main-container > .row {
    margin-left: 0;
    margin-right: 0;
  }
}
.main-container .views-field-title {
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
}
.block.no-padding {
  padding: 0 !important;
}
.heading-image {
  position: relative;
  background-size: cover;
  -webkit-background-size: cover;
  /* pour anciens Chrome et Safari */
  background-position: 50% 25%;
  height: 300px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .heading-image {
    height: 50vh;
    min-height: 370px;
  }
}
.heading-image:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
#block-views-d-tails-r-alisations-block h2,
#block-views-d-tails-r-alisations-block-1 h2,
#block-views-realisations-block-2 h2,
#block-views-realisations-block-3 h2,
#block-views-occasions-page-formulaire-block h2 {
  font-weight: normal;
  padding: 0;
  margin: 50px 0 20px 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 20px;
}
@media (min-width: 768px) {
  #block-views-d-tails-r-alisations-block h2,
  #block-views-d-tails-r-alisations-block-1 h2,
  #block-views-realisations-block-2 h2,
  #block-views-realisations-block-3 h2,
  #block-views-occasions-page-formulaire-block h2 {
    font-size: 36px;
    margin: 50px 0 40px 0;
  }
}
#block-views-d-tails-r-alisations-block .view.teaser-list .views-row,
#block-views-d-tails-r-alisations-block-1 .view.teaser-list .views-row,
#block-views-realisations-block-2 .view.teaser-list .views-row,
#block-views-realisations-block-3 .view.teaser-list .views-row,
#block-views-occasions-page-formulaire-block .view.teaser-list .views-row {
  background: transparent;
  padding: 0 20px;
}
@media (max-width: 767px) {
  #block-views-d-tails-r-alisations-block .view.teaser-list .views-row,
  #block-views-d-tails-r-alisations-block-1 .view.teaser-list .views-row,
  #block-views-realisations-block-2 .view.teaser-list .views-row,
  #block-views-realisations-block-3 .view.teaser-list .views-row,
  #block-views-occasions-page-formulaire-block .view.teaser-list .views-row {
    margin-left: 15px;
    margin-right: 15px;
  }
}
#block-views-d-tails-r-alisations-block .view.teaser-list .views-row .views-field-nothing,
#block-views-d-tails-r-alisations-block-1 .view.teaser-list .views-row .views-field-nothing,
#block-views-realisations-block-2 .view.teaser-list .views-row .views-field-nothing,
#block-views-realisations-block-3 .view.teaser-list .views-row .views-field-nothing,
#block-views-occasions-page-formulaire-block .view.teaser-list .views-row .views-field-nothing {
  margin: 20px;
  background: #fff;
  padding: 10px;
  margin: 0;
  min-height: 260px;
}
@media (max-width: 767px) {
  #block-views-d-tails-r-alisations-block .view.teaser-list .views-row .views-field-nothing .row,
  #block-views-d-tails-r-alisations-block-1 .view.teaser-list .views-row .views-field-nothing .row,
  #block-views-realisations-block-2 .view.teaser-list .views-row .views-field-nothing .row,
  #block-views-realisations-block-3 .view.teaser-list .views-row .views-field-nothing .row,
  #block-views-occasions-page-formulaire-block .view.teaser-list .views-row .views-field-nothing .row {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  #block-views-d-tails-r-alisations-block {
    padding: 0 15px;
  }
}
#block-views-services-block-1 h2 {
  text-transform: uppercase;
  text-align: center;
  margin: 60px 0 20px 0;
  font-size: 20px;
  font-weight: normal;
}
@media (min-width: 768px) {
  #block-views-services-block-1 h2 {
    font-size: 36px;
    margin: 60px 0 40px 0;
  }
}
#block-views-realisations-block-2 {
  padding-bottom: 30px;
}
#block-views-occasions-page-formulaire-block {
  display: inline-block;
}
.not-front .breadcrumb-wrapper {
  position: relative;
  font-size: 12px;
}
@media (min-width: 768px) {
  .not-front .breadcrumb-wrapper {
    margin-top: -180px;
  }
}
.not-front .breadcrumb-wrapper .breadcrumb {
  background: white;
  display: inline-block;
  margin: 0;
  padding: 5px 30px;
}
.not-front .breadcrumb-wrapper a {
  color: #818285;
  font-size: 12px;
}
.not-front .breadcrumb-wrapper .last a {
  color: black;
}
.not-front .breadcrumb-wrapper span {
  margin-right: 5px;
}
.not-front .main-container {
  background: #ffffff;
  padding: 10px 15px;
  /*
    .region-after-title {
      margin-bottom:20px;
      //text-align: center;
      @media (min-width: @screen-sm-min) {
        margin-bottom:50px;
      }
    }
    */
}
.not-front .main-container h1 {
  border: 0;
  font-size: 22px;
  margin-bottom: 15px;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .not-front .main-container h1 {
    font-size: 35px;
    margin-bottom: 40px;
  }
}
.not-front .main-container h3 {
  font-size: 20px;
}
@media (min-width: 768px) {
  .not-front .main-container h3 {
    font-size: 23px;
  }
}
.not-front .region-heading,
.not-front.no-sidebars .region-heading {
  text-align: center;
  color: #ffffff;
}
@media (min-width: 768px) {
  .not-front .region-heading,
  .not-front.no-sidebars .region-heading {
    text-align: left;
  }
}
.not-front .region-heading h1,
.not-front.no-sidebars .region-heading h1,
.not-front .region-heading .h1,
.not-front.no-sidebars .region-heading .h1 {
  font-size: 22px;
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
}
@media (min-width: 768px) {
  .not-front .region-heading h1,
  .not-front.no-sidebars .region-heading h1,
  .not-front .region-heading .h1,
  .not-front.no-sidebars .region-heading .h1 {
    font-size: 38px;
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .not-front .region-heading h1,
  .not-front.no-sidebars .region-heading h1,
  .not-front .region-heading .h1,
  .not-front.no-sidebars .region-heading .h1 {
    font-size: 48px;
  }
}
@media (min-width: 768px) and (max-height: 850px) {
  .not-front .region-heading h1,
  .not-front.no-sidebars .region-heading h1,
  .not-front .region-heading .h1,
  .not-front.no-sidebars .region-heading .h1 {
    font-size: 38px;
  }
}
.not-front .region-heading p,
.not-front.no-sidebars .region-heading p {
  font-size: 15px;
}
@media (min-width: 768px) {
  .not-front .region-heading p,
  .not-front.no-sidebars .region-heading p {
    font-size: 20px;
    line-height: 1.2;
  }
}
@media (min-width: 1200px) {
  .not-front .region-heading p,
  .not-front.no-sidebars .region-heading p {
    font-size: 26px;
  }
}
@media (min-width: 768px) and (max-height: 850px) {
  .not-front .region-heading p,
  .not-front.no-sidebars .region-heading p {
    font-size: 20px;
  }
}
.not-front.no-sidebars .h1 {
  font-size: 37px;
}
@media (min-width: 768px) {
  .not-front.no-sidebars .h1 {
    font-size: 45px;
  }
}
.not-front.no-sidebars .h2 {
  font-size: 23px;
}
@media (min-width: 768px) {
  .not-front.no-sidebars .h2 {
    font-size: 37px;
  }
}
.not-front.no-sidebars .h3 {
  font-size: 20px;
}
@media (min-width: 768px) {
  .not-front.no-sidebars .h3 {
    font-size: 23px;
  }
}
.not-front.no-sidebars .h4 {
  font-size: 18px;
}
@media (min-width: 768px) {
  .not-front.no-sidebars .h4 {
    font-size: 20px;
  }
}
.not-front.no-sidebars h1 {
  font-size: 22px;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .not-front.no-sidebars h1 {
    font-size: 35px;
  }
}
.not-front.no-sidebars h3 {
  font-size: 20px;
}
@media (min-width: 768px) {
  .not-front.no-sidebars h3 {
    font-size: 23px;
  }
}
.not-front.no-sidebars article {
  /* BODY */
  /* /BODY */
}
.not-front.no-sidebars article .field {
  padding: 30px 0 15px 0;
}
@media (min-width: 768px) {
  .not-front.no-sidebars article .field {
    padding: 30px 0;
  }
}
.not-front.no-sidebars article .field-type-image {
  padding: 0;
}
.not-front.no-sidebars article .field-name-body {
  background: white;
  text-align: left;
  display: inline-block;
  width: 100%;
  padding-top: 0;
}
.not-front.no-sidebars article .row {
  /*margin-bottom: 50px;*/
}
.not-front.no-sidebars article .row h2 {
  color: black;
  font-size: 18px;
  margin: 0 0 30px 0;
  text-transform: uppercase;
}
.not-front.no-sidebars article .field-name-field-introduction,
.not-front.no-sidebars article .field-name-field-texte-seo {
  padding: 30px;
  text-align: center;
}
.not-front.no-sidebars article .field:last-child {
  padding-bottom: 0;
}
.not-front.no-sidebars .horizontal-tabs-pane {
  box-shadow: none;
  margin-bottom: 0;
}
.not-front.no-sidebars .field-name-field-diaporama .field-slideshow-wrapper,
.not-front.no-sidebars .field-name-field-plans .field-slideshow-wrapper {
  position: relative;
}
.not-front.no-sidebars .field-name-field-diaporama .field-slideshow-slide,
.not-front.no-sidebars .field-name-field-plans .field-slideshow-slide,
.not-front.no-sidebars .field-name-field-diaporama .field-slideshow-slide img,
.not-front.no-sidebars .field-name-field-plans .field-slideshow-slide img {
  height: auto !important;
  width: 100% !important;
}
.not-front.no-sidebars .field-name-field-diaporama .field-slideshow-pager,
.not-front.no-sidebars .field-name-field-plans .field-slideshow-pager {
  bottom: 17px;
  line-height: 10px;
  position: absolute;
  right: 15px;
  z-index: 100;
}
.not-front.no-sidebars .field-name-field-diaporama a,
.not-front.no-sidebars .field-name-field-plans a {
  border: 1px solid white;
  display: inline-block;
  height: 7px;
  margin-left: 5px;
  overflow: hidden;
  text-indent: -500px;
  width: 7px;
}
.not-front.no-sidebars .field-name-field-diaporama a.activeSlide,
.not-front.no-sidebars .field-name-field-plans a.activeSlide {
  background: white;
}
.not-front.no-sidebars .field-name-field-plans a {
  border: 1px solid #006582;
}
.not-front.no-sidebars .field-name-field-plans a.activeSlide {
  background: #006582;
}
.not-front.no-sidebars .overlay-white {
  position: relative;
}
.not-front.no-sidebars .overlay-white * {
  position: relative;
}
.not-front.no-sidebars .overlay-white:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
.not-front.no-sidebars .overlay-white h3,
.not-front.no-sidebars .overlay-white .h3 {
  color: #333;
  width: 80%;
}
.not-front.no-sidebars .overlay-white h3 a,
.not-front.no-sidebars .overlay-white .h3 a {
  color: #333;
}
.not-front.no-sidebars .overlay-dark:not(.heading-image) {
  position: relative;
}
.not-front.no-sidebars .overlay-dark:not(.heading-image) * {
  position: relative;
}
.not-front.no-sidebars .overlay-dark:not(.heading-image):before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(24, 24, 24, 0.8);
}
.not-front.no-sidebars .overlay-dark:not(.heading-image) h3,
.not-front.no-sidebars .overlay-dark:not(.heading-image) .h3 {
  color: #ffffff;
  width: 80%;
}
.not-front.no-sidebars .overlay-dark:not(.heading-image) h3 a,
.not-front.no-sidebars .overlay-dark:not(.heading-image) .h3 a {
  color: #ffffff;
}
.region-bottom .block.push-services {
  margin: 60px 0;
  width: 100%;
  float: left;
  text-align: center;
}
@media (min-width: 768px) {
  .region-bottom .block.push-services {
    width: auto;
    margin: 60px 15px;
  }
}
.region-bottom .block.push-services .block-title {
  font-size: 20px;
  margin: 0 0 20px 0;
  text-transform: uppercase;
}
.region-bottom .block.push-services .block-title a {
  color: black;
}
@media (min-width: 768px) {
  .region-bottom .block.push-services .block-title {
    font-size: 36px;
    margin: 0 0 50px 0;
  }
}
.region-bottom .block.push-services img {
  height: auto;
  margin-bottom: 20px;
  width: 100%;
}
.region-bottom .block.push-services img:last-child {
  margin: 0;
}
.region-bottom .block.push-services .row div {
  margin-bottom: 15px;
  height: 180px;
  overflow: hidden;
  position: relative;
  text-align: center;
}
@media (min-width: 768px) {
  .region-bottom .block.push-services .row div {
    height: auto;
    margin-bottom: 0;
  }
}
.region-bottom .block.push-services .row div.more {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  height: auto;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .region-bottom .block.push-services .row div.more {
    bottom: 30px;
  }
}
.region-bottom .block.push-services .row div.more .btn-default {
  color: white;
  border: 1px solid #fff;
}
.region-bottom .block.push-services .row div h3 {
  text-transform: uppercase;
  color: white;
  position: absolute;
  top: 18px;
  left: 33px;
  right: 33px;
  font-size: 20px;
  font-weight: 600;
  margin: 0;
  padding: 25px 10px;
  text-align: center;
}
@media (min-width: 768px) {
  .region-bottom .block.push-services .row div h3 {
    text-align: right;
    right: auto;
  }
  .region-bottom .block.push-services .row div h3 span:before {
    display: inline-block;
    content: "-";
  }
  .region-bottom .block.push-services .row div h3 span.block {
    display: block;
  }
  .region-bottom .block.push-services .row div h3 span.block:before {
    content: "";
  }
}
.region-bottom .block.push-services .row div h3:before {
  display: block;
  content: "";
  background: url("../img/crochet-haut.png") no-repeat;
  width: 11px;
  height: 12px;
  position: absolute;
  right: 0;
  top: 0;
}
.region-bottom .block.push-services .row div h3:after {
  display: block;
  content: "";
  background: url("../img/crochet-bas.png") no-repeat;
  width: 11px;
  height: 12px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.region-bottom .block.push-services .row div.bloc-360-1 .btn:hover {
  background-color: #d39f3c;
}
.region-bottom .block.push-services .row div.bloc-360-2 .btn:hover {
  background-color: #2b8e5a;
}
.region-bottom .block.push-services .row div.bloc-360-3 .btn:hover {
  background-color: #ac1004;
}
.region-bottom-second #block-views-seo-text-block {
  text-align: justify;
}
#pre-bottom {
  margin: 30px 0;
  padding: 30px 0;
  background: url('/sites/all/themes/algeco/img/pre-bottom-bg-default.jpg') scroll no-repeat center center transparent;
  background-size: cover;
}
#pre-bottom .block {
  margin: 15px 0;
}
#pre-bottom .block .block-content {
  background-color: #f1f1f1;
  padding: 20px 15px;
}
/* FOOTER */
#footer-links {
  background: #00465f;
  display: block;
  padding: 30px 0;
  color: #fff;
  /**/
  /**/
  /* Block newsletter MAILCHIMP */
  /**/
  /**/
  /* Block newsletter non mailchimp */
}
#footer-links .h2 {
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 900;
  margin-top: 0;
}
#footer-links .acces-rapide {
  margin-top: 10px;
  margin-bottom: 20px;
}
#footer-links .acces-rapide ul {
  background: white;
  color: black;
  padding: 10px 10px 5px 10px;
}
#footer-links .acces-rapide ul span {
  display: block;
}
#footer-links .acces-rapide ul span .caret {
  float: right;
  margin: 10px 0;
}
#footer-links .acces-rapide ul .dropdown-menu {
  border: none;
  left: -10px;
  right: -10px;
}
#footer-links .acces-rapide .open span {
  border: 1px solid red;
}
#footer-links .newsletter {
  margin-top: 10px;
}
#footer-links .newsletter .mailchimp-newsletter-mergefields {
  width: 85%;
  display: inline-block;
  vertical-align: bottom;
}
#footer-links .newsletter .mailchimp-newsletter-mergefields div {
  margin-bottom: 0;
}
#footer-links .newsletter .form-control {
  border: none;
  color: black;
}
#footer-links .newsletter .form-actions {
  width: 15%;
  display: inline-block;
  margin-bottom: 0;
  clear: none;
  vertical-align: bottom;
  margin-left: -4px;
}
#footer-links .newsletter .form-actions .btn.btn-default {
  background-color: #fac76e;
  border: none;
  color: white;
  padding: 0;
  width: 100%;
  height: 43px;
}
#footer-links .newsletter .form-actions .btn.btn-default:after {
  display: none;
}
#footer-links #block-webform-client-block-415 {
  margin-top: 10px;
}
#footer-links #block-webform-client-block-415 form > div {
  background-color: transparent;
}
#footer-links #block-webform-client-block-415 .webform-component-email {
  vertical-align: bottom;
}
#footer-links #block-webform-client-block-415 .webform-component-email div {
  margin-bottom: 0;
}
#footer-links #block-webform-client-block-415 .form-group {
  margin-bottom: 5px;
}
#footer-links #block-webform-client-block-415 .form-actions {
  width: 100%;
  display: inline-block;
  margin-bottom: 0;
  clear: none;
  vertical-align: bottom;
  margin-left: 0;
  padding: 0;
}
#footer-links #block-webform-client-block-415 .form-actions .btn.btn-default {
  background-color: #fac76e;
  border: none;
  color: white;
  padding: 0;
  width: 100%;
  height: 43px;
}
#footer-links #block-webform-client-block-415 .form-actions .btn.btn-default:after {
  display: none;
}
.footer {
  background: #003041;
  border: 0;
  margin: 0;
  padding: 10px 0;
}
.footer .block-content a {
  color: white;
}
.footer .block-content ul:not(.contextual-links) {
  padding: 0;
  margin: 0;
  width: 100%;
}
.footer .block-content ul:not(.contextual-links) li {
  display: inline-block;
  vertical-align: middle;
  list-style-type: none;
  list-style-image: none;
  margin-right: 15px;
}
@media (min-width: 992px) {
  .footer .block-content ul:not(.contextual-links) li {
    margin-right: 12px;
  }
}
@media (min-width: 1200px) {
  .footer .block-content ul:not(.contextual-links) li {
    margin-right: 20px;
  }
}
.footer .block-content ul:not(.contextual-links) li:last-child {
  margin-right: 0;
}
.footer .footer-socials {
  text-align: center;
}
@media (min-width: 992px) {
  .footer .footer-socials {
    text-align: left;
    padding-right: 0;
  }
}
.footer .footer-socials li a {
  font-size: 22px;
}
@media (min-width: 992px) {
  .footer .footer-socials li a {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .footer .footer-socials li a {
    font-size: 22px;
  }
}
.footer .footer-socials li a.blogspot {
  display: block;
  width: 20px;
  height: 20px;
  background: url("../img/picto-blogspot.png") no-repeat top left / 100% auto;
}
@media (min-width: 992px) {
  .footer .footer-socials li a.blogspot {
    width: 18px;
    height: 18px;
  }
}
@media (min-width: 1200px) {
  .footer .footer-socials li a.blogspot {
    width: 20px;
    height: 20px;
  }
}
.btn-default:hover,
.btn-default a:hover,
.btn-default:focus,
.btn-default a:focus,
.btn-default:hover a,
.btn-default a:hover a,
.btn-default:focus a,
.btn-default a:focus a {
  background-color: #006582;
  color: #fff;
}
.btn-default,
.btn-default-red,
.btn-default-green,
.btn-default-pink {
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
  /*&:after {
    display:inline-block;
    content:"\f054";
    font-family: FontAwesome;
    margin-left:10px;
    }*/
}
.btn-default.btn-nodeco:after,
.btn-default-red.btn-nodeco:after,
.btn-default-green.btn-nodeco:after,
.btn-default-pink.btn-nodeco:after {
  display: none;
  content: " ";
}
.btn-default.btn-reverse,
.btn-default-red.btn-reverse,
.btn-default-green.btn-reverse,
.btn-default-pink.btn-reverse {
  color: #fff;
  border-color: #fff;
  background-color: #006582;
}
.btn-default.btn-reverse:hover,
.btn-default-red.btn-reverse:hover,
.btn-default-green.btn-reverse:hover,
.btn-default-pink.btn-reverse:hover,
.btn-default.btn-reverse:focus,
.btn-default-red.btn-reverse:focus,
.btn-default-green.btn-reverse:focus,
.btn-default-pink.btn-reverse:focus {
  color: #006582;
  border-color: #006582;
  background-color: transparent;
}
.btn-default-red {
  color: #ed4f33;
  border-color: #ed4f33;
  background-color: transparent;
}
.btn-default-red:hover,
.btn-default-red:focus {
  color: #fff;
  border-color: #fff;
  background-color: #ed4f33;
}
.btn-default-red.btn-reverse {
  color: #fff;
  border-color: #fff;
  background-color: #ed4f33;
}
.btn-default-red.btn-reverse:hover,
.btn-default-red.btn-reverse:focus {
  color: #ed4f33;
  border-color: #ed4f33;
  background-color: transparent;
}
.btn-default-green {
  border-color: #36b470;
  background-color: transparent;
}
.btn-default-green,
.btn-default-green a {
  color: #36b470;
}
.btn-default-green:hover,
.btn-default-green:focus {
  border-color: #fff;
  background-color: #36b470;
}
.btn-default-green:hover,
.btn-default-green:focus,
.btn-default-green:hover a,
.btn-default-green:focus a {
  color: #fff;
}
.btn-default-green.btn-reverse {
  border-color: #fff;
  background-color: #36b470;
}
.btn-default-green.btn-reverse,
.btn-default-green.btn-reverse a {
  color: #fff;
}
.btn-default-green.btn-reverse:hover,
.btn-default-green.btn-reverse:focus {
  color: #36b470;
  border-color: #36b470;
  background-color: transparent;
}
.btn-default-pink {
  color: #ff16be;
  border-color: #ff16be;
  background-color: transparent;
}
.btn-default-pink:hover,
.btn-default-pink:focus {
  color: #fff;
  border-color: #fff;
  background-color: #ff16be;
}
.btn-default-pink.btn-reverse {
  color: #fff;
  border-color: #fff;
  background-color: #ff16be;
}
.btn-default-pink.btn-reverse:hover,
.btn-default-pink.btn-reverse:focus {
  color: #ff16be;
  border-color: #ff16be;
  background-color: transparent;
}
.footer {
  color: white;
  font-size: 12px;
}
.footer .region-footer {
  margin-left: -15px;
  margin-right: -15px;
}
.footer #block-block-13 {
  padding-top: 8px;
  text-align: center;
}
@media (min-width: 992px) {
  .footer #block-block-13 {
    text-align: right;
    padding-top: 4px;
  }
}
@media (min-width: 1200px) {
  .footer #block-block-13 {
    padding-top: 8px;
  }
}
.btn-default a:hover,
.btn-default a:focus {
  text-decoration: none;
}
.bg-white {
  background-color: #fff;
}
.padding-lr-25 {
  padding-left: 25px;
  padding-right: 25px;
}
.padding-lr-none {
  padding-left: 0;
  padding-right: 0;
}
.margin-b-25 {
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  #navigation-wrapper {
    position: relative;
    width: auto;
    margin: 70px 15px 0 15px;
    right: 0;
  }
  #block-menu-menu-top-menu,
  #block-algeco-callback-callback-trigger {
    margin-bottom: 20px;
  }
  .navbar-toggle {
    position: absolute;
    right: 0;
    top: 0;
  }
  .search-toggle {
    position: absolute;
    right: 55px;
    top: 0;
    margin-top: 18px;
    padding: 9px 10px;
    background-color: transparent;
    border: none;
    color: #006582;
  }
  .search-toggle:after {
    content: "\f002";
    font-family: FontAwesome;
    font-weight: bold;
  }
  .row-eq-height {
    display: block;
  }
  .row-eq-height > div + div {
    padding-bottom: 0;
  }
  #block-menu-menu-top-menu .nav {
    margin-left: -15px;
    margin-right: -15px;
  }
  #block-menu-menu-top-menu .nav li {
    display: block;
    width: 50%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0 !important;
  }
  #block-menu-menu-top-menu .nav li a {
    font-size: 1.15rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 991px) {
  /* TABLET MAX */
  footer .row {
    margin: 0;
  }
  footer .row #block-block-3 {
    margin-bottom: 10px;
  }
  footer .row #block-block-13 span {
    display: block;
  }
}
@media (min-width: 768px) {
  /* TABLET */
  .not-front .main-container {
    padding: 55px 30px 30px 30px;
  }
  .not-front article .field {
    padding: 70px 0;
  }
  .not-front article .field-type-image {
    padding: 0;
  }
  #pre-footer {
    display: block;
  }
  #pre-footer .region-pre-footer {
    display: flex;
  }
  #pre-footer .block-menu {
    width: 50%;
    align-self: center;
  }
  #pre-footer ul.menu:not(.contextual-links) {
    display: flex;
    width: 100%;
  }
  #pre-footer ul.menu:not(.contextual-links) li {
    border: 1px solid white;
    border-width: 0 0 0 1px;
    flex-grow: 1;
    text-align: center;
    text-transform: uppercase;
  }
  #pre-footer ul.menu:not(.contextual-links) a {
    background: rgba(255, 255, 255, 0);
    color: white;
    padding: 32px 5px;
    cursor: pointer;
  }
  #pre-footer ul.menu:not(.contextual-links) a.active,
  #pre-footer ul.menu:not(.contextual-links) a:hover {
    background: rgba(255, 255, 255, 0.2);
  }
  #pre-footer #edit-actions {
    margin-left: 5px;
  }
  #pre-footer #edit-actions button:hover {
    background: #006582;
    color: white;
  }
  #pre-footer button {
    padding: 8px 10px;
  }
  #footer-links {
    background: #00465f;
    display: block;
    padding: 30px 0;
  }
  #footer-links .region-footer-links {
    margin-left: -15px;
    margin-right: -15px;
  }
  #footer-links .block {
    height: 200px;
    margin-bottom: 20px;
  }
  #footer-links .block-content {
    font-family: 'Roboto', sans-serif;
  }
  #footer-links .block-content .block-title,
  #footer-links .block-content .block-title a {
    color: white;
    font-weight: 500;
    margin: 0 0 15px 0;
    text-transform: uppercase;
  }
  #footer-links .block-content .view-content {
    position: relative;
  }
  #footer-links .block-content .menu li,
  #footer-links .block-content .views-row {
    margin-bottom: 5px;
  }
  #footer-links .block-content .menu li a,
  #footer-links .block-content .views-row a,
  #footer-links .block-content .menu li span,
  #footer-links .block-content .views-row span {
    font-size: 19px;
    color: white;
    line-height: 2rem;
    padding: 0;
    font-weight: 500;
  }
  #footer-links .block-content .menu li a:hover,
  #footer-links .block-content .views-row a:hover,
  #footer-links .block-content .menu li a:focus,
  #footer-links .block-content .views-row a:focus,
  #footer-links .block-content .menu li a.active,
  #footer-links .block-content .views-row a.active {
    background: none;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  #pre-footer ul.menu:not(.contextual-links) a {
    font-size: 13px;
  }
}
.modal-content {
  padding: 0 15px;
}
.modal-content h2 {
  text-transform: uppercase;
  text-align: center;
  font-size: 37px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: #006582;
}
.modal-content .h2 {
  font-size: 23px;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  padding-bottom: 22px;
  margin-bottom: 22px;
  position: relative;
  font-weight: 400;
}
.modal-content .h2:after {
  display: block;
  content: "";
  width: 50px;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -25px;
  background: #e6e6e6;
}
.modal-content h5 {
  text-transform: uppercase;
  font-weight: 600;
}
.modal-content h5:first-child {
  margin-top: 0;
}
.group-descriptive {
  background: #fff none repeat scroll 0 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .group-descriptive {
    padding: 30px;
  }
}
.not-front.no-sidebars article .group-left-block-realisation {
  background: #f1f1f1;
}
@media (max-width: 767px) {
  .not-front.no-sidebars article .group-left-block-realisation {
    display: inline-block;
    width: 100%;
  }
}
.not-front.no-sidebars article .group-left-block-realisation .field {
  padding: 0;
  margin-bottom: 10px;
}
#sliding-popup .popup-content {
  max-width: 100%;
  padding: 15px 0;
}
#sliding-popup .popup-content #popup-text {
  margin: 0;
}
#sliding-popup .popup-content #popup-text .find-more-button {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin-left: 10px;
  text-transform: none;
  color: #006582 !important;
  text-decoration: none;
}
#sliding-popup .popup-content #popup-buttons .btn {
  padding: 5px 10px;
  margin-top: 8px;
}
#sliding-popup .popup-content #popup-buttons .btn.agree-button {
  margin-right: 10px;
  background-color: white;
  color: #006582 !important;
  border: 1px solid white;
}
#sliding-popup .popup-content #popup-buttons .btn.agree-button:hover,
#sliding-popup .popup-content #popup-buttons .btn.agree-button:focus {
  background-color: #006582;
  color: white !important;
}
#sliding-popup .popup-content #popup-buttons .btn.decline-button {
  background: transparent none;
  box-shadow: none;
  border-radius: 0;
  border: 1px solid white;
  text-shadow: none;
  color: white;
  font-weight: normal;
}
#sliding-popup .popup-content #popup-buttons .btn.decline-button:hover,
#sliding-popup .popup-content #popup-buttons .btn.decline-button:focus {
  background-color: white;
  color: #006582 !important;
}
@media (max-width: 767px) {
  #sliding-popup .popup-content {
    padding: 10px 0;
  }
  #sliding-popup .popup-content #popup-text {
    padding: 0 15px;
    max-width: 100%;
  }
  #sliding-popup .popup-content #popup-text p {
    font-size: 10px;
  }
  #sliding-popup .popup-content #popup-text .find-more-button {
    font-size: 10px;
  }
  #sliding-popup .popup-content #popup-buttons {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
  #sliding-popup .popup-content #popup-buttons .btn {
    font-size: 13px;
  }
}
.not-front.no-sidebars .modal-content article .field {
  padding: 0;
}
@media (min-width: 992px) {
  /* DESKTOP */
  body #navbar.container {
    margin: -40px auto 0 auto;
  }
}
@media (min-width: 1200px) {
  /* WIDE */
  #footer-links .block {
    height: auto;
    margin-bottom: 0;
  }
}
.square-end:after {
  background: #006582;
  content: "";
  display: inline-block;
  height: 7px;
  margin-left: 5px;
  width: 7px;
}
@media (max-width: 991px) {
  .no-sm-row {
    margin-left: 0;
    margin-right: 0;
  }
}
iframe {
  max-width: 100%;
}
/*Hack pour gérer 5 col avec bootstrap*/
.col-sm-12.col-by-5 {
  width: 100%;
}
@media (min-width: 992px) {
  .col-md-3.col-by-5 {
    width: 20%;
  }
}
/*
 * Style de case à cocher ou checkbox
 */
.fCase,
.fCase--1 {
  /* Cachons la case à cocher */
  /* on prépare le label */
  /* Aspect des checkboxes */
  /* :before sert à créer la case à cocher */
  /* Aspect général de la coche */
  /* Aspect si "pas cochée" */
  /* Aspect si "cochée" */
  /* aspect désactivée */
  /* styles de la coche (si cochée/désactivée) */
  /* on style aussi le label quand désactivé */
  /* aspect au focus de l'élément */
}
.fCase [type="checkbox"]:not(:checked),
.fCase--1 [type="checkbox"]:not(:checked),
.fCase [type="checkbox"]:checked,
.fCase--1 [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
.fCase [type="checkbox"]:not(:checked) + label,
.fCase--1 [type="checkbox"]:not(:checked) + label,
.fCase [type="checkbox"]:checked + label,
.fCase--1 [type="checkbox"]:checked + label {
  position: relative;
  /* permet de positionner les pseudo-éléments */
  padding-left: 25px;
  /* fait un peu d'espace pour notre case à venir */
  cursor: pointer;
  /* affiche un curseur adapté */
  font-weight: normal;
}
.fCase [type="checkbox"]:not(:checked) + label:before,
.fCase--1 [type="checkbox"]:not(:checked) + label:before,
.fCase [type="checkbox"]:checked + label:before,
.fCase--1 [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  margin-top: 2px;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  /* dim. de la case */
  border: 1px solid #888888;
  background: #fff;
}
.fCase [type="checkbox"]:not(:checked) + label:after,
.fCase--1 [type="checkbox"]:not(:checked) + label:after,
.fCase [type="checkbox"]:checked + label:after,
.fCase--1 [type="checkbox"]:checked + label:after {
  content: '';
  position: absolute;
  margin-top: 2px;
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  font-size: 13px;
  background-color: #888888;
  transition: all 0.2s;
  /* on prévoit une animation */
}
.fCase [type="checkbox"]:not(:checked) + label:after,
.fCase--1 [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  /* coche invisible */
  transform: scale(0);
  /* mise à l'échelle à 0 */
}
.fCase [type="checkbox"]:checked + label:after,
.fCase--1 [type="checkbox"]:checked + label:after {
  opacity: 1;
  /* coche opaque */
  transform: scale(1);
  /* mise à l'échelle 1:1 */
}
.fCase [type="checkbox"]:disabled:not(:checked) + label:before,
.fCase--1 [type="checkbox"]:disabled:not(:checked) + label:before,
.fCase [type="checkbox"]:disabled:checked + label:before,
.fCase--1 [type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
  opacity: 0.9;
}
.fCase [type="checkbox"]:disabled:checked + label:after,
.fCase--1 [type="checkbox"]:disabled:checked + label:after {
  opacity: 0.8;
}
.fCase [type="checkbox"]:disabled + label,
.fCase--1 [type="checkbox"]:disabled + label {
  opacity: 0.8;
}
.fCase [type="checkbox"]:checked:focus + label:before,
.fCase--1 [type="checkbox"]:checked:focus + label:before,
.fCase [type="checkbox"]:not(:checked):focus + label:before,
.fCase--1 [type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted blue;
}
/* Search results page issue de David.css */
body.page-recherche .main-container {
  background: none;
}
body.page-recherche .view-global-site-search h3 {
  display: none;
}
body.page-recherche .view-global-site-search .views-field-title {
  font-size: 1.3em;
}
body.page-recherche .view-global-site-search .views-row {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #eaeaea;
}
body.page-recherche #block-system-main ul.pager li:before {
  content: '';
  display: none;
}
body.page-recherche.not-front .breadcrumb-wrapper {
  margin-top: 0;
}
/**/
/**/
/* Block newsletter MAILCHIMP */
#block-mailchimp-signup-newsletter .block-content {
  padding: 5px 0;
  text-align: right;
}
#block-mailchimp-signup-newsletter .block-content .mailchimp-signup-subscribe-form-description,
#block-mailchimp-signup-newsletter .block-content .mailchimp-newsletter-mergefields,
#block-mailchimp-signup-newsletter .block-content .form-actions {
  display: inline-block;
  vertical-align: middle;
}
#block-mailchimp-signup-newsletter .block-content .mailchimp-signup-subscribe-form-description .form-control,
#block-mailchimp-signup-newsletter .block-content .mailchimp-newsletter-mergefields .form-control,
#block-mailchimp-signup-newsletter .block-content .form-actions .form-control {
  padding: 10px 8px;
}
#block-mailchimp-signup-newsletter .block-content .mailchimp-signup-subscribe-form-description button:after,
#block-mailchimp-signup-newsletter .block-content .mailchimp-newsletter-mergefields button:after,
#block-mailchimp-signup-newsletter .block-content .form-actions button:after {
  display: none;
}
#block-mailchimp-signup-newsletter .block-content .mailchimp-signup-subscribe-form-description {
  color: #006582;
  font-size: 13px;
  margin: 0 10px 0 0;
  width: 170px;
}
@media (min-width: 992px) {
  #block-mailchimp-signup-newsletter .block-content .mailchimp-signup-subscribe-form-description {
    width: 200px;
  }
}
@media (min-width: 1200px) {
  #block-mailchimp-signup-newsletter .block-content .mailchimp-signup-subscribe-form-description {
    width: auto;
  }
}
#block-mailchimp-signup-newsletter .block-content .mailchimp-newsletter-mergefields {
  width: 35%;
}
#block-mailchimp-signup-newsletter .form-group:last-child,
#block-mailchimp-signup-newsletter .panel:last-child {
  margin-bottom: 0;
}
/**/
/**/
/* Block newsletter non mailchimp */
#block-webform-client-block-414 form > div {
  background-color: transparent;
}
#block-webform-client-block-414 .block-content {
  padding: 5px 0;
  text-align: right;
}
#block-webform-client-block-414 .block-content .webform-component--intro {
  color: #006582;
  font-size: 13px;
  margin: 2px 10px 0 10px;
  width: 180px;
  float: left;
}
@media (min-width: 992px) {
  #block-webform-client-block-414 .block-content .webform-component--intro {
    margin: 2px 10px 0 20px;
    width: 200px;
  }
}
@media (min-width: 1200px) {
  #block-webform-client-block-414 .block-content .webform-component--intro {
    margin: 10px 10px 0 20px;
    width: auto;
  }
}
#block-webform-client-block-414 .block-content .webform-component-textfield {
  width: 46%;
  vertical-align: middle;
  margin-bottom: 10px;
  float: right;
}
#block-webform-client-block-414 .block-content .webform-component-textfield.form-item-submitted-lastname {
  clear: right;
}
@media (min-width: 992px) {
  #block-webform-client-block-414 .block-content .webform-component-textfield {
    width: 51%;
  }
}
@media (min-width: 1200px) {
  #block-webform-client-block-414 .block-content .webform-component-textfield {
    width: 46%;
  }
}
#block-webform-client-block-414 .block-content .webform-component-email {
  width: 35%;
  float: right;
  clear: right;
  vertical-align: middle;
  margin-bottom: 0;
  margin-right: 43px;
}
@media (min-width: 992px) {
  #block-webform-client-block-414 .block-content .webform-component-email {
    margin-right: 44px;
    width: 42%;
  }
}
@media (min-width: 1200px) {
  #block-webform-client-block-414 .block-content .webform-component-email {
    margin-right: 41px;
    width: 39%;
  }
}
#block-webform-client-block-414 .block-content .webform-component-checkboxes input {
  height: auto;
  width: auto;
}
#block-webform-client-block-414 input {
  width: 100%;
  height: 43px;
  padding: 10px 18px;
  font-size: 15px;
  color: #333;
  text-transform: none;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
#block-webform-client-block-414 label {
  width: auto;
}
#block-webform-client-block-414 .form-actions {
  padding: 0;
  float: right;
  margin-top: -71px;
}
#block-webform-client-block-414 .form-actions .webform-submit {
  background-color: transparent;
  color: #006582;
  border: 1px solid #006582;
  height: 43px;
}
#block-webform-client-block-414 .form-actions .webform-submit:after {
  display: none;
}
#block-webform-client-block-414 .optin {
  display: inline-block;
  text-align: left;
  padding: 0 0 0 20px;
  width: 100%;
  font-size: 13px;
  margin: -10px 0 5px 0;
}
/*Plan du site*/
.sitemap-menu {
  font-size: 15px;
  font-size: 'Roboto', sans-serif;
  text-transform: uppercase;
  margin-left: -15px;
  margin-right: -15px;
}
.sitemap-menu.first {
  padding-top: 25px;
}
.sitemap-menu.last {
  padding-bottom: 19px;
}
@media (min-width: 768px) {
  .sitemap-menu {
    margin-left: 0;
    margin-right: 0;
    padding-top: 25px;
    padding-bottom: 19px;
  }
}
.sitemap-menu h2,
.sitemap-menu h3 {
  font-size: 15px;
  margin: 0;
  letter-spacing: 0;
}
.sitemap-menu ul {
  margin: 0;
  padding: 0;
}
.sitemap-menu ul li {
  list-style: none;
}
.sitemap-menu ul li a,
.sitemap-menu ul li .nolink {
  border: 1px solid #006582;
  padding: 15px 35px;
  display: block;
  margin-bottom: 6px;
}
.sitemap-menu ul > li a,
.sitemap-menu ul > li .nolink {
  background-color: #006582;
  color: white;
}
.sitemap-menu ul > li ul li a,
.sitemap-menu ul > li ul li .nolink {
  color: #006582;
  background-color: transparent;
  font-size: 12px;
}
@media (min-width: 992px) {
  .sitemap-menu ul > li ul li a,
  .sitemap-menu ul > li ul li .nolink {
    font-size: 15px;
  }
}
.sitemap-menu ul > li ul li ul li a,
.sitemap-menu ul > li ul li ul li .nolink {
  margin-left: 15%;
  color: #888888;
  border: 1px solid #888888;
}
/*Emploi*/
.filter .views-exposed-widget {
  float: left;
  width: 100%;
}
.filter .views-exposed-widget:first-child {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .filter .views-exposed-widget {
    width: 49%;
  }
  .filter .views-exposed-widget:first-child {
    margin-bottom: 0;
  }
  .filter .views-exposed-widget + .views-exposed-widget {
    float: right;
  }
}
@media (min-width: 992px) {
  .filter .views-exposed-widget {
    width: auto;
    margin-right: 30px;
  }
  .filter .views-exposed-widget + .views-exposed-widget {
    float: left;
  }
}
.filter .views-exposed-widget .selectric-wrapper {
  width: 100%;
}
.filter .views-exposed-widget .selectric-wrapper .selectric .label {
  height: 42px;
  line-height: 36px;
}
.filter .views-exposed-widget .selectric-wrapper .selectric .button {
  height: 42px;
}
.candidature .btn {
  width: 100%;
}
.liste-emploi .views-row .field-content > div {
  padding-bottom: 15px;
}
.liste-emploi .views-row .field-content > div h2 {
  font-size: 19px;
  font-weight: 800;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .liste-emploi .views-row .field-content > div h2 {
    font-size: 23px;
  }
}
.liste-emploi .views-row .field-content > div .views-field-field-region {
  color: black;
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
  margin-bottom: 10px;
  padding-bottom: 12px;
  position: relative;
}
.liste-emploi .views-row .field-content > div .views-field-field-region:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  border-top: 1px solid #dddddd;
}
@media (min-width: 992px) {
  .block.engagements {
    padding-top: 30px;
  }
}
.block.engagements h2 {
  font-size: 20px;
  padding-left: 20px;
  position: relative;
  margin-top: 20px;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .block.engagements h2 {
    font-size: 24px;
  }
}
.block.engagements h2:before {
  background: #006582;
  content: "";
  display: block;
  left: 0;
  top: -5px;
  bottom: -5px;
  position: absolute;
  width: 10px;
  z-index: 100;
}
.block.engagements .media-element-container {
  width: 25%;
  display: inline-block;
  vertical-align: middle;
}
.block.engagements .media-element-container img {
  width: 100%;
  height: auto;
}
.block.engagements .quote-intro-text {
  width: 70%;
  display: inline-block;
  vertical-align: middle;
}
#block-algeco-custom-blocks-algeco-download-brochure {
  padding-bottom: 30px;
}
#block-algeco-custom-blocks-algeco-download-brochure.bg-know-more {
  background-image: url("../img/bg-want-to-know-more.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#block-algeco-custom-blocks-algeco-download-brochure .block-title {
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 23px;
  color: #ffffff;
  margin-bottom: 15px !important;
}
@media (min-width: 768px) {
  #block-algeco-custom-blocks-algeco-download-brochure .block-title {
    font-size: 29.9px;
  }
}
.vous-avez-projet {
  background-color: #f1f1f1;
}
.vous-avez-projet .left {
  text-align: center;
}
.vous-avez-projet .left .btn {
  white-space: normal;
}
@media (min-width: 768px) {
  .vous-avez-projet .left {
    text-align: right;
  }
}
.vous-avez-projet .right {
  text-align: center;
}
@media (min-width: 768px) {
  .vous-avez-projet .right {
    text-align: left;
  }
}
#block-views-temoignage-block .block-title {
  text-align: center;
  margin-bottom: 30px;
  padding-bottom: 15px;
}
#block-views-temoignage-block .row {
  margin: 0;
}
#block-views-temoignage-block .group--temoin-vignette img {
  margin: 15px 0;
}
#block-views-temoignage-block .field-name-field-name-temoin {
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  line-height: 1.2em;
  margin-bottom: 5px;
  font-weight: 500;
  margin-top: 0;
  text-transform: uppercase;
}
#block-views-temoignage-block .field-name-field-presentation {
  text-transform: uppercase;
  font-weight: 500;
}
#block-views-temoignage-block .views-field-nothing .views-field {
  padding: 2rem 0;
}
@media (min-width: 768px) {
  #block-views-temoignage-block .desc-client {
    border-left: 4px solid #f1f1f1;
  }
}
#block-views-temoignage-block .carousel-indicators {
  position: absolute;
  text-align: right;
  bottom: -30px;
  right: 15px;
  left: auto !important;
}
#block-views-temoignage-block .carousel-indicators li {
  border-color: #006582;
  height: 10px;
  width: 10px;
  border-radius: 0;
  margin: 0;
}
#block-views-temoignage-block .carousel-indicators li.active {
  background: #006582;
}
#block-views-employees-testimonials-block .block-title {
  text-align: center;
  margin-bottom: 30px;
  padding-bottom: 15px;
}
#block-views-employees-testimonials-block ul {
  margin: 0;
  padding: 0;
}
#block-views-employees-testimonials-block .views-field-field-vignette img {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}
#block-views-employees-testimonials-block .views-field-field-name {
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  line-height: 1.2em;
  margin-bottom: 5px;
  font-weight: 500;
  margin-top: 0;
  text-transform: uppercase;
}
#block-views-employees-testimonials-block .views-field-field-job {
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 15px;
}
#block-views-ranges-for-sectors-pages-block .block-title,
#block-views-faq-sectors-block .block-title {
  text-align: center;
}
@media (max-width: 992px) {
  #block-views-ranges-for-sectors-pages-block .views-row,
  #block-views-faq-sectors-block .views-row {
    margin-bottom: 30px;
  }
}
#block-views-ranges-for-sectors-pages-block .views-row .views-field-field-vignette img,
#block-views-faq-sectors-block .views-row .views-field-field-vignette img {
  width: 100%;
}
#block-views-ranges-for-sectors-pages-block .views-row .content-teaser,
#block-views-faq-sectors-block .views-row .content-teaser {
  background-color: #f1f1f1;
}
#block-views-ranges-for-sectors-pages-block .views-row .content-teaser .views-field-title:after,
#block-views-faq-sectors-block .views-row .content-teaser .views-field-title:after {
  background: #006582;
  content: "";
  display: block;
  height: 1px;
  margin: 20px 0;
  width: 30px;
}
#block-views-ranges-for-sectors-pages-block .views-row .content-teaser .views-field-title h3,
#block-views-faq-sectors-block .views-row .content-teaser .views-field-title h3,
#block-views-ranges-for-sectors-pages-block .views-row .content-teaser .views-field-title .h3,
#block-views-faq-sectors-block .views-row .content-teaser .views-field-title .h3 {
  margin-top: 0;
}
#block-views-ranges-for-sectors-pages-block .views-row .content-teaser .views-field-title h3 a,
#block-views-faq-sectors-block .views-row .content-teaser .views-field-title h3 a,
#block-views-ranges-for-sectors-pages-block .views-row .content-teaser .views-field-title .h3 a,
#block-views-faq-sectors-block .views-row .content-teaser .views-field-title .h3 a {
  font-size: 20px;
  font-weight: bold;
  color: #006582;
  display: block;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}
#block-block-57 {
  position: relative;
}
@media (min-width: 768px) {
  #block-block-57 #enquire {
    position: absolute;
    top: -130px;
  }
}
@media (min-width: 992px) {
  #block-block-57 #enquire {
    top: -140px;
  }
}
@media (min-width: 1200px) {
  #block-block-57 #enquire {
    top: -150px;
  }
}
#views-exposed-form-solutions-block .form-control,
#views-exposed-form-our-realisations-block .form-control,
.block-views.filters form .form-control {
  border: 0;
  box-shadow: none;
  height: auto;
  padding: 0;
}
#views-exposed-form-solutions-block .views-exposed-widget > label,
#views-exposed-form-our-realisations-block .views-exposed-widget > label,
.block-views.filters form .views-exposed-widget > label {
  margin-bottom: 15px;
  text-transform: uppercase;
}
#views-exposed-form-solutions-block .form-item,
#views-exposed-form-our-realisations-block .form-item,
.block-views.filters form .form-item {
  display: block;
  margin-bottom: 10px;
}
#views-exposed-form-solutions-block .form-item input[type="checkbox"],
#views-exposed-form-our-realisations-block .form-item input[type="checkbox"],
.block-views.filters form .form-item input[type="checkbox"] {
  display: none;
}
#views-exposed-form-solutions-block .form-item input[type="checkbox"] + label,
#views-exposed-form-our-realisations-block .form-item input[type="checkbox"] + label,
.block-views.filters form .form-item input[type="checkbox"] + label {
  background: url(/sites/all/themes/algeco/img/checkbox.png) left bottom no-repeat white;
  height: 16px;
  width: auto;
  padding: 0 10px 0 20px;
  display: inline-block;
  font-size: 13px;
  font-weight: normal;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
#views-exposed-form-solutions-block .form-item.highlight input[type="checkbox"] + label,
#views-exposed-form-our-realisations-block .form-item.highlight input[type="checkbox"] + label,
.block-views.filters form .form-item.highlight input[type="checkbox"] + label {
  background-position: left top;
}
#block-block-6 .btn,
#block-algeco-custom-blocks-algeco-download-brochure-only .btn {
  white-space: normal;
  font-size: 12px;
  padding: 10px 8px;
}
@media (min-width: 992px) {
  #block-block-6 .btn,
  #block-algeco-custom-blocks-algeco-download-brochure-only .btn {
    font-size: 14px;
    padding: 10px 18px;
  }
}
.one-sidebar aside .block-title {
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
}
.one-sidebar aside .block-title:after {
  background: #f1f1f1;
  content: '';
  display: block;
  height: 1px;
  margin: 20px auto 30px auto;
  width: 25%;
}
.one-sidebar aside #block-views-sector-list-block .block-title {
  font-size: 15px;
  margin: 0 0 15px 0;
  font-weight: bold;
  text-align: left;
}
.one-sidebar aside #block-views-sector-list-block .block-title:after {
  display: none;
}
.one-sidebar aside #block-views-sector-list-block .views-field-title a {
  text-transform: none;
  font-size: 13px;
  color: #333;
  margin-bottom: 10px;
  display: block;
}
.one-sidebar aside #block-views-sector-list-block .views-field-title a:hover,
.one-sidebar aside #block-views-sector-list-block .views-field-title a:focus {
  color: #006582;
}
.one-sidebar aside .block-views {
  background: white;
  padding: 25px;
}
@media (min-width: 768px) {
  .one-sidebar aside .block-views {
    padding: 25px 15px;
  }
}
@media (min-width: 992px) {
  .one-sidebar aside .block-views {
    padding: 25px;
  }
}
.one-sidebar aside .block-views.sidebar-blog-download {
  margin-bottom: 15px;
}
.one-sidebar aside .views-exposed-widget:first-child {
  margin-bottom: 30px;
}
.one-sidebar aside .views-submit-button {
  display: none;
}
.one-sidebar aside .sidebar-blog .block-title {
  text-align: left;
}
.one-sidebar aside .sidebar-blog .block-title:after {
  margin-left: 0;
  margin-right: 0;
}
.one-sidebar aside .sidebar-blog a {
  color: #818285;
}
@media (min-width: 768px) AND (max-width: 992px) {
  .one-sidebar aside .block-title {
    font-size: 1.4rem;
  }
  .one-sidebar aside .block-views.sidebar-blog-download a.btn-default-red {
    font-size: 13px;
  }
}
.one-sidebar .region-sidebar-first,
.one-sidebar .well {
  background: none;
  border: 0;
  padding: 0;
}
.one-sidebar .region-sidebar-first .btn,
.one-sidebar .well .btn {
  display: block;
  font-size: 14px;
  text-transform: uppercase;
}
.one-sidebar .main-container {
  background: #f1f1f1;
}
.one-sidebar .view-filters {
  background: white;
}
.view-solutions .views-row {
  background: white;
  margin-bottom: 30px;
  padding: 20px;
}
.view-solutions .views-field-title a {
  font-size: 20px;
  font-weight: bold;
  color: #006582;
}
.view-solutions .views-field-field-sous-titre {
  font-size: 20px;
  color: black;
  margin-bottom: 20px;
}
.view-solutions .views-field-field-sous-titre:after {
  background: #f1f1f1;
  content: '';
  display: block;
  height: 1px;
  margin: 20px 0;
  width: 30px;
}
.view-solutions .views-field-field-applications {
  margin-bottom: 30px;
}
.view-solutions .views-field-field-applications .application {
  display: none;
  height: 15px;
  margin: 10px 10px 10px 0;
  vertical-align: middle;
  width: 18px;
}
.view-solutions .views-field-field-applications .application .application-name {
  display: none;
}
.view-solutions .views-field-view-node {
  width: 100%;
}
@media (min-width: 992px) {
  .view-solutions .views-field-view-node {
    width: 90%;
    bottom: 0;
  }
}
.view-solutions .views-field-view-node .btn {
  border: 1px solid #006582;
  display: inline-block;
  font-weight: bold;
  padding: 15px 10px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  white-space: normal;
}
@media (min-width: 768px) {
  .view-solutions .views-field-view-node .btn {
    width: 90%;
  }
}
@media (min-width: 992px) {
  .view-solutions .views-field-view-node .btn {
    width: 75%;
  }
}
.view-solutions .view-row:last-child {
  margin: 0;
}
.view-solutions .views-field-field-vignette {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .view-solutions .views-field-field-vignette {
    margin-bottom: 0;
  }
}
.view-solutions .views-field-field-vignette img {
  height: auto !important;
  width: 100% !important;
}
.view-solutions .views-field-nothing .row {
  /*display: table;*/
}
.view-solutions .views-field-nothing .row > div {
  vertical-align: top;
}
/* NOS SOLUTIONS */
#block-views-exp-solutions-block #edit-field-applications-tid-wrapper .form-type-bef-checkbox {
  position: relative;
  overflow: hidden;
  /*
    &:after {
      background-color: #ccc;
      content: '';
      height: 1px;
      position: absolute;
      right: 30px;
      top: 10px;
      width: 100%;
    }
    */
}
#block-views-exp-solutions-block #edit-field-applications-tid-wrapper .form-type-bef-checkbox:before {
  background-color: white;
  content: '';
  display: block;
  height: 20px;
  position: absolute;
  right: 0;
  top: 4px;
  width: 20px;
}
.view-produits .views-field-title h2 {
  /*margin-top:0;*/
  font-size: 20px;
  font-weight: bold;
  color: #006582;
  text-transform: uppercase;
}
.view-produits .views-field-title:after {
  background: #f1f1f1 none repeat scroll 0 0;
  content: "";
  display: block;
  height: 1px;
  margin: 20px 0;
  width: 30px;
}
.field-name-field-applications .application {
  display: none;
  height: 15px;
  margin: 0px 5px;
  vertical-align: middle;
  width: 18px;
}
.field-name-field-applications .application span {
  display: none;
}
/*
.views-field-field-applications .application-tid-1,
.field-name-field-applications .application-tid-1,
.form-item-edit-field-applications-tid-1:before {
  background: @bg-application-picto no-repeat left -30px; /* Eduquer */
/*
}

.views-field-field-applications .application-tid-2,
.field-name-field-applications .application-tid-2,
.form-item-edit-field-applications-tid-2:before {
  background: @bg-application-picto no-repeat left top; /* Collaborer */
/*
}

.views-field-field-applications .application-tid-3,
.field-name-field-applications .application-tid-3,
.form-item-edit-field-applications-tid-3:before {
  background: @bg-application-picto no-repeat left -90px; /* Recevoir */
/*
}

.views-field-field-applications .application-tid-4,
.field-name-field-applications .application-tid-4,
.form-item-edit-field-applications-tid-4:before {
  background: @bg-application-picto no-repeat left -120px; /* Stocker */
/*
}

.views-field-field-applications .application-tid-5,
.field-name-field-applications .application-tid-5,
.form-item-edit-field-applications-tid-5:before {
  background: @bg-application-picto no-repeat left -60px; /* Construire */
/*
}

.views-field-field-applications .application-tid-39,
.field-name-field-applications .application-tid-39,
.form-item-edit-field-applications-tid-39:before {
  background: @bg-application-picto no-repeat left -150px; /* Divers */
/*
}

.views-field-field-applications .application-tid-306,
.field-name-field-applications .application-tid-306,
.form-item-edit-field-applications-tid-306:before,
.views-field-field-applications .application-tid-336,
.field-name-field-applications .application-tid-336,
.form-item-edit-field-applications-tid-336:before {
  background: @bg-application-picto no-repeat left -183px; /* Soigner */
/*
}
*/
.field-name-field-gamme .btn-plus {
  margin: 20px 0;
}
/* NOS REALISATIONS */
#views-exposed-form-our-realisations-block .form-item input[type="checkbox"] + label,
.block-views.filters form .form-item input[type="checkbox"] + label {
  background: white url("/sites/all/themes/algeco/img/checkbox.png") no-repeat scroll left bottom;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  font-weight: normal;
  height: 16px;
  padding-right: 5px;
  position: relative;
  text-indent: 5px;
  width: auto;
  z-index: 1;
}
.block-views.filters .h2 {
  margin: 0;
  padding: 15px;
  background-color: white;
  font-size: 18px;
  text-transform: uppercase;
  position: relative;
}
.block-views.filters .h2:after {
  border-top: 1px solid #d3d3d4;
  content: "";
  display: block;
  width: 45px;
  position: absolute;
  left: 15px;
  bottom: 2px;
}
@media (min-width: 992px) {
  .block-views.filters .h2 {
    padding: 20px;
  }
  .block-views.filters .h2:after {
    left: 20px;
    bottom: 10px;
  }
}
@media (min-width: 1200px) {
  .block-views.filters .h2 {
    padding: 25px;
  }
  .block-views.filters .h2:after {
    left: 25px;
  }
}
#views-exposed-form-our-realisations-block,
.block-views.filters form {
  background-color: white;
  padding: 10px 15px;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  #views-exposed-form-our-realisations-block,
  .block-views.filters form {
    padding: 10px 15px 10px 20px;
  }
}
@media (min-width: 1200px) {
  #views-exposed-form-our-realisations-block,
  .block-views.filters form {
    padding: 10px 15px 10px 25px;
  }
}
#views-exposed-form-our-realisations-block .views-exposed-widget > label,
.block-views.filters form .views-exposed-widget > label {
  display: inline-block;
  width: 100%;
  font-weight: 400;
  font-size: 12px;
}
@media (min-width: 1200px) {
  #views-exposed-form-our-realisations-block .views-exposed-widget > label,
  .block-views.filters form .views-exposed-widget > label {
    width: 12%;
  }
}
#views-exposed-form-our-realisations-block .views-widget,
.block-views.filters form .views-widget {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
@media (min-width: 1200px) {
  #views-exposed-form-our-realisations-block .views-widget,
  .block-views.filters form .views-widget {
    width: 87%;
  }
}
#views-exposed-form-our-realisations-block .views-widget > .form-group,
.block-views.filters form .views-widget > .form-group {
  width: 100%;
}
#views-exposed-form-our-realisations-block .form-item,
.block-views.filters form .form-item {
  display: inline-block;
  margin-bottom: 10px;
  width: 100%;
}
@media (min-width: 768px) {
  #views-exposed-form-our-realisations-block .form-item,
  .block-views.filters form .form-item {
    width: 45%;
    margin-right: 25px;
  }
}
@media (min-width: 992px) {
  #views-exposed-form-our-realisations-block .form-item,
  .block-views.filters form .form-item {
    width: 30%;
    margin-right: 10px;
    padding-right: 0;
  }
}
@media (min-width: 1200px) {
  #views-exposed-form-our-realisations-block .form-item,
  .block-views.filters form .form-item {
    width: 18%;
    margin-bottom: 0;
  }
}
#views-exposed-form-our-realisations-block .form-item:last-child,
.block-views.filters form .form-item:last-child {
  margin-right: 0;
}
#views-exposed-form-our-realisations-block .form-item label,
.block-views.filters form .form-item label {
  margin-bottom: 0;
}
#views-exposed-form-our-realisations-block .form-item input[type="checkbox"] + label,
.block-views.filters form .form-item input[type="checkbox"] + label {
  padding-right: 5px;
}
#views-exposed-form-our-realisations-block .form-type-bef-checkbox,
.block-views.filters form .form-type-bef-checkbox {
  position: relative;
  overflow: hidden;
  /*&:before {
      background-color: white;
      content:'';
      display: block;
      height: 20px;
      position: absolute;
      right: 0;
      top: 4px;
      width: 20px;
      }*/
}
.view-our-realisations .views-row,
.blog-post-list .views-row {
  margin-bottom: 30px;
}
.view-our-realisations .views-row .blog-teaser,
.blog-post-list .views-row .blog-teaser,
.view-our-realisations .views-row .views-field-nothing,
.blog-post-list .views-row .views-field-nothing {
  background: #f1f1f1;
  padding-bottom: 20px;
}
.view-our-realisations .views-row .views-field-field-vignette img,
.blog-post-list .views-row .views-field-field-vignette img {
  width: 100%;
}
.view-our-realisations .views-row .views-field-title,
.blog-post-list .views-row .views-field-title,
.view-our-realisations .views-row .views-field-field-applications,
.blog-post-list .views-row .views-field-field-applications,
.view-our-realisations .views-row .views-field-body,
.blog-post-list .views-row .views-field-body,
.view-our-realisations .views-row .views-field-view-node,
.blog-post-list .views-row .views-field-view-node {
  padding-left: 15px;
  padding-right: 15px;
}
.view-our-realisations .views-row .views-field-view-node,
.blog-post-list .views-row .views-field-view-node {
  text-align: center;
}
.view-our-realisations .views-row .views-field-title h3,
.blog-post-list .views-row .views-field-title h3 {
  margin-top: 0;
}
.view-our-realisations .views-row .views-field-title a,
.blog-post-list .views-row .views-field-title a {
  font-size: 20px;
  font-weight: bold;
  color: #006582;
  text-transform: uppercase;
  margin-top: 18px;
  display: block;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}
.view-our-realisations .views-row .views-field-title:after,
.blog-post-list .views-row .views-field-title:after {
  background: #006582 none repeat scroll 0 0;
  content: "";
  display: block;
  height: 1px;
  margin: 20px 0;
  width: 30px;
}
.view-our-realisations .views-row .views-field-field-applications,
.blog-post-list .views-row .views-field-field-applications {
  margin-bottom: 10px;
}
.view-our-realisations .views-row .views-field-field-applications .application,
.blog-post-list .views-row .views-field-field-applications .application {
  display: inline-block;
}
.view-our-realisations .views-row .views-field-field-applications .application .application-name,
.blog-post-list .views-row .views-field-field-applications .application .application-name {
  font-size: 13px;
  color: #006582;
}
.view-our-realisations .masonry-item,
.blog-post-list .masonry-item {
  background-color: transparent;
  border: none;
  margin: 0 0 30px 0;
  padding-top: 0;
  padding-bottom: 0;
}
.blog-post-list .views-row .blog-entry-info-wrapper,
.blog-post-list .views-row .blog-entry-category {
  margin-left: 15px;
}
.blog-post-list .views-row .blog-entry-info-wrapper .blog-entry-category {
  margin-left: 0;
}
.blog-post-list .views-row .views-field-title {
  margin-bottom: 10px;
}
.blog-post-list .views-row .views-field-title a {
  color: #ed4f33;
}
.blog-post-list .views-row .views-field-title:after {
  display: none;
  visibility: hidden;
}
.blog-post-list .views-row .btn {
  display: block;
  width: auto;
  margin: 18px 15px 0 15px;
}
@media (min-width: 768px) {
  /* TABLET */
}
@media (min-width: 992px) {
  /* DESKTOP */
}
@media (min-width: 1200px) {
  /* WIDE */
}
/* HOME */
.front {
  /* BOTTOM */
  /* BOTTOM 2 */
  /*.region-pre-bottom {
              display:flex;
              }*/
}
.front.logged-in .tabs--primary {
  z-index: 99;
  position: relative;
}
@media (min-width: 768px) {
  .front .main-container {
    margin-top: -100px;
  }
}
.front .main-container h1.page-header {
  position: absolute;
  left: -999999px;
}
.front .main-container .block-system article.node-page {
  position: absolute;
  text-align: center;
  left: 15px;
  right: 15px;
  top: -280px;
  margin: 0;
}
@media (min-width: 768px) {
  .front .main-container .block-system article.node-page {
    text-align: left;
    top: -38vh;
  }
}
.front .main-container .block-system .field-name-body * {
  color: white;
}
.front .main-container .block-system .field-name-body h2 {
  font-size: 23px;
}
@media (min-width: 768px) {
  .front .main-container .block-system .field-name-body h2 {
    font-size: 45px;
  }
}
.front .main-container .block-system .field-name-body h2 small {
  font-size: 70%;
  margin-top: 15px;
  display: block;
}
@media (min-width: 768px) {
  .front .main-container .block-system .field-name-body h2 small {
    font-size: 40%;
  }
}
@media (min-width: 768px) {
  .front .main-container .block-system .field-name-body p {
    font-size: 22px;
  }
}
.front .main-container .block-system .field-name-body p a:after {
  content: '\f105';
  font-family: FontAwesome;
  margin-left: 0.5em;
  font-size: 1.2em;
  -webkit-transition: margin-left 0.3s ease-in-out;
  -o-transition: margin-left 0.3s ease-in-out;
  transition: margin-left 0.3s ease-in-out;
}
.front .main-container .block-system .field-name-body p a:hover:after,
.front .main-container .block-system .field-name-body p a:focus:after {
  margin-left: 30px;
}
.front .main-container .block-system .field-name-body .btn {
  border-color: white;
}
.front .main-container .block-modular-building .block-title {
  margin-bottom: 30px;
  padding-bottom: 15px;
}
.front .main-container .home-why-algeco {
  color: white;
}
.front .main-container .home-why-algeco .line-why .chiffres > div,
.front .main-container .home-why-algeco .line-why .avantages > div,
.front .main-container .home-why-algeco .line-why .engagements > div {
  padding-top: 10px;
  padding-bottom: 70px;
  margin-bottom: 20px;
}
.front .main-container .home-why-algeco .line-why .chiffres > div p.title,
.front .main-container .home-why-algeco .line-why .avantages > div p.title,
.front .main-container .home-why-algeco .line-why .engagements > div p.title {
  font-size: 23px;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
  padding: 15px 30px;
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
}
.front .main-container .home-why-algeco .line-why .chiffres > div p.title:before,
.front .main-container .home-why-algeco .line-why .avantages > div p.title:before,
.front .main-container .home-why-algeco .line-why .engagements > div p.title:before {
  display: block;
  content: "";
  background: url("../img/crochet-haut.png") no-repeat;
  width: 11px;
  height: 12px;
  position: absolute;
  right: 15px;
  top: 0;
}
.front .main-container .home-why-algeco .line-why .chiffres > div p.title:after,
.front .main-container .home-why-algeco .line-why .avantages > div p.title:after,
.front .main-container .home-why-algeco .line-why .engagements > div p.title:after {
  display: block;
  content: "";
  background: url("../img/crochet-bas.png") no-repeat;
  width: 11px;
  height: 12px;
  position: absolute;
  left: 15px;
  bottom: 0;
}
.front .main-container .home-why-algeco .line-why .chiffres > div p.cta,
.front .main-container .home-why-algeco .line-why .avantages > div p.cta,
.front .main-container .home-why-algeco .line-why .engagements > div p.cta {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
}
.front .main-container .home-why-algeco .line-why .chiffres > div .line,
.front .main-container .home-why-algeco .line-why .avantages > div .line,
.front .main-container .home-why-algeco .line-why .engagements > div .line {
  display: inline-block;
  width: 100%;
  margin-bottom: 15px;
}
.front .main-container .home-why-algeco .line-why .chiffres > div .line div:first-child img,
.front .main-container .home-why-algeco .line-why .avantages > div .line div:first-child img,
.front .main-container .home-why-algeco .line-why .engagements > div .line div:first-child img {
  margin: auto;
}
.front .main-container .home-why-algeco .line-why .chiffres > div {
  background: #006582;
  height: 100%;
}
.front .main-container .home-why-algeco .line-why .avantages > div {
  background: #006582;
  height: 100%;
}
.front .main-container .home-why-algeco .line-why .avantages > div p.title {
  min-width: 130px;
}
.front .main-container .home-why-algeco .line-why .avantages > div .line div + div p:after {
  background: #34aa6b;
}
.front .main-container .home-why-algeco .line-why .avantages > div .center-logo img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.front .main-container .home-why-algeco .line-why .engagements > div {
  background: #006582;
  height: 100%;
}
.front .main-container .home-why-algeco .line-why .engagements > div .line div + div p:after {
  background: #006582;
}
.front .main-container .home-why-algeco .line-why .engagements > div .line .clock-wrap {
  width: 65px;
  height: 65px;
  min-width: 70px;
  position: relative;
}
.front .main-container .home-why-algeco .line-why .engagements > div .line .clock-wrap .clock {
  position: relative;
  width: 65px;
  height: 65px;
  background: 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid #fff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.front .main-container .home-why-algeco .line-why .engagements > div .line .clock-wrap .clock .center {
  height: 6px;
  width: 6px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.front .main-container .home-why-algeco .line-why .engagements > div .line .clock-wrap .clock .hour {
  width: 3px;
  height: 23px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.front .main-container .home-why-algeco .line-why .engagements > div .line .clock-wrap .clock .hour:before {
  position: absolute;
  content: "";
  background: #fff;
  height: 23px;
  width: 3px;
  top: 5px;
}
.front .main-container .home-why-algeco .line-why .engagements > div .line .clock-wrap .clock .minute {
  width: 1px;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-animation: time 4s 1 linear;
  animation: time 4s 1 linear;
}
.front .main-container .home-why-algeco .line-why .engagements > div .line .clock-wrap .clock .minute:before {
  position: absolute;
  content: "";
  background: #fff;
  height: 2px;
  width: 25px;
  top: 30px;
}
.front .main-container .home-why-algeco .line-why .engagements > div .line .media-left img {
  width: 65px;
  max-width: none;
}
.front .main-container .home-why-algeco .line-why .engagements > div .line .media-left.rosette figure.rosette-img figcaption.rosette-caption {
  position: absolute;
  top: 15px;
  left: 34px;
}
.front .main-container .home-why-algeco .line-why .engagements > div .line .media-left.rosette figure.rosette-img figcaption.rosette-caption p {
  font-size: 23px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}
.front .main-container .home-why-algeco .line-why a.btn {
  text-align: right;
  color: white;
  display: block;
  width: 100%;
  margin: auto;
  font-size: 20px;
}
.front .main-container .home-why-algeco .line-why a.btn:after {
  font-size: 15px;
}
.front .main-container h2 {
  margin: 0 0 30px 0;
}
.front #bottom {
  min-height: 150px;
}
.front #bottom .coin-bonnes-affaires {
  text-align: center;
  margin-bottom: 60px;
  display: inline-block;
}
.front #bottom .coin-bonnes-affaires h2 {
  text-transform: uppercase;
  font-size: 20px;
}
.front #block-block-18 {
  padding-left: 30px;
}
.front #block-block-18 .block-content:before {
  background: #006582;
  content: '';
  display: block;
  height: 10rem;
  position: absolute;
  top: 0;
  width: 2rem;
}
.front #block-block-18 .block-content > p,
.front #block-block-18 .block-content .h2 {
  padding-left: 4rem;
}
.front #block-block-18 .h2 {
  color: #006582;
  margin: 2rem 0;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .front #block-block-18 .h2 {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .front #block-block-18 .h2 {
    font-size: 27px;
  }
}
.front #block-block-18 img {
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  height: auto !important;
  width: 60px !important;
}
@media (min-width: 992px) {
  .front #block-block-18 img {
    width: 43px !important;
    border-bottom: none;
  }
}
@media (min-width: 1200px) {
  .front #block-block-18 img {
    width: 55px !important;
  }
}
@media (min-width: 768px) {
  .front .region-bottom-second {
    display: inline-block;
  }
}
.front #block-block-17 {
  background: white;
  border: 1px solid #f1f1f1;
}
.front #block-block-17 h2 a small {
  color: black !important;
  font-size: 20px;
  text-transform: uppercase;
}
.front #block-block-17 .block-content > .row > div:first-child {
  color: black;
}
.front #block-block-17 .block-content > .row > div:first-child h2,
.front #block-block-17 .block-content > .row > div:first-child p {
  font-weight: bold;
  text-transform: uppercase;
}
.front #block-block-17 .block-content > .row > div:first-child h2 {
  font-size: 40px;
  padding-top: 10px;
}
@media (min-width: 768px) {
  .front #block-block-17 .block-content > .row > div:nth-child(2) img {
    margin-top: 175px;
  }
}
@media (min-width: 992px) {
  .front #block-block-17 .block-content > .row > div:nth-child(2) img {
    margin-top: 204px;
  }
}
@media (min-width: 1200px) {
  .front #block-block-17 .block-content > .row > div:nth-child(2) img {
    margin-top: 85px;
  }
}
.front #block-block-17 .block-content > .row > div:nth-child(2),
.front #block-block-17 .block-content > .row > div:last-child {
  background: #f1f1f1;
  padding-left: 0;
}
@media (min-width: 768px) {
  .front #block-block-17 .block-content > .row > div:nth-child(2),
  .front #block-block-17 .block-content > .row > div:last-child {
    height: 235px;
  }
}
@media (min-width: 992px) {
  .front #block-block-17 .block-content > .row > div:nth-child(2),
  .front #block-block-17 .block-content > .row > div:last-child {
    height: 285px;
  }
}
@media (min-width: 1200px) {
  .front #block-block-17 .block-content > .row > div:nth-child(2),
  .front #block-block-17 .block-content > .row > div:last-child {
    height: 185px;
  }
}
.front #block-block-17 .block-content > .row .row div:first-child {
  z-index: 1;
}
.front #block-block-17 .block-content > .row .row div:first-child h2 {
  margin-top: 45px;
}
@media (min-width: 992px) {
  .front #block-block-17 .block-content > .row .row div:first-child h2 {
    margin-top: 18px;
  }
}
.front #block-block-17 .block-content > .row .row div:last-child {
  position: absolute;
  top: -7px;
  right: -15px;
  width: 75px;
}
@media (min-width: 992px) {
  .front #block-block-17 .block-content > .row .row div:last-child {
    top: -9px;
    right: -20px;
    width: 105px;
  }
}
.front #pre-bottom {
  margin-bottom: 0;
  margin-top: 0;
}
@media (min-width: 768px) {
  .front #pre-bottom {
    margin-bottom: 50px;
  }
}
@media (min-width: 992px) {
  .front #pre-bottom {
    margin-bottom: 70px;
  }
}
.front #block-block-21 {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  .front #block-block-21 {
    margin-left: 0;
    margin-right: 0;
  }
}
.front #block-block-21 .block-content {
  padding: 0;
  position: relative;
  height: 100%;
  background-image: url("../img/carte.png");
  background-size: 200px auto;
  background-position: 95% 85%;
  background-repeat: no-repeat;
}
@media (min-width: 992px) {
  .front #block-block-21 .block-content {
    background-size: 238px auto;
    background-position: 95% center;
  }
}
.front #block-block-21 .block-content form {
  padding: 25px 15px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}
.front #block-block-21 .block-content form h2 {
  margin-top: 0;
  margin-bottom: 0.7em;
  width: 100%;
  color: #181818;
  position: relative;
}
.front #block-block-21 .block-content form h2:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -15px;
  border-bottom: 4px solid #006582;
  width: 80px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .front #block-block-21 .block-content form h2 {
    width: 200%;
  }
}
.front #block-block-21 .block-content form input {
  /* firefox 19+ */
  /* ie */
}
.front #block-block-21 .block-content form input::-webkit-input-placeholder {
  color: #4f4f4f;
  opacity: 1;
}
.front #block-block-21 .block-content form input::-moz-placeholder {
  color: #4f4f4f;
  opacity: 1;
}
.front #block-block-21 .block-content form input:-ms-input-placeholder {
  color: #4f4f4f;
  opacity: 1;
}
.front #block-block-21 .block-content form input:-moz-placeholder {
  color: #4f4f4f;
  opacity: 1;
}
@media (min-width: 992px) {
  .front #block-block-21 .block-content form {
    padding: 25px 40px 25px 50px;
    width: 70%;
    background-color: transparent;
  }
  .front #block-block-21 .block-content form h2 {
    width: 200%;
  }
}
@media (min-width: 1200px) {
  .front #block-block-21 .block-content form h2 {
    width: 100%;
  }
  .front #block-block-21 .block-content form input {
    width: 100%;
  }
  .front #block-block-21 .block-content form input.form-control {
    background-color: #ffffff;
  }
}
.front #block-block-21 .block-content .btn {
  width: 100%;
  margin: auto;
}
.front #block-views-actualit-s-block-1 .block-content {
  padding-left: 50px;
  padding-top: 25px;
  height: 100%;
}
.front #block-views-actualit-s-block-1 h2 {
  margin-top: 0;
  margin-bottom: 0.7em;
  width: 100%;
  color: #181818;
  position: relative;
}
.front #block-views-actualit-s-block-1 h2:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -15px;
  border-bottom: 4px solid #006582;
  width: 80px;
}
.front #block-views-actualit-s-block-1 .views-row {
  margin-bottom: 10px;
}
.front #block-views-actualit-s-block-1 .views-row .views-field-body p:after {
  background: #006582;
  content: "";
  display: inline-block;
  height: 7px;
  margin-left: 5px;
  width: 7px;
}
.front #block-views-actualit-s-block-1 .views-row:last-child {
  margin-bottom: 0;
}
.front #block-views-actualit-s-block-1 .views-field-created {
  color: #006582;
  text-transform: uppercase;
}
.front #block-views-actualit-s-block-1 .btn-plus {
  padding: 2px 5px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .front .main-container .home-solutions-algeco,
  .front .main-container .home-why-algeco {
    padding-left: 0;
    padding-right: 0;
  }
  .front #block-views-actualit-s-block-1 .block-content {
    padding-left: 15px;
  }
  .front #block-views-actualit-s-block-1 .block-content .views-field-field-image {
    margin-bottom: 20px;
  }
}
.home-solutions-algeco {
  background: #f1f1f1;
}
@media (min-width: 992px) {
  .home-solutions-algeco {
    padding-bottom: 30px;
  }
}
.home-solutions-algeco .block-title {
  margin-top: 30px;
  margin-bottom: 30px;
  padding-bottom: 15px;
}
.home-solutions-algeco .slick-slider {
  margin-bottom: 0;
}
/*.front .home-solutions-algeco {
  margin-top:-60px;
  }*/
.not-front .home-solutions-algeco .row-eq-height {
  margin-left: -15px;
  margin-right: -15px;
}
.view-sectors .slick {
  padding: 0 30px;
}
@media screen and (max-width: 1249px) {
  .view-sectors .slick {
    padding-bottom: 60px;
  }
}
.view-sectors .slick .slide .slide__content {
  margin: 0 15px;
  padding: 15px;
  background-color: white;
  text-align: center;
}
.view-sectors .slick .slide .slide__content .views-field-title {
  font-size: 23px;
  font-weight: 500;
  padding: 30px 0;
  margin-bottom: 15px;
  position: relative;
}
.view-sectors .slick .slide .slide__content .views-field-title:after {
  border-bottom: 2px solid #006582;
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  bottom: 5px;
  margin-left: -20px;
  width: 40px;
}
.view-sectors .slick .slide .slide__content .btn {
  width: 100%;
  border: 1px solid #006582;
  font-size: 18px;
}
.view-sectors .slick .slick-next,
.view-sectors .slick .slick-prev {
  width: 40px;
  height: 40px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 3;
  background: #006582;
  border-radius: 0;
}
.view-sectors .slick .slick-prev {
  left: calc(50% - 50px);
}
.view-sectors .slick .slick-prev:before {
  content: url(../img/slider-prev-extrasmall.png);
}
.view-sectors .slick .slick-next {
  right: calc(50% - 50px);
}
.view-sectors .slick .slick-next:before {
  content: url(../img/slider-next-extrasmall.png);
}
@media screen and (max-width: 1249px) {
  .view-sectors .slick .slick__arrow {
    top: auto;
    transform: translateY(0);
    bottom: 10px;
  }
}
@media screen and (min-width: 1250px) {
  .view-sectors .slick .slick-next,
  .view-sectors .slick .slick-prev {
    width: 50px;
    height: 50px;
  }
  .view-sectors .slick .slick-prev {
    left: -25px;
  }
  .view-sectors .slick .slick-prev:before {
    content: url(../img/slider-prev-small.png);
  }
  .view-sectors .slick .slick-next {
    right: -25px;
  }
  .view-sectors .slick .slick-next:before {
    content: url(../img/slider-next-small.png);
  }
}
@media screen and (min-width: 1350px) {
  .view-sectors .slick .slick-next,
  .view-sectors .slick .slick-prev {
    width: 70px;
    height: 70px;
  }
  .view-sectors .slick .slick-prev {
    left: -80px;
  }
  .view-sectors .slick .slick-prev:before {
    content: url(../img/slider-prev-large.png);
  }
  .view-sectors .slick .slick-next {
    right: -80px;
  }
  .view-sectors .slick .slick-next:before {
    content: url(../img/slider-next-large.png);
  }
}
@media screen and (min-width: 1450px) {
  .view-sectors .slick .slick-next,
  .view-sectors .slick .slick-prev {
    width: 100px;
    height: 100px;
  }
  .view-sectors .slick .slick-prev {
    left: -115px;
  }
  .view-sectors .slick .slick-prev:before {
    content: url(../img/slider-prev-large.png);
  }
  .view-sectors .slick .slick-next {
    right: -115px;
  }
  .view-sectors .slick .slick-next:before {
    content: url(../img/slider-next-large.png);
  }
}
.list .views-row {
  background: white;
  margin-bottom: 30px;
  padding: 2rem;
}
.list .views-row:last-child {
  margin: 0;
}
.list h2,
.list .views-field-created {
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
}
.list h2 {
  font-size: 20px;
  font-weight: bold;
}
.list .views-field-created {
  font-weight: bold;
  margin-bottom: 1.5rem;
}
.list .views-field-created:after {
  background: #888888;
  content: '';
  display: block;
  height: 1px;
  margin-top: 1.5rem;
  width: 3rem;
}
.list .views-field-body {
  color: #888888;
}
.list .pagination {
  float: right;
  margin: 10px 0 0 0;
}
.list .pagination span,
.list .pagination a,
.list .pagination a:hover {
  background: transparent;
  border: 0;
  padding: 5px;
}
@media (max-width: 767px) {
  .list .views-field-field-image {
    margin-bottom: 10px;
  }
  .list .views-field-view-node {
    text-align: center;
  }
}
.teaser-list h2 {
  text-transform: uppercase;
}
.teaser-list.view-recherche-agence h2 {
  margin-top: 0;
}
.page-node-206 h1,
.page-node-206 .subtitle-404 {
  color: #e54219;
}
.page-node-206 .subtitle-404 {
  font-size: 30px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.page-node-206 .what-todo-404 {
  color: black;
  font-size: 20px;
  margin: 30px 0;
  text-transform: uppercase;
}
.page-node-206 .what-todo-404:before {
  background: #888888;
  content: '';
  display: block;
  margin-bottom: 30px;
  height: 1px;
  width: 30px;
}
.page-node-206 .region-content .btn {
  width: 100%;
}
.node-type-actualite .field-name-body {
  margin-bottom: 50px;
}
.node-type-actualite article {
  background: white;
  padding: 50px;
}
.node-type-actualite article .field {
  padding: 0 !important;
}
.node-type-actualite article .paragraphs-items {
  margin-left: -15px;
  margin-right: -15px;
}
.node-type-actualite article .group-paragraph-image {
  margin-bottom: 50px;
}
.node-type-actualite article .field-item {
  clear: both;
  margin-bottom: 50px;
}
.node-type-actualite article .field-item:last-child {
  margin: 0;
}
.node-type-actualite article .odd .group-paragraph-image {
  float: right;
  margin: 0;
}
.block-webform form {
  position: relative;
  /*.selectric-wrapper {
            .selectric,
            ul,
            li {
                background: white;
            }
            .label {
                text-align: left;
            }
            }*/
}
.block-webform form > div {
  background: white;
  position: relative;
}
.block-webform form > div > .webform-component-fieldset > .panel-body {
  padding: 30px 15px 0 15px;
}
@media (min-width: 768px) {
  .block-webform form > div > .webform-component-fieldset > .panel-body {
    padding: 30px 50px 0 50px;
  }
}
.block-webform form h2 {
  color: #006582;
  font-size: 20px;
  margin: 0;
  text-transform: uppercase;
}
.block-webform form h2:after {
  background: #dddddd;
  content: '';
  display: block;
  margin-top: 30px;
  height: 1px;
  width: 30px;
}
.block-webform form h3 {
  font-size: 18px;
  text-transform: uppercase;
  margin: 20px 0 0 0;
  display: inline-block;
}
.block-webform form .panel-body,
.block-webform form .webform-component-fieldset {
  box-shadow: none;
  border: 0;
}
.block-webform form .panel-body .panel-body {
  padding: 0;
}
.block-webform form .webform-component,
.block-webform form .webform-component-textfield + .webform-component-select {
  /*margin-bottom: 40px;*/
  text-align: left;
}
.block-webform form .webform-component input,
.block-webform form .webform-component-textfield + .webform-component-select input,
.block-webform form .webform-component label,
.block-webform form .webform-component-textfield + .webform-component-select label {
  display: inline-block;
}
.block-webform form .webform-component input,
.block-webform form .webform-component-textfield + .webform-component-select input {
  width: 100%;
}
.block-webform form .webform-component .form-managed-file input,
.block-webform form .webform-component-textfield + .webform-component-select .form-managed-file input {
  width: 100%;
}
.block-webform form .webform-component .element-invisible + .selectric-wrapper,
.block-webform form .webform-component-textfield + .webform-component-select .element-invisible + .selectric-wrapper {
  width: 100%;
}
.block-webform form .webform-component input:focus,
.block-webform form .webform-component-textfield + .webform-component-select input:focus {
  border: 1px solid #006582;
}
.block-webform form .webform-component label,
.block-webform form .webform-component-textfield + .webform-component-select label {
  margin: 0;
  width: 100%;
  font-weight: 400;
}
@media (min-width: 992px) {
  .block-webform form .webform-component label,
  .block-webform form .webform-component-textfield + .webform-component-select label {
    width: 15%;
    vertical-align: middle;
    padding-right: 10px;
  }
}
.block-webform form .webform-component.inline-checkbox,
.block-webform form .webform-component-textfield + .webform-component-select.inline-checkbox {
  width: 100%;
}
.block-webform form .webform-component.inline-checkbox label,
.block-webform form .webform-component-textfield + .webform-component-select.inline-checkbox label {
  margin: 0 0 3px 0;
  width: 100%;
}
.block-webform form .webform-component.inline-checkbox input,
.block-webform form .webform-component-textfield + .webform-component-select.inline-checkbox input {
  width: 15px;
  margin-top: 3px;
}
@media (min-width: 768px) {
  .block-webform form .webform-component.inline-checkbox label,
  .block-webform form .webform-component-textfield + .webform-component-select.inline-checkbox label {
    width: auto;
    margin-right: 12px;
  }
  .block-webform form .webform-component.inline-checkbox input,
  .block-webform form .webform-component-textfield + .webform-component-select.inline-checkbox input {
    width: 15px;
    margin-right: 5px;
  }
}
.block-webform form .webform-component.form-type-managed-file label,
.block-webform form .webform-component-textfield + .webform-component-select.form-type-managed-file label {
  width: 100%;
}
.block-webform form .webform-component.form-type-managed-file .form-managed-file,
.block-webform form .webform-component-textfield + .webform-component-select.form-type-managed-file .form-managed-file {
  text-align: center;
}
.block-webform form .webform-component .form-managed-file input,
.block-webform form .webform-component-textfield + .webform-component-select .form-managed-file input {
  vertical-align: middle;
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .block-webform form .webform-component .form-managed-file button,
  .block-webform form .webform-component-textfield + .webform-component-select .form-managed-file button {
    float: right;
  }
}
@media (max-width: 767px) {
  .block-webform form .webform-component .form-managed-file button,
  .block-webform form .webform-component-textfield + .webform-component-select .form-managed-file button {
    margin-top: 10px;
  }
}
@media (min-width: 992px) {
  .block-webform form .webform-component-checkboxes.optin,
  .block-webform form .webform-component-checkboxes.inline-checkbox {
    padding-left: 15%;
  }
}
.block-webform form .webform-component-checkboxes.optin label,
.block-webform form .webform-component-checkboxes.inline-checkbox label {
  width: auto;
}
.block-webform form .webform-component-checkboxes.optin input,
.block-webform form .webform-component-checkboxes.inline-checkbox input {
  width: auto;
}
@media (min-width: 768px) {
  .block-webform form .webform-component-radios > label,
  .block-webform form .webform-component-radios .form-radios,
  .block-webform form .webform-component-radios .form-item {
    display: inline-block;
  }
}
.block-webform form .webform-component-radios .form-radio {
  margin-top: 4px;
}
.block-webform form .webform-component-radios .form-radios label {
  width: auto;
}
.block-webform form .webform-component-radios .form-item {
  margin-right: 10px;
}
.block-webform form .complement label {
  width: auto;
}
@media (min-width: 768px) {
  .block-webform form .complement .form-radios {
    display: inline-block;
    margin-left: 40px;
  }
}
.block-webform form .webform-component--form-wrapper--title-search div + div {
  text-align: right;
  margin-top: 20px;
}
.block-webform form .webform-component--form-wrapper--product--col-left input {
  width: 55%;
}
.block-webform form .webform-component--form-wrapper--product--col-left label {
  width: 34%;
}
.block-webform form .webform-component--form-wrapper--product--col-right {
  margin-top: 78px;
}
.block-webform form .webform-component--form-wrapper--product--col-right .webform-component {
  margin: 0;
}
.block-webform form .form-actions {
  padding: 0 0 30px 0;
  text-align: center;
}
@media (min-width: 768px) {
  .block-webform form .form-actions {
    padding: 0 50px 30px 0;
    text-align: right;
  }
}
.block-webform form .form-actions .btn {
  padding: 18px 60px;
  font-size: 19px;
  line-height: 1.3333333;
}
.block-webform form .webform-submit,
.block-webform form .btn-next {
  background: #006582;
  color: white;
}
.block-webform form .webform-submit:hover,
.block-webform form .btn-next:hover {
  background: white;
  color: #006582;
}
.block-webform form .webform-component--identite .form-type-checkboxes,
.block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes {
  width: 100%;
}
.block-webform form .webform-component--identite .form-type-checkboxes:not(.optin),
.block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes:not(.optin),
.block-webform form .webform-component--identite .form-type-checkboxes:not(.inline-checkbox),
.block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes:not(.inline-checkbox) {
  position: relative;
}
@media (min-width: 768px) {
  .block-webform form .webform-component--identite .form-type-checkboxes:not(.optin),
  .block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes:not(.optin),
  .block-webform form .webform-component--identite .form-type-checkboxes:not(.inline-checkbox),
  .block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes:not(.inline-checkbox) {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .block-webform form .webform-component--identite .form-type-checkboxes:not(.optin),
  .block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes:not(.optin),
  .block-webform form .webform-component--identite .form-type-checkboxes:not(.inline-checkbox),
  .block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes:not(.inline-checkbox) {
    width: 33%;
  }
}
.block-webform form .webform-component--identite .form-type-checkboxes.optin,
.block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes.optin,
.block-webform form .webform-component--identite .form-type-checkboxes.inline-checkbox,
.block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes.inline-checkbox {
  position: relative;
}
@media (min-width: 768px) {
  .block-webform form .webform-component--identite .form-type-checkboxes.optin,
  .block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes.optin,
  .block-webform form .webform-component--identite .form-type-checkboxes.inline-checkbox,
  .block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes.inline-checkbox {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .block-webform form .webform-component--identite .form-type-checkboxes.optin,
  .block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes.optin,
  .block-webform form .webform-component--identite .form-type-checkboxes.inline-checkbox,
  .block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes.inline-checkbox {
    width: 100%;
  }
}
.block-webform form .webform-component--identite .form-type-checkboxes label,
.block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes label,
.block-webform form .webform-component--identite .form-type-checkboxes input,
.block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes input {
  width: auto;
}
.block-webform form .webform-component--identite .form-type-checkboxes,
.block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes {
  width: 100%;
}
.block-webform form .webform-component--identite .form-type-checkboxes:not(.optin),
.block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes:not(.optin),
.block-webform form .webform-component--identite .form-type-checkboxes:not(.inline-checkbox),
.block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes:not(.inline-checkbox) {
  position: relative;
}
@media (min-width: 768px) {
  .block-webform form .webform-component--identite .form-type-checkboxes:not(.optin),
  .block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes:not(.optin),
  .block-webform form .webform-component--identite .form-type-checkboxes:not(.inline-checkbox),
  .block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes:not(.inline-checkbox) {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .block-webform form .webform-component--identite .form-type-checkboxes:not(.optin),
  .block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes:not(.optin),
  .block-webform form .webform-component--identite .form-type-checkboxes:not(.inline-checkbox),
  .block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes:not(.inline-checkbox) {
    width: 33%;
  }
}
.block-webform form .webform-component--identite .form-type-checkboxes.optin,
.block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes.optin,
.block-webform form .webform-component--identite .form-type-checkboxes.inline-checkbox,
.block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes.inline-checkbox {
  position: relative;
}
@media (min-width: 768px) {
  .block-webform form .webform-component--identite .form-type-checkboxes.optin,
  .block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes.optin,
  .block-webform form .webform-component--identite .form-type-checkboxes.inline-checkbox,
  .block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes.inline-checkbox {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .block-webform form .webform-component--identite .form-type-checkboxes.optin,
  .block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes.optin,
  .block-webform form .webform-component--identite .form-type-checkboxes.inline-checkbox,
  .block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes.inline-checkbox {
    width: 100%;
  }
}
.block-webform form .webform-component--identite .form-type-checkboxes label,
.block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes label,
.block-webform form .webform-component--identite .form-type-checkboxes input,
.block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes input {
  width: auto;
}
.block-webform form .webform-component--identite .form-type-checkboxes,
.block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes {
  width: 100%;
}
.block-webform form .webform-component--identite .form-type-checkboxes:not(.optin),
.block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes:not(.optin),
.block-webform form .webform-component--identite .form-type-checkboxes:not(.inline-checkbox),
.block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes:not(.inline-checkbox) {
  position: relative;
}
@media (min-width: 768px) {
  .block-webform form .webform-component--identite .form-type-checkboxes:not(.optin),
  .block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes:not(.optin),
  .block-webform form .webform-component--identite .form-type-checkboxes:not(.inline-checkbox),
  .block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes:not(.inline-checkbox) {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .block-webform form .webform-component--identite .form-type-checkboxes:not(.optin),
  .block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes:not(.optin),
  .block-webform form .webform-component--identite .form-type-checkboxes:not(.inline-checkbox),
  .block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes:not(.inline-checkbox) {
    width: 33%;
  }
}
.block-webform form .webform-component--identite .form-type-checkboxes.optin,
.block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes.optin,
.block-webform form .webform-component--identite .form-type-checkboxes.inline-checkbox,
.block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes.inline-checkbox {
  position: relative;
}
@media (min-width: 768px) {
  .block-webform form .webform-component--identite .form-type-checkboxes.optin,
  .block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes.optin,
  .block-webform form .webform-component--identite .form-type-checkboxes.inline-checkbox,
  .block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes.inline-checkbox {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .block-webform form .webform-component--identite .form-type-checkboxes.optin,
  .block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes.optin,
  .block-webform form .webform-component--identite .form-type-checkboxes.inline-checkbox,
  .block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes.inline-checkbox {
    width: 100%;
  }
}
.block-webform form .webform-component--identite .form-type-checkboxes label,
.block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes label,
.block-webform form .webform-component--identite .form-type-checkboxes input,
.block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes input {
  width: auto;
}
.block-webform form .webform-component--identite .form-type-checkboxes,
.block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes {
  width: 100%;
}
.block-webform form .webform-component--identite .form-type-checkboxes:not(.optin),
.block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes:not(.optin),
.block-webform form .webform-component--identite .form-type-checkboxes:not(.inline-checkbox),
.block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes:not(.inline-checkbox) {
  position: relative;
}
@media (min-width: 768px) {
  .block-webform form .webform-component--identite .form-type-checkboxes:not(.optin),
  .block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes:not(.optin),
  .block-webform form .webform-component--identite .form-type-checkboxes:not(.inline-checkbox),
  .block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes:not(.inline-checkbox) {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .block-webform form .webform-component--identite .form-type-checkboxes:not(.optin),
  .block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes:not(.optin),
  .block-webform form .webform-component--identite .form-type-checkboxes:not(.inline-checkbox),
  .block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes:not(.inline-checkbox) {
    width: 33%;
  }
}
.block-webform form .webform-component--identite .form-type-checkboxes.optin,
.block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes.optin,
.block-webform form .webform-component--identite .form-type-checkboxes.inline-checkbox,
.block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes.inline-checkbox {
  position: relative;
}
@media (min-width: 768px) {
  .block-webform form .webform-component--identite .form-type-checkboxes.optin,
  .block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes.optin,
  .block-webform form .webform-component--identite .form-type-checkboxes.inline-checkbox,
  .block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes.inline-checkbox {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .block-webform form .webform-component--identite .form-type-checkboxes.optin,
  .block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes.optin,
  .block-webform form .webform-component--identite .form-type-checkboxes.inline-checkbox,
  .block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes.inline-checkbox {
    width: 100%;
  }
}
.block-webform form .webform-component--identite .form-type-checkboxes label,
.block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes label,
.block-webform form .webform-component--identite .form-type-checkboxes input,
.block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes input {
  width: auto;
}
.block-webform form .webform-component--form-wrapper--product--Surface--c .input-group,
.block-webform form .webform-component--form-wrapper--product--surface .input-group {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}
.block-webform form .webform-component--form-wrapper--product--Surface--c .input-group input,
.block-webform form .webform-component--form-wrapper--product--surface .input-group input {
  width: 75%;
}
.block-webform form .webform-component--form-wrapper--product--Surface--c .input-group .input-group-addon,
.block-webform form .webform-component--form-wrapper--product--surface .input-group .input-group-addon {
  height: 43px;
  display: inline-block;
  width: auto;
  padding: 12px 18px;
}
@media (min-width: 768px) {
  .block-webform form .webform-component--form-wrapper--product--Surface--c .input-group,
  .block-webform form .webform-component--form-wrapper--product--surface .input-group {
    width: 30%;
  }
  .block-webform form .webform-component--form-wrapper--product--Surface--c .input-group input,
  .block-webform form .webform-component--form-wrapper--product--surface .input-group input {
    width: 46.5%;
  }
}
@media (min-width: 992px) {
  .block-webform form .webform-component--form-wrapper--product--Surface--c .input-group,
  .block-webform form .webform-component--form-wrapper--product--surface .input-group {
    width: 20%;
  }
  .block-webform form .webform-component--form-wrapper--product--Surface--c .input-group input,
  .block-webform form .webform-component--form-wrapper--product--surface .input-group input {
    width: 53.5%;
  }
}
.block-webform form .webform-component--form-wrapper--product--address--zipcode label,
.block-webform form .webform-component--form-wrapper--identity--address-customer--zipcode-customer label {
  width: 100%;
}
.block-webform form .webform-component--form-wrapper--product--address--zipcode input,
.block-webform form .webform-component--form-wrapper--identity--address-customer--zipcode-customer input {
  width: 100%;
}
@media (min-width: 992px) {
  .block-webform form .webform-component--form-wrapper--product--address--zipcode label,
  .block-webform form .webform-component--form-wrapper--identity--address-customer--zipcode-customer label {
    width: 49%;
  }
  .block-webform form .webform-component--form-wrapper--product--address--zipcode input,
  .block-webform form .webform-component--form-wrapper--identity--address-customer--zipcode-customer input {
    width: 46.5%;
  }
}
@media (min-width: 1200px) {
  .block-webform form .webform-component--form-wrapper--product--address--zipcode label,
  .block-webform form .webform-component--form-wrapper--identity--address-customer--zipcode-customer label {
    width: 48%;
  }
  .block-webform form .webform-component--form-wrapper--product--address--zipcode input,
  .block-webform form .webform-component--form-wrapper--identity--address-customer--zipcode-customer input {
    width: 50.5%;
  }
}
@media (min-width: 768px) {
  .block-webform form .webform-component--form-wrapper--product--address--zipcode label {
    padding-right: 20px;
  }
}
.block-webform form .webform-component--form-wrapper--product--address--product-city label,
.block-webform form .webform-component--form-wrapper--identity--address-customer--city-customer label {
  width: 100%;
}
.block-webform form .webform-component--form-wrapper--product--address--product-city input,
.block-webform form .webform-component--form-wrapper--identity--address-customer--city-customer input {
  width: 100%;
}
@media (min-width: 992px) {
  .block-webform form .webform-component--form-wrapper--product--address--product-city label,
  .block-webform form .webform-component--form-wrapper--identity--address-customer--city-customer label {
    width: 15%;
  }
  .block-webform form .webform-component--form-wrapper--product--address--product-city input,
  .block-webform form .webform-component--form-wrapper--identity--address-customer--city-customer input {
    width: 84.2%;
  }
}
@media (min-width: 1200px) {
  .block-webform form .webform-component--form-wrapper--product--address--product-city label,
  .block-webform form .webform-component--form-wrapper--identity--address-customer--city-customer label {
    width: 15%;
  }
  .block-webform form .webform-component--form-wrapper--product--address--product-city input,
  .block-webform form .webform-component--form-wrapper--identity--address-customer--city-customer input {
    width: 84.2%;
  }
}
.block-webform form .form-group.error label,
.block-webform form .form-group.has-error label,
.block-webform form .form-group.error .control-label,
.block-webform form .form-group.has-error .control-label {
  color: #d71e17;
}
.block-webform form .has-error .form-control,
.block-webform form .selectric-error .selectric {
  border-color: #d71e17;
  box-shadow: none;
}
.block-webform.contact-us-form {
  margin-left: -15px;
  margin-right: -15px;
}
.block-webform.contact-us-form form > div > .webform-component-fieldset > .panel-body {
  padding: 0;
}
.block-webform .webform-component--droite--required-info span {
  color: #333 !important;
}
.contact-1col .panel-default {
  width: 100%;
  border: none;
  box-shadow: none;
  margin-bottom: 0;
  padding: 0;
}
.contact-1col .panel-default .panel-body {
  padding: 0 0 15px 0;
}
@media (min-width: 768px) {
  .contact-1col .panel-default .panel-body {
    padding: 0 15px 15px 15px;
  }
}
.contact-1col .panel-default .webform-component-textfield.form-item,
.contact-1col .panel-default .webform-component-email.form-item,
.contact-1col .panel-default .webform-component-select.form-item,
.contact-1col .panel-default .webform-component-textarea.form-item {
  display: inline-block;
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .contact-1col .panel-default .webform-component-textfield.form-item,
  .contact-1col .panel-default .webform-component-email.form-item,
  .contact-1col .panel-default .webform-component-select.form-item,
  .contact-1col .panel-default .webform-component-textarea.form-item {
    flex-direction: row;
  }
}
.contact-1col .panel-default .webform-component-textfield.form-item .selectric-wrapper,
.contact-1col .panel-default .webform-component-email.form-item .selectric-wrapper,
.contact-1col .panel-default .webform-component-select.form-item .selectric-wrapper,
.contact-1col .panel-default .webform-component-textarea.form-item .selectric-wrapper,
.contact-1col .panel-default .webform-component-textfield.form-item .selectric-wrapper .selectric .label,
.contact-1col .panel-default .webform-component-email.form-item .selectric-wrapper .selectric .label,
.contact-1col .panel-default .webform-component-select.form-item .selectric-wrapper .selectric .label,
.contact-1col .panel-default .webform-component-textarea.form-item .selectric-wrapper .selectric .label,
.contact-1col .panel-default .webform-component-textfield.form-item .selectric-wrapper .selectric-items .selectric-scroll ul li,
.contact-1col .panel-default .webform-component-email.form-item .selectric-wrapper .selectric-items .selectric-scroll ul li,
.contact-1col .panel-default .webform-component-select.form-item .selectric-wrapper .selectric-items .selectric-scroll ul li,
.contact-1col .panel-default .webform-component-textarea.form-item .selectric-wrapper .selectric-items .selectric-scroll ul li,
.contact-1col .panel-default .webform-component-textfield.form-item .form-control:not(.bef-select-as-checkboxes),
.contact-1col .panel-default .webform-component-email.form-item .form-control:not(.bef-select-as-checkboxes),
.contact-1col .panel-default .webform-component-select.form-item .form-control:not(.bef-select-as-checkboxes),
.contact-1col .panel-default .webform-component-textarea.form-item .form-control:not(.bef-select-as-checkboxes) {
  text-transform: none;
  color: #888888;
  font-size: 15px;
}
.contact-1col .panel-default .webform-component-textfield.form-item input::-webkit-input-placeholder,
.contact-1col .panel-default .webform-component-email.form-item input::-webkit-input-placeholder,
.contact-1col .panel-default .webform-component-select.form-item input::-webkit-input-placeholder,
.contact-1col .panel-default .webform-component-textarea.form-item input::-webkit-input-placeholder,
.contact-1col .panel-default .webform-component-textfield.form-item textarea::-webkit-input-placeholder,
.contact-1col .panel-default .webform-component-email.form-item textarea::-webkit-input-placeholder,
.contact-1col .panel-default .webform-component-select.form-item textarea::-webkit-input-placeholder,
.contact-1col .panel-default .webform-component-textarea.form-item textarea::-webkit-input-placeholder {
  opacity: 1;
  color: #f1f1f1;
}
.contact-1col .panel-default .webform-component-textfield.form-item input::-moz-placeholder,
.contact-1col .panel-default .webform-component-email.form-item input::-moz-placeholder,
.contact-1col .panel-default .webform-component-select.form-item input::-moz-placeholder,
.contact-1col .panel-default .webform-component-textarea.form-item input::-moz-placeholder,
.contact-1col .panel-default .webform-component-textfield.form-item textarea::-moz-placeholder,
.contact-1col .panel-default .webform-component-email.form-item textarea::-moz-placeholder,
.contact-1col .panel-default .webform-component-select.form-item textarea::-moz-placeholder,
.contact-1col .panel-default .webform-component-textarea.form-item textarea::-moz-placeholder {
  opacity: 1;
  color: #f1f1f1;
}
.contact-1col .panel-default .webform-component-textfield.form-item input:-ms-input-placeholder,
.contact-1col .panel-default .webform-component-email.form-item input:-ms-input-placeholder,
.contact-1col .panel-default .webform-component-select.form-item input:-ms-input-placeholder,
.contact-1col .panel-default .webform-component-textarea.form-item input:-ms-input-placeholder,
.contact-1col .panel-default .webform-component-textfield.form-item textarea:-ms-input-placeholder,
.contact-1col .panel-default .webform-component-email.form-item textarea:-ms-input-placeholder,
.contact-1col .panel-default .webform-component-select.form-item textarea:-ms-input-placeholder,
.contact-1col .panel-default .webform-component-textarea.form-item textarea:-ms-input-placeholder {
  opacity: 1;
  color: #f1f1f1;
}
.contact-1col .panel-default .webform-component-textfield.form-item input:-moz-placeholder,
.contact-1col .panel-default .webform-component-email.form-item input:-moz-placeholder,
.contact-1col .panel-default .webform-component-select.form-item input:-moz-placeholder,
.contact-1col .panel-default .webform-component-textarea.form-item input:-moz-placeholder,
.contact-1col .panel-default .webform-component-textfield.form-item textarea:-moz-placeholder,
.contact-1col .panel-default .webform-component-email.form-item textarea:-moz-placeholder,
.contact-1col .panel-default .webform-component-select.form-item textarea:-moz-placeholder,
.contact-1col .panel-default .webform-component-textarea.form-item textarea:-moz-placeholder {
  opacity: 1;
  color: #f1f1f1;
}
.contact-1col .panel-default .webform-component-textfield.form-item .control-label,
.contact-1col .panel-default .webform-component-email.form-item .control-label,
.contact-1col .panel-default .webform-component-select.form-item .control-label,
.contact-1col .panel-default .webform-component-textarea.form-item .control-label {
  order: -1;
  width: 100%;
  line-height: 62px;
}
@media (min-width: 768px) {
  .contact-1col .panel-default .webform-component-textfield.form-item .control-label,
  .contact-1col .panel-default .webform-component-email.form-item .control-label,
  .contact-1col .panel-default .webform-component-select.form-item .control-label,
  .contact-1col .panel-default .webform-component-textarea.form-item .control-label {
    width: 30%;
    float: left;
  }
}
.contact-1col .panel-default .webform-component-textfield.form-item .control-label.element-invisible,
.contact-1col .panel-default .webform-component-email.form-item .control-label.element-invisible,
.contact-1col .panel-default .webform-component-select.form-item .control-label.element-invisible,
.contact-1col .panel-default .webform-component-textarea.form-item .control-label.element-invisible {
  overflow: visible;
  height: auto;
  position: relative !important;
}
@media (min-width: 768px) {
  .contact-1col .panel-default .webform-component-textfield.form-item .form-control,
  .contact-1col .panel-default .webform-component-email.form-item .form-control,
  .contact-1col .panel-default .webform-component-select.form-item .form-control,
  .contact-1col .panel-default .webform-component-textarea.form-item .form-control,
  .contact-1col .panel-default .webform-component-textfield.form-item .selectric-form-control,
  .contact-1col .panel-default .webform-component-email.form-item .selectric-form-control,
  .contact-1col .panel-default .webform-component-select.form-item .selectric-form-control,
  .contact-1col .panel-default .webform-component-textarea.form-item .selectric-form-control,
  .contact-1col .panel-default .webform-component-textfield.form-item .form-textarea-wrapper,
  .contact-1col .panel-default .webform-component-email.form-item .form-textarea-wrapper,
  .contact-1col .panel-default .webform-component-select.form-item .form-textarea-wrapper,
  .contact-1col .panel-default .webform-component-textarea.form-item .form-textarea-wrapper {
    display: block;
    width: 70%;
    float: right;
  }
  .contact-1col .panel-default .webform-component-textfield.form-item .form-textarea-wrapper .form-control,
  .contact-1col .panel-default .webform-component-email.form-item .form-textarea-wrapper .form-control,
  .contact-1col .panel-default .webform-component-select.form-item .form-textarea-wrapper .form-control,
  .contact-1col .panel-default .webform-component-textarea.form-item .form-textarea-wrapper .form-control {
    width: 100%;
    padding-top: 20px;
  }
}
.contact-1col .panel-default .webform-component-textfield.form-item .grippie,
.contact-1col .panel-default .webform-component-email.form-item .grippie,
.contact-1col .panel-default .webform-component-select.form-item .grippie,
.contact-1col .panel-default .webform-component-textarea.form-item .grippie {
  display: none;
}
.contact-1col .panel-default .webform-component.inline-checkbox label {
  margin-right: 12px;
  padding-right: 10px;
}
.contact-1col .panel-default .webform-component.inline-checkbox input {
  margin-right: 5px;
}
.block-webform .modal-webform-container .modal-content {
  padding: 0;
}
.block-webform .modal-webform-container .modal-content .modal-title {
  text-transform: uppercase;
  font-size: 24px;
}
.block-webform .modal-webform-container .modal-content .error {
  text-align: left;
  color: white;
}
.block-webform .modal-webform-container .modal-content .error ul {
  padding: 0;
}
.block-webform .modal-webform-container .modal-content .error .close {
  background: #e54219 !important;
  border: none;
  margin: -15px -15px 0 0;
  font-size: 30px !important;
}
.block-webform .modal-webform-container .modal-content form .panel-heading {
  background-color: transparent;
  border: none;
  color: #000;
  text-align: left;
  text-transform: uppercase;
  font-size: 18px;
  padding: 10px 0;
}
@media (min-width: 768px) {
  .block-webform .modal-webform-container .modal-content form .panel-heading {
    padding: 10px 15px;
  }
}
.block-webform .modal-webform-container .modal-content form div > .webform-component-fieldset > .panel-body {
  padding: 15px 0 0 0;
  text-align: left;
}
@media (min-width: 768px) {
  .block-webform .modal-webform-container .modal-content form div > .webform-component-fieldset > .panel-body {
    padding: 15px 15px 0 15px;
  }
}
.block-webform .modal-webform-container .modal-content form .webform-component label,
.block-webform .modal-webform-container .modal-content form .webform-component-textfield + .webform-component-select label {
  width: 100%;
}
@media (min-width: 768px) {
  .block-webform .modal-webform-container .modal-content form .webform-component label,
  .block-webform .modal-webform-container .modal-content form .webform-component-textfield + .webform-component-select label {
    width: 25%;
  }
}
.block-webform .modal-webform-container .modal-content form .webform-component .form-radios {
  width: 74%;
}
.block-webform .modal-webform-container .modal-content form .webform-component .form-radios .form-item {
  width: auto;
}
.block-webform .modal-webform-container .modal-content form .webform-component .form-radios .form-item label {
  width: auto;
}
@media (min-width: 768px) {
  .block-webform .modal-webform-container .modal-content form .webform-component .form-radios .form-item label {
    width: auto;
  }
}
.block-webform .modal-webform-container .modal-content form .webform-component input,
.block-webform .modal-webform-container .modal-content form .webform-component-textfield + .webform-component-select input,
.block-webform .modal-webform-container .modal-content form .webform-component .selectric-wrapper,
.block-webform .modal-webform-container .modal-content form .webform-component-textfield + .webform-component-select .selectric-wrapper {
  width: 100%;
}
@media (min-width: 768px) {
  .block-webform .modal-webform-container .modal-content form .webform-component input,
  .block-webform .modal-webform-container .modal-content form .webform-component-textfield + .webform-component-select input,
  .block-webform .modal-webform-container .modal-content form .webform-component .selectric-wrapper,
  .block-webform .modal-webform-container .modal-content form .webform-component-textfield + .webform-component-select .selectric-wrapper {
    width: 74%;
  }
}
.block-webform .modal-webform-container .modal-content form .webform-component input.form-radio {
  width: 15px;
  margin-right: 10px;
}
.block-webform .modal-webform-container .modal-content form .form-actions {
  padding: 0 15px 30px 0;
}
.block-webform .close {
  color: #000;
  opacity: 1;
}
#block-views-occasions-page-formulaire-block .block-content h2 {
  margin: 60px 0 30px 0;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  #block-views-occasions-page-formulaire-block .block-content .view-occasions-page-formulaire .view-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
#block-views-occasions-page-formulaire-block .block-content .view-occasions-page-formulaire .view-content .views-field-nothing {
  background: #f1f1f1;
  padding: 15px;
  text-align: center;
  position: relative;
  height: 100%;
}
#block-views-occasions-page-formulaire-block .block-content .view-occasions-page-formulaire .view-content .views-field-nothing h3 {
  color: #006582;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 20px;
}
#node-191 h3:first-child,
#node-205 h3:first-child,
#node-250 h3:first-child {
  margin-top: 0;
}
#node-191 h3,
#node-205 h3,
#node-250 h3 {
  font-size: 30px;
  font-weight: 100;
  margin: 30px 0;
}
#node-191 .with-separator,
#node-205 .with-separator,
#node-250 .with-separator {
  font-size: 18px;
  text-transform: uppercase;
}
#node-191 .with-separator:before,
#node-205 .with-separator:before,
#node-250 .with-separator:before {
  background: #dddddd;
  content: '';
  display: block;
  margin-bottom: 30px;
  height: 1px;
  width: 30px;
}
#node-191 a.btn,
#node-205 a.btn,
#node-250 a.btn {
  background: #006582;
  color: white;
}
#node-191 a.btn:hover,
#node-205 a.btn:hover,
#node-250 a.btn:hover {
  background: white;
  color: #006582;
}
#pre-bottom #block-block-16 {
  margin-left: 16px;
  margin-right: 16px;
}
#pre-bottom #block-block-16:before {
  background: #006582;
  content: '';
  display: block;
  height: 118px;
  left: 1.5rem;
  position: absolute;
  top: 0;
  width: 2rem;
}
#pre-bottom #block-block-16 .block-content {
  padding: 50px;
}
#pre-bottom #block-block-16 h2 {
  color: #006582;
  text-transform: uppercase;
  font-size: 24px;
}
#pre-bottom #block-block-16 img {
  margin-bottom: 30px;
}
#pre-bottom #block-block-16 .btn:hover {
  background: #006582;
  color: white;
}
/* POURQUOI ALGECO */
#block-views-pourquoi-algeco-block {
  background: white;
  padding: 30px 15px;
}
@media (min-width: 768px) {
  #block-views-pourquoi-algeco-block {
    padding: 50px;
  }
}
#block-views-pourquoi-algeco-block h2 {
  font-size: 18px;
  margin: 0 0 30px 0;
}
#block-views-pourquoi-algeco-block h2 a {
  color: black;
  text-transform: uppercase;
}
#block-views-pourquoi-algeco-block .views-field-view-node {
  position: absolute;
  bottom: 0;
}
#block-views-pourquoi-algeco-block .views-row {
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  #block-views-pourquoi-algeco-block .views-row-odd .row > div:first-child {
    padding-left: 0;
  }
}
#block-views-pourquoi-algeco-block .views-row-even .row > div:first-child {
  order: 2;
}
#block-views-pourquoi-algeco-block .views-row-even .row > div:last-child {
  order: 1;
  padding-right: 0;
}
#pre-bottom #block-block-8 {
  position: relative;
}
#pre-bottom #block-block-8:before {
  background: #006582;
  content: '';
  display: block;
  height: 118px;
  left: 1.5rem;
  position: absolute;
  top: 0;
  width: 2rem;
}
#pre-bottom #block-block-8 .block-content {
  padding-left: 60px;
}
#pre-bottom #block-block-8 .row > div:first-child {
  width: auto;
}
@media (max-width: 991px) {
  #pre-bottom #block-block-8 p.submit {
    text-align: center;
  }
}
#pre-bottom #block-block-8 .btn {
  bottom: 0;
  position: absolute;
}
/* AGENCE */
.not-front article.node-agence .field.field-type-image,
.not-front article.node-agence .field.field-name-field-agency-fax,
.not-front article.node-agence .field.field-name-field-agency-telephon {
  padding: 0;
}
.not-front article.node-agence .field.field-type-image {
  margin-bottom: 20px;
}
.not-front article.node-agence .field.field-type-image img {
  width: 100%;
  height: auto;
}
/* EMPLOI */
#block-views-a3f433746084b2d62c6ab7b2550b0eb0 {
  background-color: white;
  padding: 0 15px;
}
@media (min-width: 768px) {
  #block-views-a3f433746084b2d62c6ab7b2550b0eb0 {
    padding: 35px 45px;
  }
}
@media (min-width: 992px) {
  #block-views-a3f433746084b2d62c6ab7b2550b0eb0 {
    padding: 45px 55px;
  }
}
@media (min-width: 1200px) {
  #block-views-a3f433746084b2d62c6ab7b2550b0eb0 {
    padding: 55px 65px;
  }
}
@media (max-width: 767px) {
  #block-views-a3f433746084b2d62c6ab7b2550b0eb0 .views-row .views-field-field-vignette {
    margin-bottom: 15px;
  }
  #block-views-a3f433746084b2d62c6ab7b2550b0eb0 .views-row .views-field-view-node {
    text-align: center;
  }
}
@media (max-width: 991px) {
  #block-views-a3f433746084b2d62c6ab7b2550b0eb0 .row-eq-height > div + div {
    padding-bottom: 0;
  }
}
.view-bloc-m-tiers-page-nos-m-tiers .views-row {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .view-bloc-m-tiers-page-nos-m-tiers .views-row .views-field-field-vignette {
    margin-bottom: 15px;
  }
}
.view-bloc-m-tiers-page-nos-m-tiers .views-row h2 {
  font-size: 19px;
  margin-top: 0;
}
.view-bloc-m-tiers-page-nos-m-tiers .views-row h2 a {
  color: #333;
}
.view-bloc-m-tiers-page-nos-m-tiers .views-row.views-row-even {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.view-bloc-m-tiers-page-nos-m-tiers .views-row.views-row-even .row > div:first-child {
  order: 2;
}
.view-bloc-m-tiers-page-nos-m-tiers .views-row.views-row-even .row > div:last-child {
  order: 1;
  padding-right: 0;
}
/* NOS METIERS */
@media (min-width: 768px) {
  .view-bloc-m-tiers-page-nos-m-tiers {
    margin-top: 30px;
  }
}
.view-bloc-m-tiers-page-nos-m-tiers .views-field-nothing {
  width: 100%;
}
/* RECHERCHE */
#block-views-recherche-agence-map-block-1 h2 {
  text-transform: uppercase;
}
#block-views-recherche-agence-map-block-1 form {
  max-width: 460px;
  margin: auto;
  position: relative;
  margin-top: 15px !important;
}
#block-views-recherche-agence-map-block-1 form .views-submit-button {
  right: 0;
}
#block-views-recherche-agence-map-block-1 form .form-submit {
  height: 62px;
  /*background:  url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij4KICA8Zz4KICAgIDxwYXRoIGQ9Ik00OTUsNDY2LjJMMzc3LjIsMzQ4LjRjMjkuMi0zNS42LDQ2LjgtODEuMiw0Ni44LTEzMC45QzQyNCwxMDMuNSwzMzEuNSwxMSwyMTcuNSwxMUMxMDMuNCwxMSwxMSwxMDMuNSwxMSwyMTcuNSAgIFMxMDMuNCw0MjQsMjE3LjUsNDI0YzQ5LjcsMCw5NS4yLTE3LjUsMTMwLjgtNDYuN0w0NjYuMSw0OTVjOCw4LDIwLjksOCwyOC45LDBDNTAzLDQ4Ny4xLDUwMyw0NzQuMSw0OTUsNDY2LjJ6IE0yMTcuNSwzODIuOSAgIEMxMjYuMiwzODIuOSw1MiwzMDguNyw1MiwyMTcuNVMxMjYuMiw1MiwyMTcuNSw1MkMzMDguNyw1MiwzODMsMTI2LjMsMzgzLDIxNy41UzMwOC43LDM4Mi45LDIxNy41LDM4Mi45eiIgZmlsbD0iIzY3Njc2NyIvPgogIDwvZz4KPC9zdmc+Cg==);*/
  /*background-size: 100%;*/
}
/* REGION */
.node-type-region .main-container {
  padding-bottom: 0;
}
#block-views-realisations-block-3 {
  margin-top: 0;
  padding: 0 25px;
}
#block-views-realisations-block-3 h2 {
  padding: 20px 0 50px 0;
}
#block-views-realisations-block-3 .views-field-title {
  text-transform: uppercase;
}
#block-views-realisations-block-3 .views-field-title:after {
  background: #dddddd;
  content: '';
  display: block;
  margin: 20px 0;
  height: 1px;
  width: 30px;
}
#block-views-realisations-block-3 .views-field-nothing {
  padding: 20px;
}
#block-views-realisations-block-3 .row-eq-height .btn {
  position: relative;
}
/* PARAGRAPHES */
.not-front .paragraphs-items {
  background-color: #fff;
}
.not-front .paragraphs-items .field-type-paragraphs {
  margin-left: -15px;
  margin-right: -15px;
  display: inline-block;
}
.not-front .paragraphs-items .field-type-paragraphs .entity-paragraphs-item {
  display: inline-block;
  margin-bottom: 20px;
  width: 100%;
}
.not-front .paragraphs-items .field-type-paragraphs .entity-paragraphs-item .field {
  padding: 0;
  margin-bottom: 20px;
}
/* ACCUSE FORM CONTACT */
.inter-contact-confirmation {
  text-align: center;
  background-color: white;
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
  text-transform: uppercase;
  padding-top: 60px;
  padding-bottom: 60px;
  margin-bottom: 60px;
  margin-top: 60px;
  color: #000;
}
#block-system-main .field-type-text-with-summary ul,
#block-system-main .field-type-text ul,
#block-system-main .field-type-text-long ul {
  padding: 0;
}
#block-system-main .field-type-text-with-summary ul li,
#block-system-main .field-type-text ul li,
#block-system-main .field-type-text-long ul li {
  list-style-type: none;
  list-style-image: none;
  padding-left: 20px;
}
#block-system-main .field-type-text-with-summary ul li:before,
#block-system-main .field-type-text ul li:before,
#block-system-main .field-type-text-long ul li:before {
  content: "\f054";
  color: #006582;
  font-family: FontAwesome;
  display: inline-block;
  font-weight: bold;
  height: 1px;
  margin: 0 5px 0 -20px;
}
#block-system-main .field-type-text-with-summary ul li ul,
#block-system-main .field-type-text ul li ul,
#block-system-main .field-type-text-long ul li ul {
  margin-left: 20px;
}
#block-system-main .field-type-text-with-summary ul li ul li:before,
#block-system-main .field-type-text ul li ul li:before,
#block-system-main .field-type-text-long ul li ul li:before {
  font-size: 80%;
}
/*Page réalisation*/
.node-type-realisation h1.page-header {
  margin-bottom: 0.7em;
  width: 100%;
  position: relative;
}
.node-type-realisation h1.page-header:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -15px;
  border-bottom: 4px solid #006582;
  width: 80px;
}
.node-type-realisation h1.page-header.title-underLine-center:before {
  left: 50%;
  transform: translateX(-50%);
}
.node-type-realisation h1.page-header.title-underLine-white:before {
  border-bottom: 4px solid #ffffff;
}
.node-type-realisation h1.page-header:before {
  left: 50%;
  transform: translateX(-50%);
}
.not-front.no-sidebars article .field-name-field-sector-page-link {
  padding: 0;
  margin: 0 0 30px 0;
}
.not-front.no-sidebars article .field-name-field-sector-page-link .field-item {
  display: inline-block;
  font-style: italic;
  margin: 0 5px;
  font-size: 19px;
}
.not-front.no-sidebars article .field-name-field-sector-page-link .field-item a:after {
  content: ",";
}
.not-front.no-sidebars article .field-name-field-sector-page-link .field-item:last-child a:after {
  content: "";
}
.not-front.no-sidebars article .group-left-block-realisation .h2,
.not-front.no-sidebars article .group-left-block-realisation h2 {
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
  padding: 30px 0 10px 0;
  margin-left: -12px;
  margin-right: -15px;
  margin-bottom: 10.5px;
  font-size: 19px;
}
.not-front.no-sidebars article .group-left-block-realisation .h2:after,
.not-front.no-sidebars article .group-left-block-realisation h2:after {
  content: " ";
  display: block;
  background: #e1e1e1;
  width: 20%;
  height: 1px;
  margin-left: 40%;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .not-front.no-sidebars article .group-left-block-realisation .h2,
  .not-front.no-sidebars article .group-left-block-realisation h2 {
    font-size: 23px;
  }
}
.not-front.no-sidebars article .group-left-block-realisation .field-label {
  text-transform: uppercase;
}
.not-front.no-sidebars article .group-left-block-realisation .btn {
  font-weight: normal;
  padding: 10px 10px;
  white-space: normal;
}
.not-front.no-sidebars article .group-right-block-realisation {
  padding: 0;
}
@media (min-width: 768px) {
  .not-front.no-sidebars article .group-right-block-realisation .field-name-body {
    padding-right: 0;
  }
}
.not-front.no-sidebars article .group-right-block-realisation .detail-projet {
  position: relative;
  padding-top: 11px;
}
.not-front.no-sidebars article .group-right-block-realisation .detail-projet:before {
  content: " ";
  display: block;
  background: #e1e1e1;
  width: 35px;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
}
/*Page sectors*/
#block-views-sectors-list-block .view-sectors-list .views-row {
  margin-bottom: 30px;
}
#block-views-sectors-list-block .view-sectors-list .views-row .views-field-field-vignette a {
  position: relative;
  display: block;
}
#block-views-sectors-list-block .view-sectors-list .views-row .views-field-field-vignette a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(24, 24, 24, 0.65);
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
#block-views-sectors-list-block .view-sectors-list .views-row .views-field-field-vignette a:hover:before {
  background-color: rgba(0, 101, 130, 0.8);
}
#block-views-sectors-list-block .view-sectors-list .views-row .views-field-title {
  position: absolute;
  text-align: center;
  top: 50%;
  left: 25px;
  right: 25px;
  transform: translateY(-50%);
}
#block-views-sectors-list-block .view-sectors-list .views-row .views-field-title h2 {
  font-size: 23px;
  margin-bottom: 0.7em;
  width: 100%;
  position: relative;
}
#block-views-sectors-list-block .view-sectors-list .views-row .views-field-title h2:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -15px;
  border-bottom: 4px solid #006582;
  width: 80px;
}
#block-views-sectors-list-block .view-sectors-list .views-row .views-field-title h2.title-underLine-center:before {
  left: 50%;
  transform: translateX(-50%);
}
#block-views-sectors-list-block .view-sectors-list .views-row .views-field-title h2.title-underLine-white:before {
  border-bottom: 4px solid #ffffff;
}
#block-views-sectors-list-block .view-sectors-list .views-row .views-field-title h2:before {
  left: 50%;
  transform: translateX(-50%);
}
#block-views-sectors-list-block .view-sectors-list .views-row .views-field-title h2:before {
  border-bottom: 4px solid #ffffff;
}
#block-views-sectors-list-block .view-sectors-list .views-row .views-field-title h2:before {
  width: 50px;
  border-width: 2px;
  margin-left: -25px;
  transform: translateX(0);
}
#block-views-sectors-list-block .view-sectors-list .views-row .views-field-title h2 a {
  color: white;
}
/*Page Standard layouts*/
.view-layouts-downloads .view-content .views-row {
  text-align: center;
}
.view-layouts-downloads .view-content .views-row .views-fieldset {
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.view-layouts-downloads .view-content .views-row .views-fieldset:hover {
  background-color: #003d4f;
}
.view-layouts-downloads .view-content .views-row .views-fieldset a:hover,
.view-layouts-downloads .view-content .views-row .views-fieldset a:focus {
  color: #ffffff;
}
.view-layouts-downloads .view-content .views-row .views-fieldset .title-underLine {
  margin-bottom: 1.2em;
}
.view-layouts-downloads .view-content .views-row .views-fieldset .title-underLine:before {
  width: 50px;
  border-width: 2px;
}
/*Page Approved used solutions*/
/*Blocs menu*/
.view-approved-used-solutions-menu-blocks .views-row .views-field-field-vignette {
  position: relative;
}
.view-approved-used-solutions-menu-blocks .views-row .views-field-field-vignette:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(24, 24, 24, 0.65);
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.view-approved-used-solutions-menu-blocks .views-row .views-field-field-vignette:hover:before {
  background-color: rgba(0, 101, 130, 0.8);
}
@media (max-width: 768px) {
  .view-approved-used-solutions-menu-blocks .views-row {
    padding: 0;
    margin-bottom: 10px;
  }
  .view-approved-used-solutions-menu-blocks .views-row .views-field-field-vignette img {
    width: 100%;
  }
}
.view-approved-used-solutions-menu-blocks .views-row .teaser-content .views-field-title h3 {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.view-approved-used-solutions-menu-blocks .views-row .teaser-content .views-field-title h3 a {
  color: white;
}
.view-approved-used-solutions-menu-blocks .views-row .teaser-content .views-field-title h3:before {
  left: 50%;
  transform: translateX(-50%);
  content: '';
  position: absolute;
  bottom: 0;
  border-bottom: 2px solid white;
  width: 50px;
}
.view-approved-used-solutions-menu-blocks .views-row .teaser-content div:not(.views-field-title) {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.view-approved-used-solutions-menu-blocks .views-row .teaser-content div:not(.views-field-title) .text-white {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.3s ease-in-out;
  -o-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
}
.view-approved-used-solutions-menu-blocks .views-row:hover .views-field-field-vignette:before {
  background-color: rgba(0, 101, 130, 0.8);
}
.view-approved-used-solutions-menu-blocks .views-row:hover .teaser-content div:not(.views-field-title) {
  opacity: 1;
}
.view-approved-used-solutions-menu-blocks .views-row:hover .teaser-content div:not(.views-field-title) .text-white {
  height: 80px;
}
/*Filtres*/
.used-solutions-filters form .views-exposed-widget:not(.views-submit-button) {
  width: 100%;
  margin: 10px 0;
  display: inline-block;
}
@media (min-width: 768px) {
  .used-solutions-filters form .views-exposed-widget:not(.views-submit-button) {
    width: -webkit-calc(21.73913043%);
    width: calc(100% / 4.6);
    margin: 10px;
  }
}
.used-solutions-filters form .views-exposed-widget.views-submit-button button {
  font-size: 19px;
}
/*Fiche détaillée*/
.not-front.no-sidebars article.node-used-solution {
  position: relative;
}
.not-front.no-sidebars article.node-used-solution .field-name-field-enquire-now {
  padding: 0;
  text-align: center;
}
@media (max-width: 768px) {
  .not-front.no-sidebars article.node-used-solution .field-name-field-enquire-now .btn {
    float: none !important;
    margin-bottom: 15px;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .not-front.no-sidebars article.node-used-solution .field-name-field-enquire-now {
    position: absolute;
    top: 0;
    right: 0;
  }
}
.not-front.no-sidebars article.node-used-solution .field-label-inline {
  padding: 0 0 5px 0;
}
.not-front.no-sidebars article.node-used-solution .field-label-inline .field-label {
  text-transform: uppercase;
}
.not-front.no-sidebars article.node-used-solution .field-label-inline .field-items .field-item {
  display: inline-block;
}
.not-front.no-sidebars article.node-used-solution .field-label-inline .field-items .field-item:not(:last-child) {
  margin-right: 5px;
}
.not-front.no-sidebars article.node-used-solution .field-label-inline .field-items .field-item:not(:last-child):after {
  content: "/";
  margin-left: 5px;
}
.form-occasion form > div {
  background-color: transparent;
}
.form-occasion form > div > .panel {
  background-color: transparent;
  margin-bottom: 15px;
}
.form-occasion form > div > .panel > .panel-body {
  padding: 30px 0 0 0;
}
@media (max-width: 992px) {
  .form-occasion form > div > .panel + .panel > .panel-body {
    padding: 0;
  }
}
.form-occasion form > div .webform-component input {
  width: 100%;
}
.form-occasion form > div .webform-component .form-control {
  border: none;
}
.form-occasion form > div .webform-component .form-textarea {
  padding: 17px 15px;
}
.node-type-used-solution .form-occasion form > div .webform-component .form-textarea {
  height: 216px;
}
.form-occasion form > div .webform-component-checkboxes.optin {
  padding-left: 15px;
  text-align: left;
}
.form-occasion form > div .form-actions {
  padding: 30px 15px 30px 0;
  float: right;
  clear: none;
}
/*Page offre emploi*/
.not-front.node-type-talent-link-offer article h2 {
  background-color: white;
  background-color: #fff;
  background-color: #fff !important;
  margin: 0;
  padding: 60px 15px 0 0;
  text-transform: uppercase;
  color: #006582;
}
@media (min-width: 768px) {
  .not-front.node-type-talent-link-offer article h2 {
    padding: 60px 30px 0 0;
  }
}
.not-front.node-type-talent-link-offer article h3 {
  text-transform: uppercase;
}
.not-front.node-type-talent-link-offer article h3.group-localisation {
  padding: 5px 15px 25px 0;
  margin: 0 0 25px 0;
  position: relative;
}
@media (min-width: 768px) {
  .not-front.node-type-talent-link-offer article h3.group-localisation {
    padding: 5px 30px 25px 0;
  }
}
.not-front.node-type-talent-link-offer article h3.group-localisation:after {
  background: #f1f1f1;
  content: "";
  display: block;
  height: 1px;
  width: 50px;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (min-width: 768px) {
  .not-front.node-type-talent-link-offer article h3.group-localisation:after {
    left: 0;
  }
}
.not-front.node-type-talent-link-offer article h3.group-localisation div,
.not-front.node-type-talent-link-offer article h3.group-localisation .field {
  padding: 0;
  display: inline-block;
  margin-right: 5px;
}
.not-front.node-type-talent-link-offer article > div {
  padding-bottom: 30px;
}
.not-front.node-type-talent-link-offer article > div .field {
  padding-top: 0;
}
.not-front.node-type-talent-link-offer article .offer-buttons {
  text-align: center;
}
.not-front.node-type-talent-link-offer article .offer-buttons > div {
  display: inline-block;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .not-front.node-type-talent-link-offer article .offer-buttons > div {
    margin-top: 0;
  }
}
#filefield-mail-download-form {
  padding: 30px 15px 10px 15px;
}
#filefield-mail-download-form .btn {
  margin: auto;
  display: block;
}
#filefield-mail-download-form #edit-return {
  text-align: center;
  margin-top: 20px;
}
#filefield-mail-download-form #edit-return a:before {
  content: "\f053";
  margin-right: 10px;
  font-family: FontAwesome;
  display: inline-block;
}
/*Page solutions*/
#block-block-53 {
  float: left;
}
.big-blue-btn {
  color: #ffffff;
  font-size: 37px;
  background-color: #006582;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
  display: block;
  padding: 40px 0 60px 0;
  text-transform: uppercase;
  position: relative;
}
.big-blue-btn:after {
  content: "";
  position: absolute;
  width: 120px;
  border-top: 4px solid #ffffff;
  left: 50%;
  margin-left: -60px;
  bottom: 50px;
}
.big-blue-btn:hover,
.big-blue-btn:focus {
  color: #ffffff;
  background-color: #003d4f;
}
#block-block-53 .cta-block-bg {
  background-image: url(../img/related-case-study.jpg);
}
.cta-block-bg {
  float: left;
  background-repeat: no-repeat;
  background-position: 50% 25%;
  -webkit-background-size: cover;
  background-size: cover;
  margin: 0 15px;
}
.cta-block-bg .cta-copy {
  background: rgba(255, 255, 255, 0.8);
  height: 100%;
}
.cta-block-bg .cta-btn {
  background: rgba(24, 24, 24, 0.8);
  height: 100%;
}
.cta-block-bg .cta-btn .btn {
  display: block;
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
}
.cta-block-bg .inner {
  padding: 30px;
}
/* Page why Elliot*/
#block-block-42 .cta-block-bg {
  background-image: url(../img/why-elliott.jpg);
}
.block-we-make-it-easy .block-content,
.block-our-customers .block-content {
  height: 100%;
}
.block-we-make-it-easy .block-content .h2,
.block-our-customers .block-content .h2 {
  margin-bottom: 0.7em;
  width: 100%;
  position: relative;
}
.block-we-make-it-easy .block-content .h2:before,
.block-our-customers .block-content .h2:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -15px;
  border-bottom: 4px solid #006582;
  width: 80px;
}
.block-we-make-it-easy .block-content .h2.title-underLine-center:before,
.block-our-customers .block-content .h2.title-underLine-center:before {
  left: 50%;
  transform: translateX(-50%);
}
.block-we-make-it-easy .block-content .h2.title-underLine-white:before,
.block-our-customers .block-content .h2.title-underLine-white:before {
  border-bottom: 4px solid #ffffff;
}
.turnkey-wrap {
  position: relative;
  width: 113px;
  height: 111px;
  margin: 0 auto 30px auto;
}
.turnkey-wrap figure.turnkey-icon {
  background: url(../img/why-elliott-turnkey.jpg) no-repeat center center;
  width: 113px;
  height: 111px;
  -webkit-animation: spin 4s 1 linear;
  animation: spin 4s 1 linear;
}
.turnkey-wrap figcaption.turnkey-caption {
  font-family: 'Roboto', sans-serif;
  color: #006582;
  font-size: 37px;
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  text-align: center;
}
.nationwide-suppliers-map img.nationwide-img {
  position: absolute;
  top: -200px;
  right: 5px;
  z-index: 0;
  width: 200px;
  height: auto;
  opacity: 0.2;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
@media (min-width: 768px) {
  .nationwide-suppliers-map img.nationwide-img {
    top: -25px;
    right: 10px;
    width: 324px;
    opacity: 1;
  }
}
@media (min-width: 992px) {
  .nationwide-suppliers-map img.nationwide-img {
    top: -145px;
    right: 40px;
    width: 424px;
  }
}
/* Liste membres */
.view-team-members .views-row {
  margin-top: 30px;
  text-align: center;
}
.view-team-members .views-row .group-wrapper-photo {
  position: relative;
}
@media (min-width: 768px) {
  .view-team-members .views-row .group-wrapper-photo .field-name-field-photo .field-item {
    position: relative;
  }
  .view-team-members .views-row .group-wrapper-photo .field-name-field-photo .field-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background-color: #006582;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
  }
}
.view-team-members .views-row .group-wrapper-photo .field-name-field-about-hover {
  padding: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.view-team-members .views-row .group-wrapper-photo:hover .field-name-field-photo .field-item:before {
  opacity: 0.5;
}
.view-team-members .views-row .group-wrapper-photo:hover .field-name-field-about-hover {
  opacity: 1;
}
.view-team-members .views-row .member-name {
  padding: 0 0 15px 0;
  position: relative;
}
@media (min-width: 768px) {
  .view-team-members .views-row .member-name {
    padding: 40px 0 20px 0;
  }
}
.view-team-members .views-row .member-name .field {
  padding: 0;
  display: inline-block;
  margin: 0 2px;
  text-transform: uppercase;
  line-height: 1.2em;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 18px;
}
@media (min-width: 768px) {
  .view-team-members .views-row .member-name .field {
    font-size: 23px;
  }
}
.view-team-members .views-row .member-name:before {
  content: "";
  position: absolute;
  width: 40px;
  border-top: 2px solid #006582;
  bottom: 0;
  left: 50%;
  margin-left: -20px;
}
.view-team-members .views-row .field.field-name-field-team-position {
  padding: 15px 0;
  font-size: 13px;
}
@media (min-width: 768px) {
  .view-team-members .views-row .field.field-name-field-team-position {
    padding: 20px 0;
    font-size: 18px;
  }
}
.view-team-members .views-row .field.field-name-field-about-computed {
  padding: 0;
}
.view-team-members .views-row .field.field-name-field-about-computed .btn {
  font-size: 13px;
}
/* POP IN MEMBRE */
article.node-team-member .group-identity {
  padding-top: 30px;
}
article.node-team-member .group-identity .field {
  padding: 0;
  display: inline-block;
  margin-right: 5px;
  text-transform: uppercase;
  line-height: 1.2em;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 18px;
}
@media (min-width: 768px) {
  article.node-team-member .group-identity .field {
    font-size: 23px;
  }
}
article.node-team-member .group-position {
  padding-bottom: 30px;
}
article.node-team-member .group-position .field {
  padding: 0;
  font-size: 13px;
}
@media (min-width: 768px) {
  article.node-team-member .group-position .field {
    font-size: 18px;
  }
}
article.node-team-member .group-description h5 {
  text-transform: none;
  position: relative;
  padding-bottom: 15px;
}
article.node-team-member .group-description h5:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  border-top: 2px solid #006582;
}
/*Page devis*/
.not-front.page-node-207 .heading-image,
.not-front.page-recevoir-un-devis-salon-des-maires .heading-image {
  margin-bottom: -415px;
}
.not-front.page-node-207 .main-content-wrapper,
.not-front.page-recevoir-un-devis-salon-des-maires .main-content-wrapper,
.not-front.page-node-207 .main-container,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container {
  background-color: #f1f1f1;
  padding-top: 0 !important;
}
@media (max-width: 767px) {
  .not-front.page-node-207 .main-content-wrapper,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-content-wrapper,
  .not-front.page-node-207 .main-container,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container {
    padding: 0;
  }
  .not-front.page-node-207 .main-content-wrapper h2,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-content-wrapper h2,
  .not-front.page-node-207 .main-container h2,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container h2 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .not-front.page-node-207 .main-content-wrapper .col-sm-12,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-content-wrapper .col-sm-12,
  .not-front.page-node-207 .main-container .col-sm-12,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .col-sm-12 {
    padding: 0;
  }
}
.not-front.page-node-207 .main-content-wrapper label,
.not-front.page-recevoir-un-devis-salon-des-maires .main-content-wrapper label,
.not-front.page-node-207 .main-container label,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container label {
  font-weight: 400;
  text-align: right;
  padding-right: 10px;
}
@media (min-width: 768px) {
  .not-front.page-node-207 .main-container-mask,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container-mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1040;
  }
  .not-front.page-node-207 .main-container-mask + .main-container,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container-mask + .main-container {
    position: relative;
    z-index: 1050;
  }
  .not-front.page-node-207 .main-container-mask + .main-container .alert,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container-mask + .main-container .alert {
    margin-top: 20px;
  }
}
.not-front.page-node-207 .devis-form-steps-label,
.not-front.page-recevoir-un-devis-salon-des-maires .devis-form-steps-label {
  margin-top: 20px;
}
.not-front.page-node-207 .devis-form-steps-label .step-label,
.not-front.page-recevoir-un-devis-salon-des-maires .devis-form-steps-label .step-label {
  float: left;
  width: 50%;
  text-transform: uppercase;
  color: #333;
  padding: 10px 0 10px 10px;
  border-bottom: 5px solid transparent;
}
.not-front.page-node-207 .devis-form-steps-label .step-label .tab-title,
.not-front.page-recevoir-un-devis-salon-des-maires .devis-form-steps-label .step-label .tab-title {
  color: #333;
  display: inline-block;
  margin: 0;
  font-size: 11px;
}
@media (min-width: 768px) {
  .not-front.page-node-207 .devis-form-steps-label .step-label .tab-title,
  .not-front.page-recevoir-un-devis-salon-des-maires .devis-form-steps-label .step-label .tab-title {
    font-size: 18px;
  }
}
.not-front.page-node-207 .devis-form-steps-label .step-label:before,
.not-front.page-recevoir-un-devis-salon-des-maires .devis-form-steps-label .step-label:before {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  display: inline-block;
  margin: 0 5px 0 0;
  width: 20px;
  height: 20px;
  border: 1px solid #333;
  border-radius: 50%;
  text-align: center;
  line-height: 18px;
}
.not-front.page-node-207 .devis-form-steps-label .step-label.step-label-active,
.not-front.page-recevoir-un-devis-salon-des-maires .devis-form-steps-label .step-label.step-label-active {
  border-color: #006582;
}
.not-front.page-node-207 .devis-form-steps-label .step-label.step-label-active:before,
.not-front.page-recevoir-un-devis-salon-des-maires .devis-form-steps-label .step-label.step-label-active:before {
  border: 1px solid #006582;
  background-color: #006582;
  color: white;
  font-weight: bold;
}
.not-front.page-node-207 .devis-form-steps-label .step-label.step-label-active .tab-title,
.not-front.page-recevoir-un-devis-salon-des-maires .devis-form-steps-label .step-label.step-label-active .tab-title {
  color: #006582;
  font-weight: bold;
}
.not-front.page-node-207 .devis-form-steps-label .step-label.step-1-label:before,
.not-front.page-recevoir-un-devis-salon-des-maires .devis-form-steps-label .step-label.step-1-label:before {
  content: "1";
}
.not-front.page-node-207 .devis-form-steps-label .step-label.step-2-label:before,
.not-front.page-recevoir-un-devis-salon-des-maires .devis-form-steps-label .step-label.step-2-label:before {
  content: "2";
}
.not-front.page-node-207 .main-container .region-after-title,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .region-after-title {
  margin-bottom: 0;
  text-align: left;
}
.not-front.page-node-207 .views-field-field-introduction,
.not-front.page-recevoir-un-devis-salon-des-maires .views-field-field-introduction {
  padding-left: 15px;
  padding-right: 15px;
}
.not-front.page-node-207 #block-views-node-introduction-block .block-webform form > div,
.not-front.page-recevoir-un-devis-salon-des-maires #block-views-node-introduction-block .block-webform form > div,
.not-front.page-node-207 .main-content-wrapper .block-webform form > div,
.not-front.page-recevoir-un-devis-salon-des-maires .main-content-wrapper .block-webform form > div,
.not-front.page-node-207 #block-views-node-introduction-block .panel,
.not-front.page-recevoir-un-devis-salon-des-maires #block-views-node-introduction-block .panel,
.not-front.page-node-207 .main-content-wrapper .panel,
.not-front.page-recevoir-un-devis-salon-des-maires .main-content-wrapper .panel {
  background-color: transparent;
}
.not-front.page-node-207 .main-container .block-webform,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform {
  padding-bottom: 30px;
}
.not-front.page-node-207 .main-container .block-webform form,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form {
  /* theming webform checkboxes */
}
.not-front.page-node-207 .main-container .block-webform form > div > .webform-component-fieldset > .panel-body,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form > div > .webform-component-fieldset > .panel-body {
  padding: 15px 0 0 0;
}
.not-front.page-node-207 .main-container .block-webform form h3,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form h3 {
  text-transform: none;
}
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--type-installation-required-group,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--type-installation-required-group {
  position: relative;
}
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes {
  text-align: center;
}
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--type-installation-required-group label,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--type-installation-required-group label {
  border: 1px solid #006582;
  color: #006582;
  text-align: center;
  padding: 4px;
  width: 95% !important;
  position: relative;
  font-size: 11px;
  line-height: 22px;
}
@media (min-width: 768px) {
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--type-installation-required-group label,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--type-installation-required-group label {
    width: 90% !important;
    font-size: 15px;
    line-height: 1.42857143;
  }
}
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--type-installation-required-group label.element-invisible,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--type-installation-required-group label.element-invisible {
  width: 10% !important;
}
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--type-installation-required-group label:hover,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--type-installation-required-group label:hover,
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--type-installation-required-group label.active,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--type-installation-required-group label.active {
  border: 1px solid #3EAA66;
  background: #3EAA66;
  color: #fff;
}
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--type-installation-required-group label input[type=checkbox],
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--type-installation-required-group label input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  left: 10px;
  margin-left: 0;
  border: none;
}
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--type-installation-required-group label input[type=checkbox]:after,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--type-installation-required-group label input[type=checkbox]:after {
  content: ' ';
  width: 12px;
  height: 12px;
  position: absolute;
  top: -4px;
  left: 0;
  font-size: 20px;
}
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--type-installation-required-group label input[type=checkbox]:checked:after,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--type-installation-required-group label input[type=checkbox]:checked:after {
  font-family: FontAwesome;
  content: '\f00c';
}
@media (max-width: 767px) {
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--type-installation-required-group .form-type-checkboxes {
    width: 50%;
  }
}
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-requirement label,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-requirement label,
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-requirement--groupe-completement label,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-requirement--groupe-completement label,
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-requirement--groupe-document label,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-requirement--groupe-document label {
  color: #006582;
  width: 40%;
  font-size: 14px;
}
@media (min-width: 768px) {
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-requirement label,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-requirement label,
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-requirement--groupe-completement label,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-requirement--groupe-completement label,
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-requirement--groupe-document label,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-requirement--groupe-document label {
    width: 30%;
  }
}
@media (min-width: 1200px) {
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-requirement label,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-requirement label,
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-requirement--groupe-completement label,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-requirement--groupe-completement label,
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-requirement--groupe-document label,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-requirement--groupe-document label {
    width: 40%;
  }
}
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-requirement .form-radios,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-requirement .form-radios,
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-requirement--groupe-completement .form-radios,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-requirement--groupe-completement .form-radios,
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-requirement--groupe-document .form-radios,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-requirement--groupe-document .form-radios {
  display: inline-block;
  vertical-align: top;
  width: 54%;
  margin-left: 4%;
}
@media (min-width: 768px) {
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-requirement .form-radios,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-requirement .form-radios,
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-requirement--groupe-completement .form-radios,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-requirement--groupe-completement .form-radios,
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-requirement--groupe-document .form-radios,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-requirement--groupe-document .form-radios {
    margin-left: 2%;
    vertical-align: middle;
    width: 67%;
  }
}
@media (min-width: 1200px) {
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-requirement .form-radios,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-requirement .form-radios,
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-requirement--groupe-completement .form-radios,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-requirement--groupe-completement .form-radios,
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-requirement--groupe-document .form-radios,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-requirement--groupe-document .form-radios {
    width: 57%;
  }
}
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-requirement .form-radios .radio,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-requirement .form-radios .radio,
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-requirement--groupe-completement .form-radios .radio,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-requirement--groupe-completement .form-radios .radio,
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-requirement--groupe-document .form-radios .radio,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-requirement--groupe-document .form-radios .radio {
  width: 95%;
}
@media (min-width: 768px) {
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-requirement .form-radios .radio,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-requirement .form-radios .radio,
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-requirement--groupe-completement .form-radios .radio,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-requirement--groupe-completement .form-radios .radio,
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-requirement--groupe-document .form-radios .radio,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-requirement--groupe-document .form-radios .radio {
    width: 47%;
    margin-bottom: 0;
  }
}
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-requirement .form-radios .radio label,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-requirement .form-radios .radio label,
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-requirement--groupe-completement .form-radios .radio label,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-requirement--groupe-completement .form-radios .radio label,
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-requirement--groupe-document .form-radios .radio label,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-requirement--groupe-document .form-radios .radio label {
  text-align: left;
  width: 100%;
  color: #333;
  font-size: 14px;
}
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations label,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations label {
  color: #006582;
  font-size: 15px;
}
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations .form-radios,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations .form-radios {
  display: inline-block;
}
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations .radio label,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations .radio label,
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations .checkbox label,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations .checkbox label {
  font-size: 15px;
}
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations .form-control,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations .form-control {
  height: 28px;
  padding-top: 0;
  padding-bottom: 0;
}
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations .selectric .label,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations .selectric .label {
  height: 28px;
  line-height: 28px;
}
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations .selectric .button,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations .selectric .button {
  height: 28px;
}
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations label,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations label {
  width: 35%;
}
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations input,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations input,
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations select,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations select,
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations .selectric-wrapper,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations .selectric-wrapper {
  display: inline-block;
  vertical-align: middle;
  width: 62%;
}
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations input,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations input {
  /* firefox 19+ */
  /* ie */
}
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations input::-webkit-input-placeholder,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations input::-webkit-input-placeholder {
  font-size: 13px;
}
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations input::-moz-placeholder,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations input::-moz-placeholder {
  font-size: 13px;
}
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations input:-ms-input-placeholder,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations input:-ms-input-placeholder {
  font-size: 13px;
}
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations input:-moz-placeholder,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations input:-moz-placeholder {
  font-size: 13px;
}
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations .webform-component-checkboxes.optin,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations .webform-component-checkboxes.optin {
  padding-left: 37%;
}
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations .webform-component-checkboxes.optin label,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations .webform-component-checkboxes.optin label {
  text-align: left;
}
@media (min-width: 768px) {
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations label,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations label {
    width: 18%;
  }
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations input,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations input,
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations .selectric-wrapper,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations .selectric-wrapper {
    width: 80%;
  }
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations .webform-component-checkboxes.optin,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations .webform-component-checkboxes.optin,
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations .webform-component-checkboxes.inline-checkbox,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations .webform-component-checkboxes.inline-checkbox {
    padding-left: 19%;
  }
}
@media (min-width: 992px) {
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations label,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations label {
    width: 19%;
  }
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations input,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations input,
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations .selectric-wrapper,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations .selectric-wrapper {
    width: 79%;
  }
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations .webform-component-checkboxes.optin,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations .webform-component-checkboxes.optin,
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations .webform-component-checkboxes.inline-checkbox,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations .webform-component-checkboxes.inline-checkbox {
    padding-left: 20%;
  }
}
@media (min-width: 1200px) {
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations label,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations label {
    width: 16%;
  }
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations input,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations input,
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations .selectric-wrapper,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations .selectric-wrapper {
    width: 82%;
  }
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations .webform-component-checkboxes.optin,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations .webform-component-checkboxes.optin,
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations .webform-component-checkboxes.inline-checkbox,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations .webform-component-checkboxes.inline-checkbox {
    padding-left: 17%;
  }
}
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations .radio label,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations .radio label,
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations .checkbox label,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations .checkbox label {
  color: #333;
  width: auto;
}
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations .radio input,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations .radio input,
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations .checkbox input,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations .checkbox input {
  width: auto;
}
@media (max-width: 767px) {
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations .form-type-radios label,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations .form-type-radios label {
    vertical-align: top;
  }
}
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations .webform-component--identite--group-personnal-informations--zip-code label,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations .webform-component--identite--group-personnal-informations--zip-code label {
  width: 83.5%;
}
.not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations .webform-component--identite--group-personnal-informations--zip-code input,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations .webform-component--identite--group-personnal-informations--zip-code input {
  width: 13.5%;
  min-width: 0 !important;
  padding: 0;
}
@media (min-width: 768px) {
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations .webform-component--identite--group-personnal-informations--zip-code label,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations .webform-component--identite--group-personnal-informations--zip-code label {
    width: 41%;
  }
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations .webform-component--identite--group-personnal-informations--zip-code input,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations .webform-component--identite--group-personnal-informations--zip-code input {
    width: 57%;
    padding: 0 18px;
  }
}
@media (min-width: 992px) {
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations .webform-component--identite--group-personnal-informations--zip-code label,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations .webform-component--identite--group-personnal-informations--zip-code label {
    width: 47%;
  }
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations .webform-component--identite--group-personnal-informations--zip-code input,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations .webform-component--identite--group-personnal-informations--zip-code input {
    width: 51%;
  }
}
@media (min-width: 1200px) {
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations .webform-component--identite--group-personnal-informations--zip-code label,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations .webform-component--identite--group-personnal-informations--zip-code label {
    width: 38%;
  }
  .not-front.page-node-207 .main-container .block-webform form .webform-component--identite--group-personnal-informations .webform-component--identite--group-personnal-informations--zip-code input,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component--identite--group-personnal-informations .webform-component--identite--group-personnal-informations--zip-code input {
    width: 60%;
  }
}
.not-front.page-node-207 .main-container .block-webform form .webform-component.form-type-managed-file .form-managed-file,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component.form-type-managed-file .form-managed-file {
  text-align: left;
}
.not-front.page-node-207 .main-container .block-webform form .webform-component.form-type-managed-file .form-managed-file input,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component.form-type-managed-file .form-managed-file input {
  width: 58%;
  vertical-align: middle;
  display: inline-block;
}
.not-front.page-node-207 .main-container .block-webform form .webform-component.form-type-managed-file .form-managed-file button,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component.form-type-managed-file .form-managed-file button {
  font-size: 13px;
  display: inline-block;
  width: 40%;
  vertical-align: middle;
  margin: 0 0 0 1.5%;
}
.not-front.page-node-207 .main-container .block-webform form .webform-component.form-type-managed-file .form-managed-file button:after,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component.form-type-managed-file .form-managed-file button:after {
  display: none;
}
.not-front.page-node-207 .main-container .block-webform form .form-actions,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .form-actions {
  text-align: center;
  padding: 0;
}
.not-front.page-node-207 .main-container .block-webform form .form-actions button,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .form-actions button,
.not-front.page-node-207 .main-container .block-webform form .form-actions input,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .form-actions input {
  margin-left: 0;
  width: 100%;
  white-space: normal;
}
.not-front.page-node-207 .main-container .block-webform form .form-actions button:after,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .form-actions button:after,
.not-front.page-node-207 .main-container .block-webform form .form-actions input:after,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .form-actions input:after {
  float: right;
}
.not-front.page-node-207 .main-container .block-webform form .form-actions .btn-previous,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .form-actions .btn-previous {
  margin: 15px 0;
  display: block;
}
.not-front.page-node-207 .main-container .block-webform form .form-actions .btn-previous:before,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .form-actions .btn-previous:before {
  content: "< ";
}
.not-front.page-node-207 .main-container .block-webform .form-suffix-content,
.not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform .form-suffix-content {
  display: inline-block;
  background: #3eaa66;
  color: #fff;
  padding: 5px 10px;
  margin: 5px 0 0 0;
  text-transform: uppercase;
  font-size: 14px;
}
.not-front.page-node-207 #block-views-node-introduction-block,
.not-front.page-recevoir-un-devis-salon-des-maires #block-views-node-introduction-block {
  color: #006582;
  text-transform: uppercase;
}
.not-front.page-node-207 .help-block,
.not-front.page-recevoir-un-devis-salon-des-maires .help-block,
.not-front.page-node-207 .control-group .help-inline,
.not-front.page-recevoir-un-devis-salon-des-maires .control-group .help-inline {
  color: #333;
  width: 54%;
  display: inline-block;
  vertical-align: top;
  margin-left: 4%;
}
@media (min-width: 768px) {
  .not-front.page-node-207 .help-block,
  .not-front.page-recevoir-un-devis-salon-des-maires .help-block,
  .not-front.page-node-207 .control-group .help-inline,
  .not-front.page-recevoir-un-devis-salon-des-maires .control-group .help-inline {
    margin-left: 2%;
    width: 67%;
  }
}
@media (min-width: 1200px) {
  .not-front.page-node-207 .help-block,
  .not-front.page-recevoir-un-devis-salon-des-maires .help-block,
  .not-front.page-node-207 .control-group .help-inline,
  .not-front.page-recevoir-un-devis-salon-des-maires .control-group .help-inline {
    width: 57%;
  }
}
@media (min-width: 768px) {
  .not-front.page-node-207 .devis-form-steps-label .step-label,
  .not-front.page-recevoir-un-devis-salon-des-maires .devis-form-steps-label .step-label {
    /*padding:15px 0;*/
    /*.tab-title {
                   font-size:@font-size-h4;
                   }*/
    /*&:before {
                    font-size:@font-size-h4;
                    display:inline-block;
                    vertical-align:middle;
                    width:40px;
                    height:40px;
                    line-height:38px;
                    margin:0 10px 0 0;
                    }*/
  }
  .not-front.page-node-207 #block-views-node-introduction-block,
  .not-front.page-recevoir-un-devis-salon-des-maires #block-views-node-introduction-block,
  .not-front.page-node-207 .main-content-wrapper,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-content-wrapper {
    padding: 15px;
  }
  .not-front.page-node-207 .main-container .block-webform form > div > .webform-component-fieldset > .panel-body,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form > div > .webform-component-fieldset > .panel-body {
    padding: 15px 20px 0 20px;
  }
  .not-front.page-node-207 .main-container .block-webform form h3,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form h3 {
    margin-left: -5px;
  }
  .not-front.page-node-207 .main-container .block-webform form .webform-component.form-type-managed-file .form-managed-file input,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component.form-type-managed-file .form-managed-file input {
    width: 72%;
  }
  .not-front.page-node-207 .main-container .block-webform form .webform-component.form-type-managed-file .form-managed-file button,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component.form-type-managed-file .form-managed-file button {
    width: 26%;
  }
  .not-front.page-node-207 .main-container .block-webform form .form-actions,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .form-actions {
    position: relative;
  }
  .not-front.page-node-207 .main-container .block-webform form .form-actions button,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .form-actions button,
  .not-front.page-node-207 .main-container .block-webform form .form-actions input,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .form-actions input {
    /*margin-left:20px;
                        margin-right:20px;*/
    padding-left: 30px;
    padding-right: 30px;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0;
    width: auto;
  }
  .not-front.page-node-207 .main-container .block-webform form .form-actions .btn-previous,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .form-actions .btn-previous {
    position: absolute;
    left: 0;
  }
}
@media (min-width: 992px) {
  .not-front.page-node-207 .devis-form-steps-label,
  .not-front.page-recevoir-un-devis-salon-des-maires .devis-form-steps-label {
    padding: 0 15px 0 5px;
  }
  .not-front.page-node-207 .devis-form-steps-label .step-label,
  .not-front.page-recevoir-un-devis-salon-des-maires .devis-form-steps-label .step-label {
    /*padding:20px 0;*/
    /*.tab-title {
                   font-size:@font-size-h3;
                   }*/
  }
}
@media (min-width: 1200px) {
  .not-front.page-node-207 .devis-form-steps-label .step-label,
  .not-front.page-recevoir-un-devis-salon-des-maires .devis-form-steps-label .step-label {
    /*.tab-title {
                   font-size:@font-size-h2;
                   }*/
    /*&:before {
                    font-size:@font-size-h2;
                    width:50px;
                    height:50px;
                    line-height:48px;
                    }*/
  }
  .not-front.page-node-207 .main-container .block-webform form .webform-component.form-type-managed-file .form-managed-file input,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component.form-type-managed-file .form-managed-file input {
    width: 74%;
  }
  .not-front.page-node-207 .main-container .block-webform form .webform-component.form-type-managed-file .form-managed-file button,
  .not-front.page-recevoir-un-devis-salon-des-maires .main-container .block-webform form .webform-component.form-type-managed-file .form-managed-file button {
    width: 24%;
  }
}
@media (max-width: 767px) {
  .grey-background .view.teaser-list .views-row {
    padding: 0 !important;
  }
  #block-views-realisations-block-3 .views-field-field-vignette {
    margin-bottom: 20px;
  }
  #node-191 a.btn {
    width: 100%;
  }
  #block-views-pourquoi-algeco-block .views-row-even .row > div:first-child,
  #block-views-pourquoi-algeco-block .views-row-odd .row > div:first-child {
    order: 1;
    margin-bottom: 20px;
  }
  #block-views-pourquoi-algeco-block .views-row-even .row > div:last-child,
  #block-views-pourquoi-algeco-block .views-row-odd .row > div:last-child {
    order: 2;
    padding-right: 15px;
  }
  #block-views-pourquoi-algeco-block > div:first-child {
    order: 1;
    margin-bottom: 20px;
  }
  #block-views-pourquoi-algeco-block > div:last-child {
    order: 2;
    padding-right: 15px;
  }
}
@media (max-width: 991px) {
  #block-views-pourquoi-algeco-block .views-field-view-node {
    position: relative;
  }
  .views-field-view-node .btn {
    position: relative;
    margin: auto;
  }
  .block-webform .webform-component input,
  .block-webform .webform-component label {
    width: 100%;
  }
  .block-webform .webform-component label {
    margin-bottom: 10px;
  }
  .node-type-actualite article .odd .group-paragraph-image {
    margin-bottom: 50px;
  }
  .block-webform .webform-component--form-wrapper--product--col-right {
    margin-top: 0 !important;
  }
  /*
    .form-group:last-child, .panel:last-child {
        margin-bottom: 40px;
    }
    */
}
@media (max-width: 1199px) {
  #block-views-realisations-block-3 .row-eq-height .btn,
  #block-views-region-les-agences-block .row-eq-height .btn {
    position: relative;
  }
  #pre-bottom #block-block-8 .btn {
    position: relative;
  }
  .view-solutions .views-field-view-node {
    position: relative;
  }
  .block-webform .webform-component--form-wrapper--product--col-right {
    margin-top: 85px;
  }
}
#block-views-actualit-s-block h3 {
  font-size: 15px;
  margin: 0;
}
/*Eléments génériques de mise en page*/
.m-t-large {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .m-t-large {
    margin-top: 50px;
  }
}
@media (min-width: 992px) {
  .m-t-large {
    margin-top: 65px;
  }
}
@media (min-width: 1200px) {
  .m-t-large {
    margin-top: 80px;
  }
}
.m-b-large {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .m-b-large {
    margin-bottom: 50px;
  }
}
@media (min-width: 992px) {
  .m-b-large {
    margin-bottom: 65px;
  }
}
@media (min-width: 1200px) {
  .m-b-large {
    margin-bottom: 80px;
  }
}
.m-l-large {
  margin-left: 15px;
}
@media (min-width: 768px) {
  .m-l-large {
    margin-left: 30px;
  }
}
@media (min-width: 992px) {
  .m-l-large {
    margin-left: 45px;
  }
}
@media (min-width: 1200px) {
  .m-l-large {
    margin-left: 60px;
  }
}
.m-r-large {
  margin-right: 15px;
}
@media (min-width: 768px) {
  .m-r-large {
    margin-right: 30px;
  }
}
@media (min-width: 992px) {
  .m-r-large {
    margin-right: 45px;
  }
}
@media (min-width: 1200px) {
  .m-r-large {
    margin-right: 60px;
  }
}
.m-t-medium {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .m-t-medium {
    margin-top: 30px;
  }
}
@media (min-width: 992px) {
  .m-t-medium {
    margin-top: 40px;
  }
}
@media (min-width: 1200px) {
  .m-t-medium {
    margin-top: 50px;
  }
}
.m-b-medium {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .m-b-medium {
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .m-b-medium {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .m-b-medium {
    margin-bottom: 50px;
  }
}
.m-l-medium {
  margin-left: 10px;
}
@media (min-width: 768px) {
  .m-l-medium {
    margin-left: 20px;
  }
}
@media (min-width: 992px) {
  .m-l-medium {
    margin-left: 30px;
  }
}
@media (min-width: 1200px) {
  .m-l-medium {
    margin-left: 40px;
  }
}
.m-r-medium {
  margin-right: 10px;
}
@media (min-width: 768px) {
  .m-r-medium {
    margin-right: 20px;
  }
}
@media (min-width: 992px) {
  .m-r-medium {
    margin-right: 30px;
  }
}
@media (min-right: 1200px) {
  .m-r-medium {
    margin-right: 40px;
  }
}
.m-t-small {
  margin-top: 15px;
}
.m-b-small {
  margin-bottom: 15px;
}
.m-l-small {
  margin-left: 5px;
}
@media (min-width: 768px) {
  .m-l-small {
    margin-left: 10px;
  }
}
@media (min-width: 992px) {
  .m-l-small {
    margin-left: 15px;
  }
}
@media (min-right: 1200px) {
  .m-l-small {
    margin-left: 20px;
  }
}
.m-r-small {
  margin-right: 5px;
}
@media (min-width: 768px) {
  .m-r-small {
    margin-right: 10px;
  }
}
@media (min-width: 992px) {
  .m-r-small {
    margin-right: 15px;
  }
}
@media (min-right: 1200px) {
  .m-r-small {
    margin-bottom: 20px;
  }
}
.p-b-xsmall {
  padding-bottom: 10px;
}
.p-t-xsmall {
  padding-top: 10px;
}
.p-b-small {
  padding-bottom: 15px;
}
.p-t-small {
  padding-top: 15px;
}
.p-l-small {
  padding-left: 15px;
}
.p-r-small {
  padding-right: 15px;
}
.p-b-medium {
  padding-bottom: 30px;
}
.p-t-medium {
  padding-top: 30px;
}
.p-l-medium {
  padding-left: 30px;
}
.p-r-medium {
  padding-right: 30px;
}
.p-b-large {
  padding-bottom: 50px;
}
.p-t-large {
  padding-top: 50px;
}
.p-l-large {
  padding-left: 50px;
}
.p-r-large {
  padding-right: 50px;
}
.no-padding {
  padding: 0;
}
.bg-white {
  background-color: #fff !important;
}
.bg-grey {
  background-color: #f1f1f1 !important;
}
.clearfix-algeco::after {
  display: block;
  content: "";
  clear: both;
}
.h2-bleu {
  color: #006582;
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.h2-bleu:after {
  background: #dddddd;
  content: "";
  display: block;
  height: 1px;
  margin-top: 25px;
  width: 30px;
}
.h2-green {
  color: #006582;
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.h2-green:after {
  background: #dddddd;
  content: "";
  display: block;
  height: 1px;
  margin-top: 25px;
  width: 30px;
}
.h2-green,
.h2-green a {
  color: #36b470;
}
.uppercase {
  text-transform: uppercase;
}
#cboxLoadedContent .node-webform header,
#cboxLoadedContent .node-webform .submitted-by {
  display: none;
}
#cboxLoadedContent .node-webform img {
  max-width: 100% !important;
  height: auto !important;
}
#cboxLoadedContent .node-webform form:not(.webform-client-form-960) {
  position: relative;
}
#cboxLoadedContent .node-webform form:not(.webform-client-form-960) .panel {
  margin-bottom: 0;
  border: none;
  box-shadow: none;
}
#cboxLoadedContent .node-webform form:not(.webform-client-form-960) .panel .panel-body {
  padding: 0;
}
#cboxLoadedContent .node-webform form:not(.webform-client-form-960) .webform-component--header h2,
#cboxLoadedContent .node-webform form:not(.webform-client-form-960) .webform-component--header h4 {
  text-transform: uppercase;
  color: #006582;
  font-size: 23px;
}
#cboxLoadedContent .node-webform form:not(.webform-client-form-960) .webform-component-textfield,
#cboxLoadedContent .node-webform form:not(.webform-client-form-960) .webform-component-email {
  width: 100%;
  margin: 30px auto;
}
@media (min-width: 768px) {
}
#cboxLoadedContent .node-webform form:not(.webform-client-form-960) .webform-component-textfield input,
#cboxLoadedContent .node-webform form:not(.webform-client-form-960) .webform-component-email input {
  text-transform: none;
}
#cboxLoadedContent .node-webform form:not(.webform-client-form-960) .webform-component--cta {
  position: absolute;
  bottom: -13px;
  margin: 0;
  text-align: center;
  width: 100%;
}
#cboxLoadedContent .node-webform form:not(.webform-client-form-960) .webform-component--cta span {
  display: inline-block;
  margin: auto;
  color: white;
  background-color: #38ac63;
  border-radius: 15px;
  padding: 5px 15px;
  font-size: 12px;
}
#cboxLoadedContent .node-webform form:not(.webform-client-form-960) .webform-component.inline-checkbox {
  width: 100%;
}
#cboxLoadedContent .node-webform form:not(.webform-client-form-960) .webform-component.inline-checkbox label {
  margin: 0 0 3px 0;
  width: 100%;
}
#cboxLoadedContent .node-webform form:not(.webform-client-form-960) .webform-component.inline-checkbox input {
  width: 15px;
  margin-top: 3px;
}
@media (min-width: 768px) {
  #cboxLoadedContent .node-webform form:not(.webform-client-form-960) .webform-component.inline-checkbox label {
    width: auto;
    margin-right: 12px;
  }
  #cboxLoadedContent .node-webform form:not(.webform-client-form-960) .webform-component.inline-checkbox input {
    width: 15px;
    margin-right: 5px;
  }
}
#cboxLoadedContent .node-webform form:not(.webform-client-form-960) .form-actions {
  width: 100%;
  margin: 30px 0 0 0;
  padding: 0 15px;
  display: inline-block;
}
#cboxLoadedContent .node-webform form:not(.webform-client-form-960) .form-actions button {
  width: 100%;
  padding-top: 15px;
  padding-bottom: 20px;
}
#cboxLoadedContent .node-webform form:not(.webform-client-form-960) .form-group.error label,
#cboxLoadedContent .node-webform form:not(.webform-client-form-960) .form-group.has-error label,
#cboxLoadedContent .node-webform form:not(.webform-client-form-960) .form-group.error .control-label,
#cboxLoadedContent .node-webform form:not(.webform-client-form-960) .form-group.has-error .control-label {
  color: #d71e17;
}
#cboxLoadedContent .node-webform form:not(.webform-client-form-960) .has-error .form-control,
#cboxLoadedContent .node-webform form:not(.webform-client-form-960) .selectric-error .selectric {
  border-color: #d71e17;
  box-shadow: none;
}
#cboxLoadedContent .node-webform .alert.alert-block {
  margin: 0 5%;
}
#cboxLoadedContent .node-webform .webform-confirmation {
  margin-top: 60px !important;
  padding-top: 60px !important;
  padding-bottom: 60px !important;
  text-transform: uppercase;
  line-height: 1.2em;
  font-weight: bold;
  text-align: center;
}
#cboxLoadedContent .node-webform .webform-confirmation h2,
#cboxLoadedContent .node-webform .webform-confirmation h4 {
  text-transform: uppercase;
  color: #006582;
  font-size: 23px;
  width: 75%;
  margin: 15px auto;
}
#cboxLoadedContent .node-webform .links {
  text-align: center;
}
#cboxLoadedContent .node-webform .links a.ajax-processed {
  display: none;
}
.webform-component--bottom-wrapper {
  width: 100%;
  margin: auto;
  border: none;
  box-shadow: none;
  background: transparent;
}
.webform-component--bottom-wrapper .panel-body {
  padding: 15px 0;
}
@media (min-width: 768px) {
  .webform-component--bottom-wrapper {
    width: 60%;
  }
  .webform-component--bottom-wrapper .panel-body {
    padding: 15px 0 0 0;
  }
}
#cboxClose {
  bottom: auto;
  top: 0;
}
.node-webform #webform-ajax-wrapper-611 img {
  max-width: 100%;
  height: auto !important;
}
/*Divers éléments récup de David.css*/
/* modal close link */
.modal-header button {
  color: #000;
}
#block-algeco-custom-blocks-algeco-download-brochure-generic {
  background: #fff;
  padding-bottom: 30px;
}
.block-algeco-custom-blocks span.file .file-icon,
.home-solutions-algeco span.file .file-icon {
  display: none;
}
.block-webform .webform-component-radios .form-radio {
  width: auto;
}
a.btn.btn-blue_arrow:hover {
  color: #f1f1f1;
}
.grey-background {
  background: #f1f1f1;
  margin: 10px -15px;
}
.grey-background .block-title {
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
  padding: 50px 0 0 0;
}
.grey-background .view.teaser-list .views-row {
  background: transparent;
  padding: 0 20px;
}
.grey-background .view-our-realisations .views-field-nothing {
  margin: 20px;
  background: #fff;
  padding: 10px;
  margin: 0;
}
.view-produits .views-field-title h3,
.callback-form-trigger,
.callback-form-trigger:hover {
  background: #0f6380;
  color: white;
  display: inline-block;
  padding: 5px 10px;
  text-transform: uppercase;
}
.callback-select-form {
  display: none;
  position: absolute;
  z-index: 999;
}
.callback-select-form label {
  font-weight: normal;
}
.view-agence .views-row {
  margin: 5px 0;
}
.view-agence .glyphicon {
  color: #006582;
  margin-right: 10px;
  font-size: 0.8em;
}
.block-agence-list .block-title {
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: normal;
  margin: 40px 0;
}
.group-header-slideshow-tab {
  margin-bottom: 0;
}
.field-name-field-applications span.application {
  height: 15px;
  width: 15px;
  margin: 10px 10px 10px 0;
  display: inline-block;
}
.field-name-field-applications span.application-name {
  display: none;
}
/* front page adaptations - to be moved afterward */
/* body.front .tabs--primary { position: absolute; top: -110px; } */
body.front .block-system article.node-page {
  margin: -60px 0 60px 0;
}
body.front .field-name-body * {
  color: #fff;
}
body.front .field-name-body .btn {
  border-color: #fff;
}
body.front .field-name-body h1 {
  font-size: 72px;
  /*text-transform: uppercase; font-family: FedraMonoBold; font-weight: normal;*/
  line-height: 0.6;
}
body.front .field-name-body h1 small {
  letter-spacing: 0;
  font-size: 40%;
}
#block-menu-menu-country-menu ul.menu.nav .expanded .dropdown-toggle {
  display: inline-block;
  text-indent: -9999px;
  cursor: pointer;
  height: 18px;
  width: 18px;
}
/* corrections de details à réintégrer dans les less */
.front .main-container {
  padding-left: 0;
  padding-right: 0;
}
.modal-content .field-name-field-descriptif-technique {
  height: 300px;
  overflow: auto;
}
.not-front .group-descriptive .field-name-body {
  padding-top: 0;
}
.alert.alert-block {
  color: #000;
}
.view-recherche-agence-map .views-exposed-form {
  margin-bottom: 20px;
}
.view-recherche-agence-map .views-exposed-form .views-exposed-widget.views-submit-button {
  position: absolute;
  top: 0;
  right: 15px;
}
#block-views-recherche-agence-map-block-1 .form-submit {
  margin-top: 0;
}
.not-front article.node-agence .group-wrapper {
  background: #fff;
  margin: 0;
  padding: 20px;
  padding-top: 50px;
}
.block-algeco-iframemap {
  background: #fff;
  margin: 0;
  padding: 30px;
}
.not-front article.node-agence .field-name-body {
  background: none;
  text-align: center;
  margin-bottom: 50px;
}
.not-front article.node-agence .field {
  padding: 10px 0;
}
.not-front article.node-agence .field.field-type-image,
.not-front article.node-agence .field.field-name-field-agency-fax,
.not-front article.node-agence .field.field-name-field-agency-telephon {
  padding: 0;
}
.not-front article.node-agence .row h2 {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .region-navigation .block {
    margin-bottom: 20px;
  }
}
.views-field-created h4 {
  font-weight: normal;
  letter-spacing: inherit;
  color: #006582;
  text-transform: uppercase;
  word-spacing: -5px;
  letter-spacing: -1px;
}
/* CTA quote - david*/
.cta-quote .cta-quote-first-line {
  margin: -5px 0 5px 0;
  color: #818285;
  font-size: 0.85em;
}
.cta-quote .h4 {
  margin-top: 0;
  text-transform: uppercase;
}
/* correction couleur bouton top menu on vous rappelle */
.region-navigation .block-webform a.btn-success {
  font-size: 13px;
  background-color: #0f8549;
  border-color: #0f8549;
}
.region-navigation .block-webform a.btn-success:hover {
  background-color: #0a5730;
  border-color: #0a5730;
}
/**/
/*Selectric global*/
/*.selectric-wrapper {
    .selectric,
    ul,
    li {
        background: white;
    }
    .label {
        text-align: left;
    }
    &.selectric-hover {
        li {
            &:before {
                display:none !important;
            }
            &.selected,
            &:hover {
                background-color: transparent !important;
                color: inherit !important;
            }
        }
    }
    }*/
.selectric-wrapper {
  background-image: url(../img/contact-select-bg.png);
  background-repeat: no-repeat;
  background-position: center right;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  background-color: #f1f1f1;
  box-shadow: none;
  text-transform: uppercase;
  border-radius: 0;
  font-size: 19px;
  font-family: 'Roboto', sans-serif;
  color: black;
}
.selectric-wrapper .selectric {
  height: 62px;
  border: none;
  background-color: transparent;
}
.selectric-wrapper .selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 62px 0 5px;
  font-size: 19px;
  line-height: 56px;
  height: 62px;
  font-weight: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: black;
  text-align: left;
}
.selectric-wrapper .selectric .button {
  display: none;
}
.selectric-wrapper .selectric-items {
  border: none;
}
.selectric-wrapper .selectric-items .selectric-scroll ul {
  background-color: #f1f1f1;
}
.selectric-wrapper .selectric-items .selectric-scroll ul li {
  padding: 8px 15px;
  text-align: left;
  font-size: 19px;
  line-height: 26px;
  min-height: 42px;
  color: black;
  background-color: transparent;
}
.selectric-wrapper .selectric-items .selectric-scroll ul li.selected {
  background-color: #dddddd !important;
}
.selectric-wrapper .selectric-items .selectric-scroll ul li:hover {
  background-color: #006582 !important;
  color: #ffffff !important;
}
.selectric-wrapper .selectric-items .selectric-scroll ul li.standard_layout_parent {
  font-weight: 500;
}
.selectric-wrapper .selectric-items .selectric-scroll ul li.standard_layout_children {
  padding: 8px 15px 8px 30px;
}
.bg-grey .selectric-wrapper {
  background-color: #ffffff;
}
.bg-grey .selectric-wrapper .selectric-items .selectric-scroll ul {
  background-color: #ffffff;
}
/**/
/*EMAIL CATCHER TELECHARGEMENT BROCHURE*/
.filefield-mail-download-form {
  text-align: center;
}
.filefield-mail-download-form label {
  text-transform: uppercase;
  line-height: 1.2em;
  text-align: center;
  font-size: 18px;
  margin: 20px 0;
}
.filefield-mail-download-form button {
  margin-bottom: 15px;
}
/**/
/*CARTE DE VOEUX 2017*/
.region-page-top #tuesday-popup .expand-banner .close-expand-banner {
  position: absolute;
  z-index: 100;
  right: 15px;
  top: 15px;
  background: white url("../img/close-voeux.png") no-repeat center center;
  display: block;
  width: 30px;
  height: 30px;
  border: 1px solid #006582;
  border-radius: 50%;
  text-align: center;
  color: transparent;
}
.region-page-top #tuesday-popup .voeux-left {
  width: 5%;
}
@media (min-width: 768px) {
  .region-page-top #tuesday-popup .voeux-left {
    width: 12%;
  }
}
.region-page-top #tuesday-popup .voeux-center {
  width: 90%;
  font-size: 170%;
}
@media (min-width: 768px) {
  .region-page-top #tuesday-popup .voeux-center {
    width: 76%;
    font-size: 270%;
  }
}
.region-page-top #tuesday-popup .voeux-center .bottom {
  text-align: center;
}
.region-page-top #tuesday-popup .voeux-center .bottom .modulez {
  display: block;
  margin: auto;
}
@media (min-width: 768px) {
  .region-page-top #tuesday-popup .voeux-center .bottom .modulez {
    float: left;
  }
}
.region-page-top #tuesday-popup .voeux-center .bottom .logo-algeco {
  margin: 15px auto 0 auto;
  display: block;
}
@media (min-width: 768px) {
  .region-page-top #tuesday-popup .voeux-center .bottom .logo-algeco {
    float: right;
    margin-top: 0;
  }
}
.region-page-top #tuesday-popup .voeux-right {
  width: 5%;
}
@media (min-width: 768px) {
  .region-page-top #tuesday-popup .voeux-right {
    width: 12%;
  }
}
/*BLOCS TEASERS HORIZONTAUX*/
.teaser-horiz {
  padding: 0 !important;
}
.teaser-horiz .views-field .views-field-title h2 {
  font-size: 37px;
  font-weight: 500;
  color: #333;
  margin-bottom: 0.7em;
  width: 100%;
  position: relative;
  margin-bottom: 35px;
}
.teaser-horiz .views-field .views-field-title h2:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -15px;
  border-bottom: 4px solid #006582;
  width: 80px;
}
.teaser-horiz .views-field .views-field-title h2.title-underLine-center:before {
  left: 50%;
  transform: translateX(-50%);
}
.teaser-horiz .views-field .views-field-title h2.title-underLine-white:before {
  border-bottom: 4px solid #ffffff;
}
.teaser-horiz .views-field .views-field-title h2 a {
  color: #333;
}
.teaser-horiz .views-field .views-field-title:after {
  display: none;
}
.teaser-horiz .views-field .views-field-thumbnail {
  position: relative;
  min-height: 100px;
}
.teaser-horiz .views-field .views-field-thumbnail:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(24, 24, 24, 0.65);
  pointer-events: none;
}
.teaser-horiz .views-field .views-field-thumbnail .views-field-path {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
}
.teaser-horiz .views-field .views-field-thumbnail .views-field-path .btn {
  color: white;
  background-color: transparent;
  background-image: none;
  border-color: white;
}
.teaser-horiz .views-field .views-field-thumbnail .views-field-path .btn:hover,
.teaser-horiz .views-field .views-field-thumbnail .views-field-path .btn:focus {
  color: #006582;
  background-color: white;
}
.teaser-horiz .views-field .views-field-thumbnail .views-field-path .btn:after {
  display: none;
}
body.not-front.contactv2 .heading-image {
  background-position: 50% bottom;
}
@media (min-width: 768px) {
  body.not-front.contactv2 .heading-image {
    height: 750px;
  }
}
body.not-front.contactv2 .region-heading section {
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}
body.not-front.contactv2 .region-heading section h1,
body.not-front.contactv2 .region-heading section .h1 {
  font-size: 18px;
}
@media (min-width: 768px) {
  body.not-front.contactv2 .region-heading section h1,
  body.not-front.contactv2 .region-heading section .h1 {
    font-size: 23px;
  }
}
@media (min-width: 768px) and (max-height: 800px) {
  body.not-front.contactv2 .region-heading section h1,
  body.not-front.contactv2 .region-heading section .h1 {
    font-size: 23px;
  }
}
body.not-front.contactv2 .region-heading section p {
  font-size: 15px;
}
@media (min-width: 768px) {
  body.not-front.contactv2 .region-heading section p {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-height: 800px) {
  body.not-front.contactv2 .region-heading section p {
    font-size: 18px;
  }
}
body.not-front.contactv2 .breadcrumb-wrapper {
  display: none;
}
body.not-front.contactv2 .main-container {
  padding: 0;
  position: relative;
  /*
        &:before {
            content: "";
            display: block;
            width: 126px;
            height: 126px;
            background: url("../img/pastille-within-a-day.png") no-repeat;
            position: absolute;
            top: -40px;
            right: 40px;
            z-index: 1;
        }
        */
}
body.not-front.contactv2 .main-container > .row > div {
  display: none;
}
@media (min-width: 768px) {
  body.not-front.contactv2 .main-container {
    margin-top: -500px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 10px 50px -15px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 10px 50px -15px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 10px 50px -15px rgba(0, 0, 0, 0.5);
  }
}
body.not-front.contactv2 .main-container h2 {
  display: none;
}
body.not-front.contactv2 .main-container section section {
  background-color: transparent;
  padding: 0 15px;
}
@media (min-width: 768px) {
  body.not-front.contactv2 .main-container section section {
    padding: 0 80px;
  }
}
body.not-front.contactv2 .main-container section section.colG {
  color: #ffffff;
  padding: 95px 15px 30px 15px;
  background: #37b7e6;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #37b7e6 0%, #1489b4 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #37b7e6 0%, #1489b4 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #37b7e6 0%, #1489b4 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#37b7e6', endColorstr='#1489b4', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
@media (min-width: 768px) {
  body.not-front.contactv2 .main-container section section.colG {
    border-radius: 10px 0 0 10px;
  }
}
body.not-front.contactv2 .main-container section section.colG section {
  background-color: transparent;
  padding-top: 0;
  padding-bottom: 0;
}
body.not-front.contactv2 .main-container section section.colG .row > div:not(.header) {
  width: calc(100% - 85px);
  display: inline-block;
  vertical-align: middle;
  float: none;
}
body.not-front.contactv2 .main-container section section.colG .media-left:not(.header) {
  padding-right: 0;
  width: auto !important;
}
body.not-front.contactv2 .main-container section section#block-views-contact-us-v2-contact-us-v2 {
  padding-top: 60px;
  padding-bottom: 60px;
}
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 .contact-1col .panel-default .webform-component-textfield.form-item .control-label,
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 .contact-1col .panel-default .webform-component-email.form-item .control-label,
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 .contact-1col .panel-default .webform-component-select.form-item .control-label,
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 .contact-1col .panel-default .webform-component-textarea.form-item .control-label {
  line-height: 48px;
}
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 .webform-component--identite:before,
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 .webform-component--droite:before {
  display: block;
  color: #37b7e6;
  font-weight: bold;
  margin: 20px 0 15px 0;
  font-size: 20px;
}
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 .webform-component--identite:before {
  content: "Contact Information";
}
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 .webform-component--droite:before {
  content: "Enquiry details";
}
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 .control-label {
  font-weight: normal;
}
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 .control-label .form-required {
  color: #fcd02f;
}
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 .control-label a {
  color: #37b7e6;
}
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 .form-control:not(.bef-select-as-checkboxes) {
  background-color: #edf5f8;
  height: 48px;
}
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 textarea.form-control:not(.bef-select-as-checkboxes) {
  height: 130px;
  padding-top: 15px;
}
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 input::-webkit-input-placeholder,
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 textarea::-webkit-input-placeholder {
  color: #edf5f8;
}
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 input::-moz-placeholder,
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 textarea::-moz-placeholder {
  color: #edf5f8;
}
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 input:-ms-input-placeholder,
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 textarea:-ms-input-placeholder {
  color: #edf5f8;
}
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 input:-moz-placeholder,
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 textarea:-moz-placeholder {
  color: #edf5f8;
}
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 .has-error .control-label {
  color: #e54219;
}
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 .has-error .form-control,
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 .has-error .selectric-wrapper {
  border: 1px solid #e54219;
}
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 .selectric-wrapper {
  background-image: url(../img/contact-select-bg-v2.png);
  background-color: #edf5f8;
}
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 .selectric-wrapper,
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 .selectric-wrapper .selectric,
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 .selectric-wrapper .selectric .label {
  height: 48px;
  line-height: 42px;
}
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 .selectric-wrapper .selectric-items {
  background: #f3fcff;
  border: 1px solid #C4C4C4;
}
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 .selectric-wrapper .selectric-items .selectric-scroll ul li:hover {
  background-color: #37b7e6 !important;
}
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 .checkbox input,
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 .form-inline .checkbox input {
  position: absolute;
  left: -1px;
  width: 1px;
  height: 1px;
  opacity: 0;
}
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 .checkbox label,
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 .form-inline .checkbox label {
  position: relative;
  padding-left: 30px;
}
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 .checkbox label:before,
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 .form-inline .checkbox label:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  background-color: #edf5f8;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
}
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 .checkbox input:checked + label:after,
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 .form-inline .checkbox input:checked + label:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 2px;
  background-color: #37b7e6;
  position: absolute;
  left: 4px;
  top: 50%;
  margin-top: -6px;
}
@media (min-width: 768px) {
  body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 .checkbox label,
  body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 .form-inline .checkbox label {
    padding-left: 30px;
  }
}
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 .form-actions {
  text-align: center;
}
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 .form-actions .btn {
  border-color: #37b7e6;
  position: relative;
  width: 190px;
  font-size: 19px;
  /*
                &:after {
                    content: "Response within a day";
                    position: absolute;
                    bottom: -10px;
                    left: 50%;
                    margin-left: -80px;
                    width: 160px;
                    background-color: #fcd02f;
                    font-size: @font-size-x-small;
                    text-align: center;
                }
                */
}
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 .form-actions .btn.btn-primary {
  background-color: #37b7e6;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 .form-actions .btn:hover,
body.not-front.contactv2 #block-views-contact-us-v2-contact-us-v2 .form-actions .btn:focus {
  background-color: #168db9;
  border-color: #168db9;
}
@media (max-width: 768px) {
  body.not-front.contactv2 .main-container:before {
    top: -100px;
    right: 15px;
  }
  body.not-front.contactv2 .main-container .region-content {
    display: flex;
    flex-direction: column;
  }
  body.not-front.contactv2 .main-container .region-content .colG {
    order: 2;
  }
  body.not-front.contactv2 .main-container .region-content #block-views-contact-us-v2-contact-us-v2 {
    padding: 10px 0 50px 0;
  }
}
.webform-client-form-960 .panel {
  margin-bottom: 0;
  border: none;
  box-shadow: none;
}
.webform-client-form-960 .panel .panel-body {
  padding: 0;
}
.webform-client-form-960 h2 {
  font-size: 23px;
  color: #006582;
}
@media (min-width: 768px) {
  .webform-client-form-960 h2 {
    font-size: 37px;
  }
}
.webform-client-form-960 .webform-component-textfield,
.webform-client-form-960 .webform-component-email {
  margin: 5px auto;
}
.webform-client-form-960 .webform-component-textfield input,
.webform-client-form-960 .webform-component-email input {
  text-transform: none !important;
}
.webform-client-form-960 .webform-component.inline-checkbox {
  width: 100%;
}
.webform-client-form-960 .webform-component.inline-checkbox label {
  margin: 0 0 3px 0;
  width: 100%;
}
.webform-client-form-960 .webform-component.inline-checkbox input {
  width: 15px;
  margin-top: 3px;
}
@media (min-width: 768px) {
  .webform-client-form-960 .webform-component.inline-checkbox label {
    width: auto;
    margin-right: 12px;
  }
  .webform-client-form-960 .webform-component.inline-checkbox input {
    width: 15px;
    margin-right: 5px;
  }
}
.webform-client-form-960 .form-actions {
  width: 100%;
  margin: 20px 0 0 0;
  padding: 0 25px;
  display: inline-block;
}
.webform-client-form-960 .form-actions button {
  width: 100%;
  padding-top: 15px;
  padding-bottom: 20px;
}
/* SERVICES */
#block-views-services-block,
#block-views-services-block-2,
#block-views-services-items-block,
.block-views-services-block {
  display: inline-block;
  width: 100%;
  background: white;
  padding: 15px 15px;
}
#block-views-services-block .views-row,
#block-views-services-block-2 .views-row,
#block-views-services-items-block .views-row,
.block-views-services-block .views-row {
  display: inline-block;
  width: 100%;
  margin: 20px 0 15px 0;
}
#block-views-services-block .views-row h2,
#block-views-services-block-2 .views-row h2,
#block-views-services-items-block .views-row h2,
.block-views-services-block .views-row h2 {
  text-transform: uppercase;
  color: black;
  font-size: 19px;
}
#block-views-services-block .views-row h2 a,
#block-views-services-block-2 .views-row h2 a,
#block-views-services-items-block .views-row h2 a,
.block-views-services-block .views-row h2 a {
  font-size: 19px;
  color: black;
}
#block-views-services-block .views-row .views-field,
#block-views-services-block-2 .views-row .views-field,
#block-views-services-items-block .views-row .views-field,
.block-views-services-block .views-row .views-field {
  clear: both;
}
#block-views-services-block .views-row p,
#block-views-services-block-2 .views-row p,
#block-views-services-items-block .views-row p,
.block-views-services-block .views-row p {
  margin: 15px 0;
}
#block-views-services-block .views-row img,
#block-views-services-block-2 .views-row img,
#block-views-services-items-block .views-row img,
.block-views-services-block .views-row img {
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  #block-views-services-block .views-row .views-field-view-node,
  #block-views-services-block-2 .views-row .views-field-view-node,
  #block-views-services-items-block .views-row .views-field-view-node,
  .block-views-services-block .views-row .views-field-view-node {
    text-align: center;
  }
}
#block-views-services-block {
  margin-top: 20px;
}
#block-views-services-block-2 {
  padding-bottom: 0;
}
#block-views-services-items-block {
  padding-top: 0;
}
/* SERVICES */
/*.node-type-service {
    h2 {
        margin-bottom: 2rem;
        text-transform: uppercase;
    }    
    }*/
#block-block-20 {
  background: white;
  padding-bottom: 30px;
}
#pre-bottom #block-block-9 h2 {
  color: white;
  margin-left: -15px;
}
#pre-bottom #block-block-9 .col-md-12 {
  padding: 0;
}
#pre-bottom #block-block-9 .block-content {
  background: none;
}
#pre-bottom #block-block-9 .block-content > .row {
  margin: 0;
}
#pre-bottom #block-block-9 .block-content .row .row {
  background: #f1f1f1;
  padding: 50px;
  position: relative;
}
#pre-bottom #block-block-9 .block-content .row .row:before {
  background: #006582;
  content: '';
  display: block;
  height: 10rem;
  left: 1.5rem;
  position: absolute;
  top: 0;
  width: 2rem;
}
#pre-bottom #block-block-9 .block-content .row .row img {
  height: auto !important;
  width: 100% !important;
}
#pre-bottom #block-block-9 h3 {
  margin-top: 0;
}
#pre-bottom #block-block-9 .btn {
  bottom: 0;
  position: absolute;
}
#block-views-services-items-block-1 {
  background: #f1f1f1;
  padding: 50px 20px;
}
#block-views-services-items-block-1 .view-services-items {
  background: white;
  padding: 50px;
}
#block-views-services-items-block-1 h2 {
  margin-bottom: 50px;
  text-align: center;
}
#block-views-services-items-block-1 .views-field-title {
  margin: 0 0 30px 0;
  text-transform: uppercase;
}
#block-views-services-items-block-1 .views-field-title a {
  color: black;
  font-size: 18px;
}
#block-views-services-items-block-1 .views-row {
  margin-bottom: 50px;
}
#block-views-services-items-block-1 .views-row-last {
  margin-bottom: 0;
}
#block-views-services-items-block-1 .views-field-view-node {
  bottom: 0;
  /*        position: absolute; */
}
/* SERVICES FIN */
@media (max-width: 767px) {
  #block-views-node-introduction-block {
    padding: 0;
  }
  #block-views-services-items-block-1 .row-eq-height div,
  #block-block-9 .row-eq-height div {
    margin-bottom: 20px;
  }
  #block-views-services-items-block-1 .row-eq-height div:last-child,
  #block-block-9 .row-eq-height div:last-child {
    margin-bottom: 0;
  }
  #pre-bottom #block-block-9 .btn {
    position: relative;
  }
  #block-block-20 .row {
    margin: 0;
  }
  #block-block-20 .row div {
    margin-bottom: 20px;
  }
  #block-block-20 .row div .btn {
    width: 100%;
  }
  #block-block-20 .row div:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  #block-views-services-block,
  #block-views-services-block-2,
  #block-views-services-items-block,
  .block-views-services-block {
    padding: 35px 35px;
  }
  #block-views-services-block .views-row,
  #block-views-services-block-2 .views-row,
  #block-views-services-items-block .views-row,
  .block-views-services-block .views-row {
    margin: 15px 0;
  }
  #block-views-services-block .views-row h2,
  #block-views-services-block-2 .views-row h2,
  #block-views-services-items-block .views-row h2,
  .block-views-services-block .views-row h2 {
    margin-top: 0;
  }
  #block-views-services-block .views-row.views-row-even div div div,
  #block-views-services-block-2 .views-row.views-row-even div div div,
  #block-views-services-items-block .views-row.views-row-even div div div,
  .block-views-services-block .views-row.views-row-even div div div {
    float: right;
  }
  #block-views-services-block .views-row.views-row-even div div div div,
  #block-views-services-block-2 .views-row.views-row-even div div div div,
  #block-views-services-items-block .views-row.views-row-even div div div div,
  .block-views-services-block .views-row.views-row-even div div div div {
    float: left;
  }
  #block-views-services-block-2.first-image-right .views-row.views-row-even div div div {
    float: left;
  }
  #block-views-services-block-2.first-image-right .views-row.views-row-even div div div div {
    float: right;
  }
  #block-views-services-block-2.first-image-right .views-row.views-row-odd div div div {
    float: right;
  }
  #block-views-services-block-2.first-image-right .views-row.views-row-odd div div div div {
    float: left;
  }
}
#block-views-services-block-2 {
  padding-bottom: 0;
}
#block-views-services-items-block {
  padding-top: 0;
}
@media (max-width: 991px) {
  #block-views-services-items-block-1 .views-field-view-node,
  #pre-bottom #block-block-9 .btn {
    position: relative;
  }
}
@media (min-width: 992px) {
  #block-views-services-block,
  #block-views-services-block-2,
  #block-views-services-items-block,
  .block-views-services-block {
    padding: 50px 55px;
  }
  #block-views-services-block .views-row,
  #block-views-services-block-2 .views-row,
  #block-views-services-items-block .views-row,
  .block-views-services-block .views-row {
    margin: 20px 0;
  }
}
#block-views-services-block-2 {
  padding-bottom: 0;
}
#block-views-services-items-block {
  padding-top: 0;
}
@media (min-width: 1200px) {
  #block-views-services-block,
  #block-views-services-block-2,
  #block-views-services-items-block .block-views-services-block {
    padding: 55px 65px;
  }
  #block-views-services-block .views-row,
  #block-views-services-block-2 .views-row,
  #block-views-services-items-block .block-views-services-block .views-row {
    margin: 25px 0;
  }
}
#block-views-services-block-2 {
  padding-bottom: 0;
}
#block-views-services-items-block {
  padding-top: 0;
}
/* */
.views-field-view-node .btn {
  margin-top: 10px;
}
.btn-bottom-services .btn {
  margin-top: 10px;
}
@media (max-width: 480px) {
  .btn-bottom-services .btn {
    padding: 10px 24px;
    display: block;
  }
}
/* SOLUTIONS */
div.horizontal-tabs {
  /*#block-system-main sert à surcharger le style des listes par défaut*/
  border: none;
  margin-bottom: 0;
  position: relative;
  padding-bottom: 50px;
}
div.horizontal-tabs ul.horizontal-tabs-list {
  border: none;
  background: transparent;
  position: absolute;
  bottom: 0;
  right: 0;
  width: auto;
}
div.horizontal-tabs ul.horizontal-tabs-list li {
  background: transparent;
  border-right: none;
  min-width: 0;
  padding: 0;
  margin: 0 0 4px 20px;
  position: relative;
}
div.horizontal-tabs ul.horizontal-tabs-list li:before {
  display: none !important;
}
div.horizontal-tabs ul.horizontal-tabs-list li a {
  background: #006582;
  color: white;
  padding: 0.2em 0.6em;
  text-transform: uppercase;
}
div.horizontal-tabs ul.horizontal-tabs-list li.selected strong {
  color: white;
}
div.horizontal-tabs ul.horizontal-tabs-list li.selected:after {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  left: 0;
  bottom: -6px;
  background: #006582;
}
div.horizontal-tabs fieldset.horizontal-tabs-pane {
  padding: 0;
}
div.horizontal-tabs fieldset.horizontal-tabs-pane .panel-body,
div.horizontal-tabs fieldset.horizontal-tabs-pane .panel-body .field-name-field-videos {
  padding: 0;
}
div.horizontal-tabs fieldset.horizontal-tabs-pane .panel-body .field-slideshow,
div.horizontal-tabs fieldset.horizontal-tabs-pane .panel-body .field-name-field-videos .field-slideshow {
  width: 100% !important;
}
div.horizontal-tabs fieldset.horizontal-tabs-pane .panel-body .field-name-field-videos iframe {
  height: auto;
}
@media (min-width: 768px) {
  div.horizontal-tabs fieldset.horizontal-tabs-pane .panel-body .field-name-field-videos iframe {
    height: 388px;
  }
}
@media (min-width: 992px) {
  div.horizontal-tabs fieldset.horizontal-tabs-pane .panel-body .field-name-field-videos iframe {
    height: 512px;
  }
}
@media (min-width: 1200px) {
  div.horizontal-tabs fieldset.horizontal-tabs-pane .panel-body .field-name-field-videos iframe {
    height: 624px;
  }
}
.node-type-gamme-de-produits .main-container,
.node-type-produit .main-container {
  padding-bottom: 0;
}
.node-type-gamme-de-produits .main-container #block-system-main article,
.node-type-produit .main-container #block-system-main article {
  background: white;
}
.node-type-gamme-de-produits .main-container #block-system-main article .field-name-field-applications span.application,
.node-type-produit .main-container #block-system-main article .field-name-field-applications span.application {
  margin: 0 0 0 15px;
  height: 18px;
  background-position: center center;
  display: block;
  float: left;
}
.node-type-gamme-de-produits .main-container #block-block-22,
.node-type-produit .main-container #block-block-22 {
  background: white;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
@media (max-width: 767px) {
  .node-type-gamme-de-produits .main-container #block-block-22 .btn,
  .node-type-produit .main-container #block-block-22 .btn {
    padding: 10px 20px;
  }
}
.node-type-gamme-de-produits .main-container #block-block-20,
.node-type-produit .main-container #block-block-20 {
  background: transparent;
}
.node-type-gamme-de-produits .main-container #block-views-services-block-1,
.node-type-produit .main-container #block-views-services-block-1 {
  background: white;
  margin-left: -30px;
  margin-right: -30px;
  padding-bottom: 30px;
}
.node-type-gamme-de-produits .main-container #block-views-services-block-1 .view-services .view-content .views-field,
.node-type-produit .main-container #block-views-services-block-1 .view-services .view-content .views-field,
.node-type-gamme-de-produits .main-container #block-views-services-block-1 .view-services .view-content .col-mobilier,
.node-type-produit .main-container #block-views-services-block-1 .view-services .view-content .col-mobilier {
  position: relative;
  height: 100%;
}
.node-type-gamme-de-produits .main-container #block-views-services-block-1 .view-services .view-content .col-mobilier,
.node-type-produit .main-container #block-views-services-block-1 .view-services .view-content .col-mobilier {
  background: #f1f1f1;
  display: inline-block;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .node-type-gamme-de-produits .main-container #block-views-services-block-1 .view-services .view-content .col-mobilier,
  .node-type-produit .main-container #block-views-services-block-1 .view-services .view-content .col-mobilier {
    font-size: 13px;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .node-type-gamme-de-produits .main-container #block-views-services-block-1 .view-services .view-content .col-mobilier,
  .node-type-produit .main-container #block-views-services-block-1 .view-services .view-content .col-mobilier {
    font-size: 15px;
  }
}
.node-type-gamme-de-produits .main-container #block-views-services-block-1 .view-services .view-content .col-mobilier .views-field-field-vignette img,
.node-type-produit .main-container #block-views-services-block-1 .view-services .view-content .col-mobilier .views-field-field-vignette img {
  width: 100%;
}
.node-type-gamme-de-produits .main-container #block-views-services-block-1 .view-services .view-content .col-mobilier .views-field-title,
.node-type-produit .main-container #block-views-services-block-1 .view-services .view-content .col-mobilier .views-field-title {
  width: 100%;
  display: inline-block;
  position: relative;
  margin-bottom: 10px;
}
.node-type-gamme-de-produits .main-container #block-views-services-block-1 .view-services .view-content .col-mobilier .views-field-title:after,
.node-type-produit .main-container #block-views-services-block-1 .view-services .view-content .col-mobilier .views-field-title:after {
  background: #cacacb;
  content: "";
  display: block;
  height: 1px;
  width: 30px;
  position: absolute;
  left: 50%;
  margin-left: -15px;
  bottom: 0;
}
.node-type-gamme-de-produits .main-container #block-views-services-block-1 .view-services .view-content .col-mobilier .views-field-title h3,
.node-type-produit .main-container #block-views-services-block-1 .view-services .view-content .col-mobilier .views-field-title h3 {
  font-size: 15px;
  text-align: center;
  font-weight: bold;
}
@media (min-width: 768px) {
  .node-type-gamme-de-produits .main-container #block-views-services-block-1 .view-services .view-content .col-mobilier .views-field-title h3,
  .node-type-produit .main-container #block-views-services-block-1 .view-services .view-content .col-mobilier .views-field-title h3 {
    font-size: 13px;
  }
}
@media (min-width: 992px) {
  .node-type-gamme-de-produits .main-container #block-views-services-block-1 .view-services .view-content .col-mobilier .views-field-title h3,
  .node-type-produit .main-container #block-views-services-block-1 .view-services .view-content .col-mobilier .views-field-title h3 {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .node-type-gamme-de-produits .main-container #block-views-services-block-1 .view-services .view-content .col-mobilier .views-field-title h3,
  .node-type-produit .main-container #block-views-services-block-1 .view-services .view-content .col-mobilier .views-field-title h3 {
    font-size: 23px;
  }
}
.node-type-gamme-de-produits .main-container #block-algeco-custom-blocks-algeco-download-brochure,
.node-type-produit .main-container #block-algeco-custom-blocks-algeco-download-brochure {
  margin-bottom: 20px;
}
.node-type-gamme-de-produits .main-container #block-algeco-custom-blocks-algeco-download-brochure .row div,
.node-type-produit .main-container #block-algeco-custom-blocks-algeco-download-brochure .row div {
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .node-type-gamme-de-produits #bottom .view-d-tails-r-alisations .views-row,
  .node-type-produit #bottom .view-d-tails-r-alisations .views-row {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.block-agence-list .view-agence .view-header h2 {
  font-size: 1.2em;
  font-weight: normal;
  margin: 40px 0;
  text-transform: uppercase;
}
.block-agence-list .views-row {
  margin: 5px 0;
}
.block-agence-list .views-row h3 {
  font-size: 15px;
  letter-spacing: 0;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.42857;
  margin: 0;
}
.block-agence-list .views-row .glyphicon {
  color: #006582;
  font-size: 0.8em;
  margin-right: 10px;
}
.view-foire-aux-questions h3,
.view-faq-generic-for-sector-pages h3 {
  font-size: 1.2em;
  font-weight: normal;
  margin: 40px 0 10px 0;
  text-transform: uppercase;
}
.view-foire-aux-questions h4,
.view-faq-generic-for-sector-pages h4,
.view-foire-aux-questions .field-content,
.view-faq-generic-for-sector-pages .field-content {
  font-size: 15px;
  margin: 5px 0;
  font-family: 'Open Sans', sans-serif;
  position: relative;
  padding-left: 20px;
  text-transform: none;
  line-height: 1.2em;
}
.view-foire-aux-questions h4 .glyphicon,
.view-faq-generic-for-sector-pages h4 .glyphicon,
.view-foire-aux-questions .field-content .glyphicon,
.view-faq-generic-for-sector-pages .field-content .glyphicon {
  color: #006582;
  font-size: 0.8em;
  position: absolute;
  left: 0;
  top: 0.2em;
}
@media (max-width: 767px) {
  .view-foire-aux-questions .btn,
  .view-faq-generic-for-sector-pages .btn {
    white-space: normal;
  }
}
#block-views-foire-aux-questions-block-1 h2 {
  font-size: 1.2em;
  font-weight: normal;
  margin: 40px 0 10px 0;
  text-transform: uppercase;
}
#block-views-foire-aux-questions-block-1 .view-foire-aux-questions h3 {
  font-size: 15px;
  margin: 5px 0;
  text-transform: none;
  font-family: 'Open Sans', sans-serif;
  position: relative;
  padding-left: 20px;
}
#block-views-foire-aux-questions-block-1 .view-foire-aux-questions h3 .glyphicon {
  color: #006582;
  font-size: 0.8em;
  position: absolute;
  left: 0;
  top: 0.2em;
}
.node-type-faq #block-system-main {
  background: white;
}
.blog-push-categories {
  list-style: none;
  margin: 0;
  padding: 0;
}
.blog-push-categories .btn-default-red {
  font-size: 12px;
}
.blog-push-categories .btn-default-red:after {
  display: none;
}
.blog-push-categories li + li {
  margin-top: 4px;
}
.view-display-id-blog_fields .views-field-field-vignette img,
.blog-post .views-field-field-vignette img {
  width: 100%;
}
.view-display-id-blog_fields .views-field-title,
.blog-post .views-field-title,
.view-display-id-blog_fields .views-field-title a,
.blog-post .views-field-title a {
  margin: 0;
  font-size: 20px;
  color: #ed4f33;
  line-height: 1.2;
  font-weight: 700;
}
.view-display-id-blog_fields .views-field-field-blog-category,
.blog-post .views-field-field-blog-category,
.view-display-id-blog_fields .views-field-field-blog-category a,
.blog-post .views-field-field-blog-category a,
.view-display-id-blog_fields .blog-entry-category,
.blog-post .blog-entry-category,
.view-display-id-blog_fields .blog-entry-category a,
.blog-post .blog-entry-category a {
  margin: 8px 0 0 0;
  font-size: 11px;
  color: #000;
  text-transform: uppercase;
  font-family: 'FedraMonoBook';
}
.view-display-id-blog_fields .views-field-field-blog-category a,
.blog-post .views-field-field-blog-category a,
.view-display-id-blog_fields .views-field-field-blog-category a a,
.blog-post .views-field-field-blog-category a a,
.view-display-id-blog_fields .blog-entry-category a,
.blog-post .blog-entry-category a,
.view-display-id-blog_fields .blog-entry-category a a,
.blog-post .blog-entry-category a a {
  margin-top: 0;
}
.view-display-id-blog_fields .views-field-body,
.blog-post .views-field-body,
.view-display-id-blog_fields .views-field-body p,
.blog-post .views-field-body p {
  display: block;
  margin: 12px 0 0 0;
  padding: 0;
}
.view-display-id-blog_fields .views-field-body:before,
.blog-post .views-field-body:before {
  display: block;
  margin: 0 0 12px 0;
  content: '';
  width: 48px;
  height: 1px;
  background-color: #cacacb;
}
.view-display-id-blog_fields .views-field-body p:first-child,
.blog-post .views-field-body p:first-child {
  margin-top: 0;
}
.view-display-id-blog_fields .blog-entry-category + .blog-entry-date,
.blog-post .blog-entry-category + .blog-entry-date {
  margin-left: 8px;
}
.view-display-id-blog_fields .blog-entry-date,
.blog-post .blog-entry-date {
  font-family: 'FedraMonoBook';
  font-size: 11px;
  color: #878787;
}
.view-display-id-blog_fields .blog-entry-date:before,
.blog-post .blog-entry-date:before {
  display: inline-block;
  content: '>';
  margin: 0 6px 0 0;
}
.view-display-id-blog_fields .btn,
.blog-post .btn {
  margin-top: 13px;
}
.blog-post .view-blog-highlighted-article {
  text-align: left;
  background-color: white;
  background-color: #fff;
  background-color: #fff !important;
}
.blog-post .view-blog-highlighted-article .row.bg-white > :first-child {
  padding-left: 0;
}
.blog-post .view-blog-highlighted-article .row > *:nth-child(2) {
  padding-top: 24px;
  padding-bottom: 28px;
}
@media (max-width: 767px) {
  .blog-post .view-blog-highlighted-article .row > *:nth-child(2) > * {
    padding-left: 15px;
    padding-right: 15px;
  }
}
/* 
 * Spécifique à la page détail d'un post
 */
.node-type-blog-post {
  /*Block contenant l'image principale (sous le titre)*/
  /*Wrapper Sidebr && contentenu de l'article */
  /*@media (min-width: @screen-xs-min) {border:1px solid blue;}
    @media (min-width: @screen-sm-min) {border:1px solid orange;}
    @media (min-width: @screen-md-min) {border:1px solid purple;}
    @media (min-width: @screen-lg-min) {border:1px solid red;}//*/
}
.node-type-blog-post .main-container h1 {
  margin-bottom: 17px;
}
.node-type-blog-post .main-container h1:after {
  display: block;
  margin: 19px auto 0 auto;
  content: '';
  width: 48px;
  height: 1px;
  background-color: #cacacb;
}
.node-type-blog-post .main-container .region-after-title {
  margin-bottom: 0;
}
.node-type-blog-post .views-field-field-diaporama {
  display: block;
  margin-top: 40px;
}
.node-type-blog-post .blog-content-wrapper {
  padding: 0;
  margin: 0 15px;
  box-sizing: border-box;
  width: auto;
  background: #fff;
}
.node-type-blog-post aside {
  margin-top: 70px;
  padding-left: 30px;
}
.node-type-blog-post aside .block-views {
  background-color: #f1f1f1;
}
.node-type-blog-post aside .block-title:after {
  background-color: #cacacb;
}
.node-type-blog-post article .field {
  padding-left: 15px;
}
.node-type-blog-post article .field:not(.field-name-body) {
  padding-top: 15px;
  padding-bottom: 15px;
}
.node-type-blog-post .paragraphs-items .field-type-paragraphs {
  margin-left: 0;
  margin-right: 0;
}
.node-type-blog-post .field .field-label {
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1.4rem;
  color: #000;
}
.node-type-blog-post .field-type-taxonomy-term-reference {
  text-align: center;
  vertical-align: middle;
}
.node-type-blog-post .field-type-taxonomy-term-reference > .field-label {
  margin-top: 0;
}
.node-type-blog-post .field-type-taxonomy-term-reference > .field-items {
  width: auto;
}
.node-type-blog-post .field-name-field-addthis-code {
  text-align: center;
}
.node-type-blog-post .field-name-field-addthis-code div {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  float: none;
}
@media (max-width: 768px) {
  .node-type-blog-post aside {
    margin-top: 40px;
    padding-top: 15px;
    padding-left: 15px;
  }
  .node-type-blog-post .paragraphs-items-field-quote .field-type-paragraphs {
    padding-left: 0;
    margin-left: 0;
  }
  .node-type-blog-post .paragraphs-items-field-quote .field-type-paragraphs .entity-paragraphs-item {
    margin-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .node-type-blog-post article .field {
    padding-right: 15px;
  }
}
@media (min-width: 768px) AND (max-width: 991px) {
  .node-type-blog-post .paragraphs-items-field-quote .field-type-paragraphs .entity-paragraphs-item {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.node-type-blog-post #bottom > .container {
  background-color: #f1f1f1;
  background-color: #f1f1f1 !important;
}
.node-type-blog-post #bottom > .container .selectric-wrapper {
  background-color: #ffffff;
}
.node-type-blog-post #bottom > .container .selectric-wrapper .selectric-items .selectric-scroll ul {
  background-color: #ffffff;
}
.node-type-blog-post #bottom .h2.block-title {
  margin: 50px 0;
  margin-left: -15px;
  margin-right: -15px;
  padding: 65px 5px 45px 5px;
  text-align: center;
  background-color: white;
  background-color: #fff;
  background-color: #fff !important;
}
.node-type-blog-post #bottom .view-display-id-blog_contextual_blocks {
  padding-top: 0;
}
.node-type-blog-post #bottom .view-display-id-blog_contextual_blocks > .view-content > div {
  margin-bottom: 30px;
}
.node-type-blog-post #bottom .view-display-id-blog_contextual_blocks .bg-white {
  height: 100%;
  padding: 30px;
}
.node-type-blog-post #bottom .view-display-id-blog_contextual_blocks .img-responsive {
  width: 100%;
}
/*# sourceMappingURL=/sites/all/themes/algeco/css/algeco.css.map */