/* line 21, ../../../src/sass/style.scss */
.basicfont, body {
  font-family: 'Open Sans', sans-serif;
}

/* line 25, ../../../src/sass/style.scss */
.titlefont, h3, h4, h5, h6, h1, h2 {
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
}

/* line 33, ../../../src/sass/style.scss */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 37, ../../../src/sass/style.scss */
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

/* line 43, ../../../src/sass/style.scss */
body {
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #212529;
  background-color: #fff;
  word-spacing: normal;
  letter-spacing: normal;
}

/* line 55, ../../../src/sass/style.scss */
.wrapper {
  min-height: 100%;
  position: relative;
}

/* line 60, ../../../src/sass/style.scss */
h3, h4, h5, h6 {
  font-weight: bold;
}

/* line 69, ../../../src/sass/style.scss */
h1 {
  font-size: 2.5rem;
  font-weight: normal;
}

/* line 74, ../../../src/sass/style.scss */
h2 {
  font-size: 1.90rem;
  font-weight: normal;
}

/* line 78, ../../../src/sass/style.scss */
h3 {
  font-size: 1.5rem;
}

/* line 81, ../../../src/sass/style.scss */
h4 {
  font-size: 1.3rem;
}

/* line 85, ../../../src/sass/style.scss */
p {
  margin-bottom: 0;
}

/* line 89, ../../../src/sass/style.scss */
.mentions {
  font-size: 10px;
  line-height: 11px;
}

/* line 94, ../../../src/sass/style.scss */
.helper {
  border: 1px solid black;
  position: fixed;
  color: black;
  font-size: 12px;
  line-height: 12px;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: white;
  width: 20px;
  height: 20px;
  display: inline-block;
  overflow: hidden;
  transition: all .3s ease-out;
  text-align: left;
  /* indicateur responsive */
  /* liste des composants */
}
/* line 110, ../../../src/sass/style.scss */
.helper:hover {
  width: 250px;
  height: auto;
}
/* line 117, ../../../src/sass/style.scss */
.helper > span.responsive-indic {
  cursor: pointer;
  font-size: 12px;
  line-height: 14px;
}
/* line 121, ../../../src/sass/style.scss */
.helper > span.responsive-indic::after {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 20px;
  font-weight: bold;
  background-color: yellow;
  z-index: 999;
  content: 'xl';
}
@media (max-width: 1239.98px) {
  /* line 121, ../../../src/sass/style.scss */
  .helper > span.responsive-indic::after {
    content: 'md';
  }
}
@media (max-width: 799.98px) {
  /* line 121, ../../../src/sass/style.scss */
  .helper > span.responsive-indic::after {
    content: 'sm';
  }
}
@media (max-width: 319.98px) {
  /* line 121, ../../../src/sass/style.scss */
  .helper > span.responsive-indic::after {
    content: 'xs';
  }
}
/* line 148, ../../../src/sass/style.scss */
.helper > span.version {
  float: right;
  padding: 10px 15px 0;
}
/* line 151, ../../../src/sass/style.scss */
.helper > span.version span {
  font-weight: bold;
}
/* line 157, ../../../src/sass/style.scss */
.helper > ul {
  padding: 10px;
  width: 250px;
  font-size: 14px;
  line-height: 16px;
}
/* line 162, ../../../src/sass/style.scss */
.helper > ul .badge {
  font-size: 1em;
  margin-top: 5px;
}

/* line 176, ../../../src/sass/style.scss */
.lightlink a:not(.btn), .container.med-dark a:not(.btn), section.med-dark a:not(.btn), .zone.med-dark a:not(.btn), .container.med-darker a:not(.btn), section.med-darker a:not(.btn), .zone.med-darker a:not(.btn), .container.dark a:not(.btn), section.dark a:not(.btn), .zone.dark a:not(.btn), .container.darker a:not(.btn), section.darker a:not(.btn), .zone.darker a:not(.btn), .container.main-color-alt a:not(.btn), section.main-color-alt a:not(.btn), .zone.main-color-alt a:not(.btn) {
  color: #ffe567;
}

/* line 177, ../../../src/sass/style.scss */
.darklink a:not(.btn), .container.lighter a:not(.btn), section.lighter a:not(.btn), .zone.lighter a:not(.btn), .container.light a:not(.btn), section.light a:not(.btn), .zone.light a:not(.btn), .container.med-lighter a:not(.btn), section.med-lighter a:not(.btn), .zone.med-lighter a:not(.btn), .container.med-light a:not(.btn), section.med-light a:not(.btn), .zone.med-light a:not(.btn), .container.med a:not(.btn), section.med a:not(.btn), .zone.med a:not(.btn), .container.main-color a:not(.btn), section.main-color a:not(.btn), .zone.main-color a:not(.btn) {
  color: inherit;
}

/* line 180, ../../../src/sass/style.scss */
.container.lighter, section.lighter, .zone.lighter {
  background-color: #FFF;
  color: #212529;
}
/* line 181, ../../../src/sass/style.scss */
.container.light, section.light, .zone.light {
  background-color: #f8f9fa;
  color: #212529;
}
/* line 182, ../../../src/sass/style.scss */
.container.med-lighter, section.med-lighter, .zone.med-lighter {
  background-color: #e9ecef;
  color: #212529;
}
/* line 183, ../../../src/sass/style.scss */
.container.med-light, section.med-light, .zone.med-light {
  background-color: #e4e4e4;
  color: #212529;
}
/* line 184, ../../../src/sass/style.scss */
.container.med, section.med, .zone.med {
  background-color: #d0d0d0;
  color: #212529;
}
/* line 185, ../../../src/sass/style.scss */
.container.med-dark, section.med-dark, .zone.med-dark {
  background-color: #989898;
  color: #fff;
}
/* line 186, ../../../src/sass/style.scss */
.container.med-darker, section.med-darker, .zone.med-darker {
  background-color: #666666;
  color: #fff;
}
/* line 187, ../../../src/sass/style.scss */
.container.dark, section.dark, .zone.dark {
  background-color: #212529;
  color: #fff;
}
/* line 188, ../../../src/sass/style.scss */
.container.darker, section.darker, .zone.darker {
  background-color: #000;
  color: #fff;
}
/* line 189, ../../../src/sass/style.scss */
.container.main-color, section.main-color, .zone.main-color {
  background-color: #06243B;
  color: #212529;
}
/* line 190, ../../../src/sass/style.scss */
.container.main-color-alt, section.main-color-alt, .zone.main-color-alt {
  background-color: #E2E8EF;
  color: #fff;
}
/* line 192, ../../../src/sass/style.scss */
.container.rounded, section.rounded, .zone.rounded {
  -moz-border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  border-radius: 0.25rem;
}

/* line 197, ../../../src/sass/style.scss */
.zone {
  padding: 15px;
}

@media (max-width: 799.98px) {
  /* line 201, ../../../src/sass/style.scss */
  .row {
    margin: 1em 0;
  }
}

/* line 212, ../../../src/sass/style.scss */
.col-xs-5ths {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 20%;
  width: 20%;
}

@media (min-width: 320px) {
  /* line 212, ../../../src/sass/style.scss */
  .col-sm-5ths {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 20%;
    width: 20%;
  }
}
@media (min-width: 800px) {
  /* line 212, ../../../src/sass/style.scss */
  .col-md-5ths {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 20%;
    width: 20%;
  }
}
@media (min-width: 1240px) {
  /* line 212, ../../../src/sass/style.scss */
  .col-xl-5ths {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 20%;
    width: 20%;
  }
}
/* line 224, ../../../src/sass/style.scss */
.visible-xs-up {
  display: block !important;
}

@media (max-width: 319.98px) {
  /* line 229, ../../../src/sass/style.scss */
  .visible-xs-down {
    display: block !important;
  }
}

/* line 234, ../../../src/sass/style.scss */
.hidden-xs-up {
  display: none !important;
}

@media (max-width: 319.98px) {
  /* line 239, ../../../src/sass/style.scss */
  .hidden-xs-down {
    display: none !important;
  }
}

@media (min-width: 320px) {
  /* line 224, ../../../src/sass/style.scss */
  .visible-sm-up {
    display: block !important;
  }
}

@media (max-width: 799.98px) {
  /* line 229, ../../../src/sass/style.scss */
  .visible-sm-down {
    display: block !important;
  }
}

@media (min-width: 320px) {
  /* line 234, ../../../src/sass/style.scss */
  .hidden-sm-up {
    display: none !important;
  }
}

@media (max-width: 799.98px) {
  /* line 239, ../../../src/sass/style.scss */
  .hidden-sm-down {
    display: none !important;
  }
}

@media (min-width: 800px) {
  /* line 224, ../../../src/sass/style.scss */
  .visible-md-up {
    display: block !important;
  }
}

@media (max-width: 1239.98px) {
  /* line 229, ../../../src/sass/style.scss */
  .visible-md-down {
    display: block !important;
  }
}

@media (min-width: 800px) {
  /* line 234, ../../../src/sass/style.scss */
  .hidden-md-up {
    display: none !important;
  }
}

@media (max-width: 1239.98px) {
  /* line 239, ../../../src/sass/style.scss */
  .hidden-md-down {
    display: none !important;
  }
}

@media (min-width: 1240px) {
  /* line 224, ../../../src/sass/style.scss */
  .visible-xl-up {
    display: block !important;
  }
}

/* line 229, ../../../src/sass/style.scss */
.visible-xl-down {
  display: block !important;
}

@media (min-width: 1240px) {
  /* line 234, ../../../src/sass/style.scss */
  .hidden-xl-up {
    display: none !important;
  }
}

/* line 239, ../../../src/sass/style.scss */
.hidden-xl-down {
  display: none !important;
}

/* line 251, ../../../src/sass/style.scss */
.btn {
  text-transform: uppercase;
  font-weight: bold;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  cursor: pointer;
}
/* line 256, ../../../src/sass/style.scss */
.btn.btn-outline-default {
  color: #00A0D6;
  border-color: #00A0D6;
  border-color: #00A0D6;
  background-color: transparent;
}
/* line 261, ../../../src/sass/style.scss */
.btn.btn-outline-default:hover {
  color: #fff;
  background-color: #06243B;
  border-color: #06243B;
}
/* line 267, ../../../src/sass/style.scss */
.btn.btn-default {
  color: #fff;
  border-color: #00A0D6;
  background-color: #00A0D6;
}
/* line 271, ../../../src/sass/style.scss */
.btn.btn-default:hover {
  color: #fff !important;
  background-color: #06243B;
  border-color: #06243B;
}
/* line 278, ../../../src/sass/style.scss */
.btn:hover {
  color: #fff !important;
}
/* line 283, ../../../src/sass/style.scss */
.btn.wide {
  padding: 0.7rem 6rem;
}

/* line 290, ../../../src/sass/style.scss */
a.btn-default:not([href]):not([tabindex]) {
  color: #fff;
  border-color: #00A0D6;
  background-color: #00A0D6;
}
/* line 294, ../../../src/sass/style.scss */
a.btn-default:not([href]):not([tabindex]):hover {
  background-color: #007aa3;
}

/* line 305, ../../../src/sass/style.scss */
footer.container .btn {
  color: #fff;
}
/* line 307, ../../../src/sass/style.scss */
footer.container .btn.icononly {
  color: #333333;
  padding: 0 0.5em;
}

/* line 13, ../../../src/sass/_custom.scss */
.frost {
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  background: rgba(226, 232, 239, 0.5);
  border-radius: 5px;
}

/* line 20, ../../../src/sass/_custom.scss */
h1,
h2,
h3,
h4 {
  font-family: "roboto", sans-serif;
  font-weight: 400;
  color: #003267;
}

/* line 29, ../../../src/sass/_custom.scss */
h1 {
  color: #FFF;
  font-size: 50px;
}
@media (max-width: 1239.98px) {
  /* line 29, ../../../src/sass/_custom.scss */
  h1 {
    font-size: 43px;
    line-height: 48px;
  }
}
@media (max-width: 799.98px) {
  /* line 29, ../../../src/sass/_custom.scss */
  h1 {
    font-size: 36px;
    line-height: 40px;
  }
}

/* line 44, ../../../src/sass/_custom.scss */
h2 {
  font-size: 40px;
}
@media (max-width: 1239.98px) {
  /* line 44, ../../../src/sass/_custom.scss */
  h2 {
    font-size: 30px;
  }
}
@media (max-width: 799.98px) {
  /* line 44, ../../../src/sass/_custom.scss */
  h2 {
    font-size: 24px;
  }
}

/* line 56, ../../../src/sass/_custom.scss */
h3 {
  font-size: 30px;
  color: #FFF;
}
@media (max-width: 1239.98px) {
  /* line 56, ../../../src/sass/_custom.scss */
  h3 {
    font-size: 24px;
  }
}
@media (max-width: 799.98px) {
  /* line 56, ../../../src/sass/_custom.scss */
  h3 {
    font-size: 20px;
  }
}

/* line 71, ../../../src/sass/_custom.scss */
p {
  font-family: "roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #86949E;
  line-height: 34px;
}
@media (max-width: 799.98px) {
  /* line 71, ../../../src/sass/_custom.scss */
  p {
    font-size: 14px;
    line-height: 28px;
  }
}

/* line 84, ../../../src/sass/_custom.scss */
ul {
  list-style-image: url("../img/puces.svg");
  padding-left: 32px;
}
/* line 87, ../../../src/sass/_custom.scss */
ul li {
  font-family: "roboto", sans-serif !important;
  font-weight: 400 !important;
  color: #86949E !important;
  line-height: 34px;
}
@media (max-width: 1239.98px) {
  /* line 87, ../../../src/sass/_custom.scss */
  ul li {
    font-size: 14px;
  }
}

/* line 99, ../../../src/sass/_custom.scss */
label, legend {
  font-family: "roboto", sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #06243B;
}

/* line 108, ../../../src/sass/_custom.scss */
input[type=radio] {
  cursor: pointer;
}

/* line 113, ../../../src/sass/_custom.scss */
fieldset label.required::after {
  content: '';
}

/* line 117, ../../../src/sass/_custom.scss */
fieldset label {
  font-family: "roboto", sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #06243B;
  cursor: pointer;
}

/* line 125, ../../../src/sass/_custom.scss */
strong {
  font-weight: 700;
  color: #06243B;
}

/* line 130, ../../../src/sass/_custom.scss */
.btn {
  font-family: "roboto", sans-serif;
  font-size: 17px;
  font-weight: 500;
  padding: 15px 30px;
  border-radius: 5px;
  text-transform: none;
}
@media (max-width: 799.98px) {
  /* line 130, ../../../src/sass/_custom.scss */
  .btn {
    padding: 10px 20px;
    font-size: 15px;
  }
}

/* line 143, ../../../src/sass/_custom.scss */
.btn-light {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: solid 2px #fff;
  color: #FFF;
  background-color: transparent;
  transition: all 0.3s;
}

/* line 153, ../../../src/sass/_custom.scss */
.btn-light:hover {
  border: solid 2px #fff;
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 0 1px #fff;
}

/* line 159, ../../../src/sass/_custom.scss */
.btn-dark {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: solid 2px #06243B;
  color: #06243B;
  background-color: transparent;
  transition: all 0.3s;
}

/* line 169, ../../../src/sass/_custom.scss */
.btn-dark:hover {
  border: solid 2px #06243B;
  background-color: #06243b2c;
  box-shadow: 0 0 0 1px #06243B;
  color: #06243B !important;
}

/* line 176, ../../../src/sass/_custom.scss */
.btn-small {
  cursor: pointer;
  position: relative;
  font-family: "roboto", sans-serif;
  font-size: 17px;
  font-weight: 500;
  color: #FFF;
}
@media (max-width: 799.98px) {
  /* line 176, ../../../src/sass/_custom.scss */
  .btn-small {
    font-size: 15px;
  }
}

/* line 188, ../../../src/sass/_custom.scss */
.btn-small::after {
  background-color: #00a0d6;
  content: "";
  height: 4px;
  border-radius: 2px;
  left: 0;
  position: absolute;
  text-align: center;
  top: 100%;
  transition: all .5s;
  width: 100%;
}
@media (max-width: 799.98px) {
  /* line 188, ../../../src/sass/_custom.scss */
  .btn-small::after {
    height: 3px;
  }
}

/* line 204, ../../../src/sass/_custom.scss */
.btn-small:hover {
  color: #FFF;
  text-decoration: none;
}

/* line 209, ../../../src/sass/_custom.scss */
.btn-small:hover:after {
  background-color: #008dbd;
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}

@media (max-width: 799.98px) {
  /* line 215, ../../../src/sass/_custom.scss */
  .container {
    padding: 0;
  }
}

/* line 227, ../../../src/sass/_custom.scss */
#hero #formulaire .form-wrap {
  padding: 32px;
}
@media (max-width: 799.98px) {
  /* line 227, ../../../src/sass/_custom.scss */
  #hero #formulaire .form-wrap {
    padding: 15px 0;
  }
}
/* line 236, ../../../src/sass/_custom.scss */
#hero #formulaire .form-control {
  border: none;
}
/* line 240, ../../../src/sass/_custom.scss */
#hero #formulaire h3,
#hero #formulaire p {
  color: #06243B;
}
/* line 245, ../../../src/sass/_custom.scss */
#hero #formulaire p {
  font-size: 16px;
}
@media (max-width: 799.98px) {
  /* line 245, ../../../src/sass/_custom.scss */
  #hero #formulaire p {
    font-size: 14px;
    line-height: 28px;
  }
}
/* line 253, ../../../src/sass/_custom.scss */
#hero #formulaire textarea {
  min-height: 110px;
}
/* line 257, ../../../src/sass/_custom.scss */
#hero #formulaire .mentions {
  font-family: "roboto", sans-serif;
  font-size: 10px;
  color: #86949E;
  line-height: 16px;
}
/* line 264, ../../../src/sass/_custom.scss */
#hero #formulaire .zone {
  padding: 0;
}
/* line 271, ../../../src/sass/_custom.scss */
#hero ul,
#hero p {
  font-family: "roboto", sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #FFF;
  line-height: 34px;
}
@media (max-width: 1239.98px) {
  /* line 271, ../../../src/sass/_custom.scss */
  #hero ul,
  #hero p {
    font-size: 16px;
  }
}
/* line 284, ../../../src/sass/_custom.scss */
#hero ul {
  list-style-image: url("../img/puces.svg");
  padding-left: 32px;
}
/* line 289, ../../../src/sass/_custom.scss */
#hero strong {
  font-weight: 700;
  color: #FFF;
}

/* line 296, ../../../src/sass/_custom.scss */
#reassurance {
  background-color: #E2E8EF;
}

/* line 302, ../../../src/sass/_custom.scss */
#content .gamme-brief {
  padding: 32px;
}
@media (max-width: 799.98px) {
  /* line 302, ../../../src/sass/_custom.scss */
  #content .gamme-brief {
    padding: 15px;
  }
}
/* line 309, ../../../src/sass/_custom.scss */
#content .bloc-img {
  display: inline;
  z-index: 1;
  margin: 0px 0px 0px -400px;
}
@media (max-width: 1239.98px) {
  /* line 309, ../../../src/sass/_custom.scss */
  #content .bloc-img {
    margin: -200px 0px 64px 0px;
  }
}
@media (max-width: 799.98px) {
  /* line 309, ../../../src/sass/_custom.scss */
  #content .bloc-img {
    display: none;
  }
}
/* line 322, ../../../src/sass/_custom.scss */
#content .bloc-gauche {
  z-index: 2;
}
/* line 330, ../../../src/sass/_custom.scss */
#content .bloc-ref {
  padding: 32px 32px 48px 32px;
  background: linear-gradient(#06243b, #003964);
  border-radius: 5px;
}
@media (max-width: 799.98px) {
  /* line 330, ../../../src/sass/_custom.scss */
  #content .bloc-ref {
    padding: 15px 15px 30px 15px;
  }
}
/* line 338, ../../../src/sass/_custom.scss */
#content .bloc-ref p {
  color: #FFF;
}
/* line 342, ../../../src/sass/_custom.scss */
#content .bloc-ref strong {
  color: #FFF;
}
/* line 347, ../../../src/sass/_custom.scss */
#content .bloc-ref-gauche {
  height: 100%;
}

/* line 354, ../../../src/sass/_custom.scss */
#porte h3 {
  color: #06243B;
}

/* line 359, ../../../src/sass/_custom.scss */
#pre-footer {
  background: url(../img/Admin.jpg) no-repeat center center;
  background-size: cover;
  height: 500px;
}
/* line 364, ../../../src/sass/_custom.scss */
#pre-footer p {
  color: #06243B;
}

/* line 369, ../../../src/sass/_custom.scss */
.suivi-garantie {
  height: 100%;
  transform: translateY(-50%);
  margin-top: 250px;
}

/* line 375, ../../../src/sass/_custom.scss */
#footer {
  background: linear-gradient(#06243b, #003964);
}
/* line 378, ../../../src/sass/_custom.scss */
#footer p {
  color: #FFF;
}
/* line 382, ../../../src/sass/_custom.scss */
#footer .logo {
  transform: translateY(-50%);
}

@media (max-width: 799.98px) {
  /* line 389, ../../../src/sass/_custom.scss */
  footer .row {
    margin: 0;
  }
}