* {
  outline: none !important;
  margin: 0;
  padding: 0
}

body {
  background-color: #fff;
  color: #515254;
  font-family: "Roboto", sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto", sans-serif
}

h1 {
  font-size: 50px;
  line-height: 54px;
  color: #104670;
  font-weight: 500;
  font-family: "Roboto Slab", serif;
  text-transform: uppercase
}

h2 {
  font-size: 49px;
  line-height: 58px;
  font-weight: 500;
  color: #104670
}

h3 {
  color: #104670;
  font-size: 30px;
  line-height: 32px
}

h4 {
  color: #104670;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400
}

h5 {
  color: #104670;
  font-size: 17px;
  line-height: 20px
}

p {
  font-size: 17px;
  line-height: 20px;
  font-weight: 400;
  color: #104670
}

a {
  text-decoration: none !important;
  transition: all 0.2s
}

li {
  color: #104670
}

i.far,
i.fal,
i.fas,
i.fad {
  font-family: "Font Awesome 5 Pro"
}

.white h1,
.white p {
  color: white
}

.align-right {
  text-align: right
}

.light {
  font-weight: 300
}

.regular {
  font-weight: 400
}

.bold {
  font-weight: 700
}

.center {
  text-align: center
}

.inline {
  display: inline
}

.clear {
  clear: both !important
}

.padding-left-0 a {
  padding-left: 0 !important
}

.padding-right-10 a {
  padding-right: 10px !important
}

.no-hover a:hover {
  color: white !important
}

#content ul {
  padding-left: 20px
}

#content ul li {
  padding: 3px 0;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400
}

.eddy-loader {
  position: fixed;
  z-index: 999999999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #252523;
  display: flex;
  align-items: center;
  justify-content: center
}

.eddy-loader>img {
  width: 100px;
  height: auto
}

.eddy-loader.eddy-hidden {
  animation: fadeOut 1s;
  animation-fill-mode: forwards
}

@keyframes fadeOut {
  100% {
    opacity: 0;
    visibility: hidden
  }
}

.sfrmap-loader {
  position: absolute;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(37, 37, 35, 0.6);
  display: flex;
  align-items: center;
  justify-content: center
}

.sfrmap-loader i {
  font-size: 40px;
  color: white;
  -webkit-animation: spin 2.5s linear infinite;
  -moz-animation: spin 2.5s linear infinite;
  animation: spin 2.5s linear infinite
}

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg)
  }
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg)
  }
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

.sfrmap-loader>img {
  width: 100px;
  height: auto
}

.sfrmap-loader.sfrmap-loader-hidden {
  animation: fadeOut 1s;
  animation-fill-mode: forwards
}

@keyframes fadeOut {
  100% {
    opacity: 0;
    visibility: hidden
  }
}

#wrapper-infos-icones {
  background-color: #00b2dd;
  padding: 60px 0 50px
}

#wrapper-infos-icones .row {
  display: flex;
  align-items: center;
  margin-right: 0
}

#wrapper-infos-icones .col-md-3 {
  display: flex;
  align-items: center;
  justify-content: center
}

#wrapper-infos-icones .col-md-3:nth-of-type(2) i {
  font-size: 55px
}

#wrapper-infos-icones i {
  color: white;
  font-size: 65px
}

#wrapper-infos-icones ul {
  display: inline-block;
  padding-left: 55px;
  position: relative
}

#wrapper-infos-icones ul::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 25px;
  background-color: white;
  width: 1px;
  height: 67px
}

#wrapper-infos-icones ul li {
  list-style-type: none;
  font-size: 20px;
  color: white;
  text-transform: uppercase;
  font-weight: 500
}

.cta-turquoise {
  font-weight: 400;
  margin-top: 10px;
  background-color: #00b2dd;
  padding: 6px 30px;
  display: inline-block;
  color: white;
  font-family: "Roboto Slab", serif;
  font-size: 17px;
  transition: all 0.2s;
  cursor: pointer
}

.cta-turquoise:hover {
  background-color: #104670;
  color: white
}

.voir-plus {
  margin-bottom: 50px;
  margin-top: 50px;
  text-align: center
}

.voir-plus a {
  cursor: pointer;
  font-weight: 400;
  margin-top: 10px;
  background-color: #104670;
  padding: 6px 30px;
  display: inline-block;
  color: white;
  font-family: "Roboto Slab", serif;
  font-size: 17px;
  transition: all 0.2s
}

.voir-plus a:hover {
  background-color: #00b2dd;
  color: white
}

.logo-3-bars {
  position: relative
}

.logo-3-bars::before {
  display: inline-block;
  content: '';
  background-image: url("img/bandesLogo.svg");
  background-size: 35px 30px;
  height: 30px;
  width: 35px;
  position: absolute;
  top: 0px;
  left: 0px
}

.question-mark {
  position: relative;
  padding-left: 65px !important;
  padding-right: 30px !important
}

.question-mark::before {
  content: "?";
  position: absolute;
  width: 55px;
  height: 55px;
  top: 10px;
  left: 0;
  font-size: 40px;
  color: white;
  font-weight: 500;
  text-align: center;
  line-height: 60px;
  border-radius: 50%;
  background-color: #00b2dd
}

.patent-product {
  padding: 20px 0
}

.patent-product h4 {
  text-transform: uppercase;
  font-weight: 700;
  padding-bottom: 3px
}

.patent-product .description {
  padding: 20px;
  min-height: 160px
}

.privacy-policy p {
  padding: 10px 0
}

.wsp-posts-title,
.wsp-posts-list,
.wsp-video_catss-title,
.wsp-video_catss-list,
.wsp-type_docss-title,
.wsp-type_docss-list,
.wsp-cat_docss-title,
.wsp-cat_docss-list,
.wsp-type_posts-title,
.wsp-lieuxs-title,
.wsp-lieuxs-list,
.wsp-lieucatss-title,
.wsp-lieucatss-list,
.wsp-emplois_catss-title,
.wsp-emplois_catss-list,
.wsp-product_cats-title,
.wsp-product_cats-list,
.wsp-type_posts-list,
.wsp-product_tags-title,
.wsp-product_tags-list {
  display: none
}

.wsp-pages-title,
.wsp-products-title,
.wsp-product_videoss-title,
.wsp-documentations-title,
.wsp-product_cats-title,
.wsp-type_docss-title,
.wsp-type_posts-title,
.wsp-emploiss-title {
  padding: 20px 0
}

.wsp-pages-list,
.wsp-products-list,
.wsp-product_videoss-list,
.wsp-documentations-list,
.wsp-product_cats-list,
.wsp-type_posts-title,
.wsp-emploiss-list {
  column-count: 3
}

.woocommerce-message {
  border-top-color: #104670
}

.woocommerce-message::before {
  color: #104670
}

.woocommerce-info {
  border-top-color: #104670
}

.woocommerce-info::before {
  color: #104670
}

.woocommerce a.button.alt {
  background-color: #00b2dd
}

.woocommerce a.button.alt:hover {
  background-color: #104670
}

.woocommerce form .form-row input.input-text {
  padding: 10px;
  border: 1px solid #104670
}

.select {
  position: relative !important
}

.select select {
  background-color: white;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important
}

.select:after {
  content: "\f078" !important;
  color: #00b2dd;
  font-family: "Font Awesome 5 Pro" !important;
  font-size: 16px !important;
  position: absolute !important;
  top: 20px !important;
  right: 20px !important;
  pointer-events: none !important
}

.select2-container--default .select2-selection--single {
  border-radius: 0;
  border: 1px solid #104670;
  height: 42px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 40px;
  color: #104670
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin-top: 5px;
  border-color: #104670 transparent transparent transparent
}

.woocommerce form .form-row .input-text,
.woocommerce-page form .form-row .input-text {
  color: #104670;
  padding: 10px
}

::-webkit-input-placeholder {
  color: #104670
}

:-ms-input-placeholder {
  color: #104670
}

::placeholder {
  color: #104670
}

#customer_details {
  margin-bottom: 30px
}

.woocommerce-info {
  margin-top: 20px
}

form .gform_title {
  font-size: 20px !important;
  text-transform: uppercase
}

form .gform_body label {
  font-weight: 400 !important;
  color: #104670;
  margin-bottom: 0 !important;
  font-size: 14px !important;
  padding-top: 10px
}

form .gform_body input,
form .gform_body select,
form .gform_body textarea {
  border-color: #104670 !important;
  border-width: 1px;
  padding: 5px 10px !important;
  color: #104670;
  font-size: 14px !important;
  padding: 8px 10px !important;
  margin-top: 0 !important;
  margin-bottom: 0px !important;
  border-radius: 0 !important
}

form .gform_body select {
  padding: 10px 5px !important;
  color: #00b2dd;
  background-color: white
}

form .gform_body li {
  margin-top: 0 !important;
  padding: 3px 5px !important
}

form .gform_drop_area {
  color: #00b2dd !important
}

form ::-webkit-input-placeholder {
  color: #00b2dd !important
}

form :-ms-input-placeholder {
  color: #00b2dd !important
}

form ::-moz-placeholder {
  color: #00b2dd !important;
  opacity: 1 !important
}

form :-moz-placeholder {
  color: #00b2dd !important;
  opacity: 1 !important
}

form .gform_drop_area {
  border-color: #104670 !important
}

form .gform_footer {
  text-align: right !important;
  margin-top: 0px !important
}

form .gform_footer input[type=submit] {
  font-weight: 400;
  margin-top: 10px;
  margin-right: 5px !important;
  background-color: #00b2dd;
  padding: 6px 30px !important;
  display: inline-block;
  color: white;
  font-family: "Roboto Slab", serif !important;
  font-size: 17px !important;
  transition: all 0.2s;
  border: none;
  text-transform: uppercase
}

form .gform_footer input[type=submit]:hover {
  background-color: #104670 !important;
  color: white !important
}

form .gform_footer input[type=submit] {
  border-radius: 0 !important
}

#content .form-placeholder form ul {
  padding-left: 0
}

.wsp-container li {
  padding-right: 20px !important
}

#gform_confirmation_message_4 {
  font-size: 24px;
  color: white;
  font-weight: 500;
  padding: 20px 0
}

.error404 #content {
  text-align: center
}

@media (min-width: 1400px) {
  .container {
    width: 1366px
  }
}

@media (max-width: 1440px) {
  #wrapper-infos-icones ul li {
    font-size: 16px
  }

  #wrapper-infos-icones i {
    font-size: 46px
  }

  #wrapper-infos-icones .col-md-3:nth-of-type(2) i {
    font-size: 40px
  }

  #wrapper-infos-icones ul::before {
    height: 55px
  }
}

.patent-product {
  padding: 0px
}

@media (max-width: 991px) {
  h1 {
    font-size: 40px;
    line-height: 46px
  }

  .faq-hero .margin-top-60 {
    margin-top: 140px !important
  }

  .return-and-exchange-hero .margin-top-60 {
    margin-top: 130px !important
  }

  .patent-hero .margin-top-60 {
    margin-top: 130px !important
  }

  .hero-generic .margin-top-60 {
    margin-top: 120px !important
  }

  .privacy-hero .margin-top-60 {
    margin-top: 120px !important
  }

  .error404 #content {
    margin-top: 70px
  }

  body.search.search-results .search-title,
  body.search.search-no-results .search-title {
    margin-top: 90px
  }

  body.search.search-results .wrapper-search-form #searchform,
  body.search.search-no-results .wrapper-search-form #searchform {
    text-align: center
  }

  #wrapper-infos-icones .row {
    flex-direction: column
  }
}

@media (max-width: 768px) {
  h1 {
    font-size: 36px;
    line-height: 40px
  }

  .woocommerce .woocommerce-cart-form .shop_table .product-remove {
    width: 100%;
    padding: 16px
  }

  .question-mark .margin-top-100 {
    margin-top: 70px !important
  }

  .question-mark .margin-top-70 {
    margin-top: 40px !important
  }
}

@media (max-width: 767px) {
  .return-and-exchange-hero .margin-top-50 {
    margin-top: 30px !important
  }

  .charges-stack .margin-top-50 {
    margin-top: 20px !important
  }

  .charges-stack .margin-top-80 {
    margin-top: 50px !important
  }

  .patent-product .margin-top-75 {
    margin-top: 35px !important
  }

  .patent-remove-spacer .margin-top-75 {
    margin-top: 10px !important
  }

  .patent-hero .margin-top-50 {
    margin-top: 30px !important
  }

  .patent-separator .margin-top-20 {
    margin-top: 10px !important
  }

  .wsp-pages-list,
  .wsp-products-list,
  .wsp-product_videoss-list,
  .wsp-documentations-list,
  .wsp-product_cats-list,
  .wsp-type_posts-title,
  .wsp-emploiss-list {
    column-count: 1
  }

  .disclaimer-hero .margin-top-50 {
    margin-top: 30px !important
  }

  .disclaimer-content .margin-top-50 {
    margin-top: 30px !important
  }

  .privacy-hero .margin-top-50 {
    margin-top: 30px !important
  }

  .privacy-content .margin-top-50 {
    margin-top: 30px !important
  }

  .privacy-remove-spacer .margin-top-70 {
    margin-top: 40px !important
  }
}

@media (max-width: 480px) {
  .form-placeholder .margin-top-70 {
    margin-top: 50px !important
  }

  .question-mark {
    padding-right: 15px !important
  }

  h1 {
    font-size: 28px;
    line-height: 32px
  }

  body.search.search-results .wrapper-search-form,
  body.search.search-no-results .wrapper-search-form {
    width: 100%
  }

  body.search.search-results .wrapper-search-form #searchform input[type="text"],
  body.search.search-no-results .wrapper-search-form #searchform input[type="text"] {
    width: 200px
  }
}

#message-pays {
  display: none;
  position: fixed;
  padding: 40px;
  text-align: center;
  z-index: 10000;
  width: 80%;
  left: 10%;
  height: 40%;
  top: 30%;
  background: #FFF;
  -webkit-box-shadow: 0px 0px 0px 9999px rgba(4, 25, 54, 0.6);
  box-shadow: 0px 0px 0px 9999px rgba(4, 25, 54, 0.6)
}

#message-pays a {
  display: inline-block;
  background-color: #00B0DA;
  color: #fff;
  padding: 10px 20px;
  texte-align: center;
  margin: 40px 15px 15px 15px;
  font-size: 20px;
  cursor: pointer
}

@media (max-width: 767px) {
  #message-pays {
    height: 60%;
    top: 20%
  }
}

.margin-bottom-5 {
  margin-bottom: 5px !important
}

.margin-bottom-10 {
  margin-bottom: 10px !important
}

.margin-bottom-15 {
  margin-bottom: 15px !important
}

.margin-bottom-20 {
  margin-bottom: 20px !important
}

.margin-bottom-25 {
  margin-bottom: 25px !important
}

.margin-bottom-30 {
  margin-bottom: 30px !important
}

.margin-bottom-35 {
  margin-bottom: 35px !important
}

.margin-bottom-40 {
  margin-bottom: 40px !important
}

.margin-bottom-45 {
  margin-bottom: 45px !important
}

.margin-bottom-50 {
  margin-bottom: 50px !important
}

.margin-bottom-55 {
  margin-bottom: 55px !important
}

.margin-bottom-60 {
  margin-bottom: 60px !important
}

.margin-bottom-70 {
  margin-bottom: 70px !important
}

.margin-bottom-80 {
  margin-bottom: 80px !important
}

.margin-bottom-90 {
  margin-bottom: 90px !important
}

.margin-bottom-100 {
  margin-bottom: 100px !important
}

.margin-bottom-110 {
  margin-bottom: 110px !important
}

.margin-bottom-120 {
  margin-bottom: 120px !important
}

.margin-bottom-128 {
  margin-bottom: 128px !important
}

.margin-bottom-130 {
  margin-bottom: 130px !important
}

.margin-bottom-160 {
  margin-bottom: 160px !important
}

.margin-bottom-170 {
  margin-bottom: 170px !important
}

.margin-bottom-180 {
  margin-bottom: 180px !important
}

.margin-bottom-200 {
  margin-bottom: 200px !important
}

.margin-bottom-215 {
  margin-bottom: 215px !important
}

.margin-bottom-230 {
  margin-bottom: 230px !important
}

.margin-bottom-270 {
  margin-bottom: 270px !important
}

.margin-bottom-280 {
  margin-bottom: 280px !important
}

.margin-bottom-330 {
  margin-bottom: 330px !important
}

.margin-left-20 {
  margin-left: 20px !important
}

.margin-right-20 {
  margin-right: 20px !important
}

.margin-top-5 {
  margin-top: 5px !important
}

.margin-top-8 {
  margin-top: 8px !important
}

.margin-top-10 {
  margin-top: 10px !important
}

.margin-top-15 {
  margin-top: 15px !important
}

.margin-top-16 {
  margin-top: 16px !important
}

.margin-top-20 {
  margin-top: 20px !important
}

.margin-top-25 {
  margin-top: 25px !important
}

.margin-top-30 {
  margin-top: 30px !important
}

.margin-top-35 {
  margin-top: 35px !important
}

.margin-top-40 {
  margin-top: 40px !important
}

.margin-top-45 {
  margin-top: 45px !important
}

.margin-top-50 {
  margin-top: 50px !important
}

.margin-top-60 {
  margin-top: 60px !important
}

.margin-top-65 {
  margin-top: 65px !important
}

.margin-top-70 {
  margin-top: 70px !important
}

.margin-top-75 {
  margin-top: 75px !important
}

.margin-top-80 {
  margin-top: 80px !important
}

.margin-top-90 {
  margin-top: 90px !important
}

.margin-top-100 {
  margin-top: 100px !important
}

.margin-top-115 {
  margin-top: 115px !important
}

.margin-top-120 {
  margin-top: 120px !important
}

.margin-top-130 {
  margin-top: 130px !important
}

.margin-top-140 {
  margin-top: 140px !important
}

.margin-top-150 {
  margin-top: 150px !important
}

.margin-top-160 {
  margin-top: 160px !important
}

.margin-top-170 {
  margin-top: 170px !important
}

.margin-top-180 {
  margin-top: 180px !important
}

.margin-top-190 {
  margin-top: 190px !important
}

.margin-top-200 {
  margin-top: 200px !important
}

.margin-top-210 {
  margin-top: 210px !important
}

.margin-top-220 {
  margin-top: 220px !important
}

.margin-top-230 {
  margin-top: 230px !important
}

.margin-top-240 {
  margin-top: 240px !important
}

.margin-top-250 {
  margin-top: 250px !important
}

.margin-top-260 {
  margin-top: 260px !important
}

.margin-top-270 {
  margin-top: 270px !important
}

.margin-top-280 {
  margin-top: 280px !important
}

.margin-top-290 {
  margin-top: 290px !important
}

.margin-top-300 {
  margin-top: 300px !important
}

.margin-top-350 {
  margin-top: 350px !important
}

.margin-top-370 {
  margin-top: 370px !important
}

.margin-top-450 {
  margin-top: 450px !important
}

.margin-top-500 {
  margin-top: 500px !important
}

.padding-top-10 {
  padding-top: 10px !important
}

.padding-top-15 {
  padding-top: 15px !important
}

.padding-top-20 {
  padding-top: 20px !important
}

.padding-top-30 {
  padding-top: 30px !important
}

.padding-top-40 {
  padding-top: 40px !important
}

.padding-top-50 {
  padding-top: 50px !important
}

.padding-left-0 {
  padding-left: 0px !important
}

.padding-left-20 {
  padding-left: 20px !important
}

.padding-left-30 {
  padding-left: 30px !important
}

.padding-right-20 {
  padding-right: 20px !important
}

.padding-right-25 {
  padding-right: 25px !important
}

.padding-right-50 {
  padding-right: 50px !important
}

.padding-bottom-30 {
  padding-bottom: 30px !important
}

.padding-bottom-50 {
  padding-bottom: 50px !important
}

.mobile {
  display: none
}

header {
  box-shadow: 0px -20px 20px 10px #454545;
  position: relative;
  z-index: 9999;
  background-color: white
}

header .panier-mobile {
  display: none
}

header .icone-search i,
header .icone-cart i {
  font-size: 28px
}

header .icone-search i {
  padding-left: 25px
}

header .container-fluid {
  padding: 0
}

header .logo {
  padding-top: 65px;
  padding-bottom: 20px;
  padding-left: 40px;
  position: relative;
  z-index: 2
}

header .logo img {
  width: 178px;
  cursor: pointer
}

header #mySidenav .extra {
  background-color: #f00;
  height: 47px
}

header #mySidenav .extra #menu-extra,
header #mySidenav .extra #menu-extra-fr {
  text-align: right;
  padding-right: 40px;
  height: 47px
}

header #mySidenav .extra #menu-extra a,
header #mySidenav .extra #menu-extra-fr a {
  font-weight: 300;
  color: white;
  padding: 14px 18px
}

header #mySidenav .extra #menu-extra a:hover,
header #mySidenav .extra #menu-extra-fr a:hover {
  color: #00b2dd
}

header #mySidenav .extra #menu-extra>li:last-of-type .sub-menu,
header #mySidenav .extra #menu-extra-fr>li:last-of-type .sub-menu {
  background-color: #104670;
  z-index: 9999;
  padding: 5px 5px 5px
}

header #mySidenav .extra #menu-extra>li:last-of-type .sub-menu a,
header #mySidenav .extra #menu-extra-fr>li:last-of-type .sub-menu a {
  padding: 0 13px 10px;
  display: inline-block
}

header #mySidenav .extra img {
  width: 30px
}

header #mySidenav .extra .tel {
  position: absolute;
  top: 15px;
  right: 55px;
  color: white
}

header #mySidenav .extra .border-left::after {
  content: "";
  top: 11px;
  left: 0;
  position: absolute;
  height: 25px;
  width: 1px;
  background-color: white
}

header #mySidenav .principal #mini-cart-count {
  position: absolute;
  right: 60px;
  top: 80px;
  background-color: #00b2dd;
  color: white;
  border-radius: 50%;
  padding: 3px;
  font-size: 11px;
  pointer-events: none;
  width: 20px;
  height: 20px;
  text-align: center
}

header #mySidenav .principal #mini-cart-count.vide {
  display: none
}

header #mySidenav #menu-menu-principal,
header #mySidenav #menu-menu-principal-fr {
  text-align: right;
  padding-top: 35px;
  padding-right: 40px;
  background-color: white
}

header #mySidenav #menu-menu-principal>li>a,
header #mySidenav #menu-menu-principal-fr>li>a {
  text-transform: uppercase;
  font-weight: 500;
  color: #104670;
  font-size: 16px;
  padding: 0;
  transition: all 0.2s;
  padding-bottom: 40px;
  padding: 10px 18px 40px 18px
}

header #mySidenav #menu-menu-principal>li>a:hover,
header #mySidenav #menu-menu-principal-fr>li>a:hover {
  color: #0095da
}

header #mySidenav #menu-menu-principal>li>a:hover::before,
header #mySidenav #menu-menu-principal-fr>li>a:hover::before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  width: 100%;
  height: 5px;
  background-color: #0095da
}

header #mySidenav #menu-menu-principal .icone-search a:hover::before,
header #mySidenav #menu-menu-principal .icone-cart a:hover::before,
header #mySidenav #menu-menu-principal-fr .icone-search a:hover::before,
header #mySidenav #menu-menu-principal-fr .icone-cart a:hover::before {
  height: 0px !important
}

header #mySidenav #menu-menu-principal .sub-menu,
header #mySidenav #menu-menu-principal-fr .sub-menu {
  background-color: white;
  left: -30px;
  padding: 20px 5px 25px;
  box-shadow: 0px 1px 3px #d9d9d9
}

header #mySidenav #menu-menu-principal .sub-menu li a,
header #mySidenav #menu-menu-principal-fr .sub-menu li a {
  text-decoration: none;
  color: #003e6a;
  font-size: 16px;
  padding: 8px 0 8px 40px;
  display: inline-block
}

header #mySidenav #menu-menu-principal .sub-menu li a:hover,
header #mySidenav #menu-menu-principal-fr .sub-menu li a:hover {
  color: #00b2dd
}

header #mySidenav #menu-menu-principal>li:nth-of-type(2) .sub-menu,
header #mySidenav #menu-menu-principal-fr>li:nth-of-type(2) .sub-menu {
  background: -webkit-linear-gradient(top, #fff 0px, #fff 0px, #e8e8e8 0px, #fff 5%);
  background: linear-gradient(to bottom, #fff 0px, #fff 0px, #e8e8e8 0px, #fff 5%);
  width: 232px
}

header #mySidenav #menu-menu-principal>li:nth-of-type(3) .sub-menu,
header #mySidenav #menu-menu-principal-fr>li:nth-of-type(3) .sub-menu {
  background: -webkit-linear-gradient(top, #fff 0px, #fff 0px, #e8e8e8 0px, #fff 4%);
  background: linear-gradient(to bottom, #fff 0px, #fff 0px, #e8e8e8 0px, #fff 4%);
  width: 235px
}

header #mySidenav #menu-menu-principal>li:nth-of-type(4) .sub-menu,
header #mySidenav #menu-menu-principal-fr>li:nth-of-type(4) .sub-menu {
  background: -webkit-linear-gradient(top, #fff 0px, #fff 0px, #e8e8e8 0px, #fff 4%);
  background: linear-gradient(to bottom, #fff 0px, #fff 0px, #e8e8e8 0px, #fff 4%);
  width: 235px
}

#toggle-search {
  cursor: pointer
}

#wrapper-recherche {
  display: none;
  padding: 22px;
  text-align: center;
  background-color: #fbfbfb
}

#wrapper-recherche #searchform ::placeholder {
  color: #104670 !important;
  opacity: 1
}

#wrapper-recherche #searchform :-ms-input-placeholder {
  color: #104670 !important
}

#wrapper-recherche #searchform ::-ms-input-placeholder {
  color: #104670 !important
}

#wrapper-recherche #searchform input[type="text"] {
  width: 550px;
  border: none;
  font-size: 22px;
  color: #104670;
  background: none;
  padding: 6px 0;
  border-bottom: 1px solid #104670;
  margin-right: 15px
}

#wrapper-recherche #searchform input[type="submit"] {
  text-transform: uppercase;
  color: white;
  font-weight: 600;
  font-size: 14px;
  border: 1px solid #104670;
  transition: all 0.3s;
  padding: 7px 15px;
  background-color: #104670
}

#wrapper-recherche #searchform input[type="submit"]:hover {
  border: 1px solid #00b2dd;
  background-color: #00b2dd
}

.search-title {
  padding: 40px 0 0;
  font-size: 30px;
  letter-spacing: 0
}

.searchresult h2 {
  padding: 15px 0;
  font-size: 26px;
  line-height: 30px
}

.wrapper-search-form {
  width: 445px;
  margin: 0 auto
}

.wrapper-search-form #searchform {
  margin-top: 20px;
  margin-bottom: 50px
}

.wrapper-search-form #searchform input[type="text"] {
  width: 300px;
  font-size: 14px;
  padding: 8px;
  color: #104670;
  border: 1px solid #104670
}

.wrapper-search-form #searchform input[type="submit"] {
  background-color: #104670;
  padding: 8px 15px;
  color: white;
  transition: all 0.2s;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  border: 1px solid #104670
}

.wrapper-search-form #searchform input[type="submit"]:hover {
  background-color: #00b2dd;
  color: white;
  border: 1px solid #00b2dd
}

#wrapper-mega-menu {
  border-top: 2px solid #e2e2e2;
  background-color: white;
  position: absolute;
  top: -555px;
  left: 0;
  right: 0;
  z-index: -1;
  height: auto;
  padding: 20px 0 0;
  transition: all 0.3s;
  box-shadow: 0px 0px 10px -4px #454545
}

#wrapper-mega-menu .col-img-poduct {
  text-align: center
}

#wrapper-mega-menu .col-img-poduct img {
  width: 115px
}

#wrapper-mega-menu .monBorder {
  border-bottom: 1px solid #e2e2e2
}

#wrapper-mega-menu .row {
  border-bottom: 1px solid #e2e2e2;
  padding: 30px 0;
  margin: 0 10px
}

#wrapper-mega-menu .row .border-right::before {
  content: "";
  position: absolute;
  top: -10px;
  right: 0;
  width: 1px;
  height: 100px;
  background-color: #e2e2e2
}

#wrapper-mega-menu .title a {
  color: #003e6a;
  font-weight: 700;
  font-size: 24px
}

#wrapper-mega-menu .title a:hover {
  color: #00b2dd
}

#wrapper-mega-menu .sub-items a {
  color: #003e6a;
  font-size: 14px
}

#wrapper-mega-menu .sub-items a:hover {
  color: #00b2dd
}

#wrapper-mega-menu span {
  display: inline-block;
  padding-right: 20px
}

#wrapper-mega-menu .title-all {
  text-align: center
}

#wrapper-mega-menu .title-all a {
  color: #003e6a;
  font-weight: 700;
  font-size: 24px
}

#wrapper-mega-menu .title-all a:hover {
  color: #00b2dd
}

.show-mega-menu {
  opacity: 1 !important;
  top: 160px !important
}

.panier-mobile {
  display: none
}

.transitionMenu {
  transition: all 0.3s;
  transition-delay: 0.2s
}

@media (max-width: 1440px) {
  #wrapper-mega-menu .sub-items a {
    display: block
  }

  #wrapper-mega-menu .col-md-3 {
    padding-left: 30px
  }

  #wrapper-mega-menu .title {
    padding-bottom: 10px
  }

  #wrapper-mega-menu .title a {
    font-size: 20px
  }

  #wrapper-mega-menu .col-img-poduct img {
    width: 110px
  }

  #wrapper-mega-menu .row {
    padding: 15px 0
  }

  #wrapper-mega-menu .row .border-right::before {
    top: 0;
    height: 115px
  }
}

@media (max-width: 1199px) {
  #wrapper-mega-menu {
    top: -570px
  }

  header .logo {
    padding-top: 75px
  }

  header .logo img {
    width: 148px
  }

  #wrapper-mega-menu .col-img-poduct img {
    width: 110px
  }

  #wrapper-mega-menu .col-md-3 {
    padding-left: 0
  }

  #wrapper-mega-menu .title a {
    font-size: 18px
  }

  #wrapper-mega-menu .row {
    padding: 10px 0
  }

  #wrapper-mega-menu .row .border-right::before {
    height: 110px
  }
}

@media (max-width: 991px) {
  #wrapper-mega-menu {
    display: none
  }

  header #mySidenav .extra,
  header #mySidenav .principal {
    display: none
  }

  header .panier-mobile {
    display: block;
    font-size: 26px
  }

  header .panier-mobile a {
    color: #104670;
    margin-right: 10px
  }

  header .logo {
    padding-top: 20px
  }

  #mySidenav {
    background-color: white;
    width: 300px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    min-height: 100vh;
    position: absolute;
    z-index: 11;
    margin-top: 83px;
    box-shadow: 0px 10px 10px 1px rgba(0, 0, 0, 0.2);
    top: 0;
    right: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s
  }

  * {
    -webkit-overflow-scrolling: touch
  }

  header {
    transition: all 0.2s
  }

  html,
  body {
    overflow-x: hidden;
    position: relative
  }

  #top-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999999;
    background-color: white
  }

  .mobile {
    display: block;
    height: calc(100vh);
    overflow: auto;
    text-align: left
  }

  header .logo {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
    float: left;
    padding-left: 30px
  }

  #menu-menu-mobile,
  #menu-menu-mobile-fr {
    height: calc(100vh - 80px);
    overflow: auto;
    padding-top: 0;
    margin-top: 0;
    background-color: white
  }

  #menu-menu-mobile>li,
  #menu-menu-mobile-fr>li {
    display: block
  }

  .searchmobile {
    background-color: #d7d7d7
  }

  .searchmobile input[type="text"] {
    border: none !important;
    border-bottom: 1px solid #2c2a2c !important;
    padding-bottom: 7px;
    background-color: #d7d7d7;
    width: 247px;
    position: relative;
    border-radius: 0 !important
  }

  .searchmobile input[type="submit"] {
    position: absolute;
    right: 0;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important
  }

  .searchmobile ::-webkit-input-placeholder {
    color: #999899 !important;
    background-color: #d7d7d7
  }

  .searchmobile ::-ms-input-placeholder {
    color: #999899 !important;
    background-color: #d7d7d7
  }

  .searchmobile ::placeholder {
    color: #999899 !important;
    background-color: #d7d7d7
  }

  #mySidenav #menu-menu-mobile>li,
  #mySidenav #menu-menu-mobile-fr>li {
    border: 1px solid transparent;
    border-bottom: 1px solid lightgray
  }

  #mySidenav #menu-menu-mobile>li:last-of-type,
  #mySidenav #menu-menu-mobile-fr>li:last-of-type {
    border: 0;
    padding-bottom: 120px
  }

  #mySidenav li a {
    color: black;
    font-size: 16px;
    margin: 10px 25px;
    padding: 10px 0px
  }

  .sub-menu li {
    padding: 0 0 15px
  }

  #mySidenav li .sub-menu li a {
    margin: 0px 25px 10px;
    padding: 5px 0px 10px
  }

  #mySidenav a:hover {
    color: #2c2a2c
  }

  #mySidenav .sub-menu {
    background: none;
    margin-left: 0;
    padding-left: 20px;
    position: relative
  }

  .hamburger-inner,
  .hamburger-inner::before,
  .hamburger-inner::after {
    background-color: #003e6a
  }

  .panier-mobile {
    display: block;
    position: absolute;
    top: 28px;
    right: 100px;
    font-size: 24px
  }

  #burger {
    margin: 0 0 0 15px;
    top: 17px;
    position: absolute;
    right: 20px
  }

  #burger+.menus>.container-fluid {
    text-align: center
  }

  .hamburger {
    padding: 15px 15px 10px
  }

  li.menu-item-has-children>a:after {
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
    display: inline-block;
    position: absolute;
    top: 9px;
    right: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
  }

  li.menu-item-has-children>a.ouvert:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
  }

  .TransitionMenuMobile {
    transform: translateY(-90px) !important
  }

  #mini-cart-count {
    display: none
  }
}

@media (max-width: 767px) {
  header .logo img {
    width: 120px
  }

  #top-header {
    padding: 6px 0
  }
}

@media (max-width: 360px) {
  header .panier-mobile a {
    margin-right: 0
  }
}

#footer {
  background-color: #021a34;
  list-style-type: none;
  padding-top: 45px
}

#footer li {
  list-style-type: none
}

#footer li .titre-col a {
  text-transform: uppercase;
  color: #00b2dd;
  font-weight: 700;
  font-size: 16px;
  text-decoration: none
}

#footer li .titre-col a:hover {
  transform: translateX(0px) !important
}

#footer li .titre-col a:hover::before {
  height: 0 !important
}

#footer li a {
  color: white;
  font-weight: 300;
  padding: 5px 0;
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s;
  position: relative;
  transition: all 0.2s
}

#footer li a:hover {
  color: #00b2dd;
  transform: translateX(18px)
}

#footer li a:hover::before {
  display: inline-block;
  content: '';
  background-image: url("img/icone-hover.svg");
  background-size: 10px 21px;
  height: 21px;
  width: 10px;
  position: absolute;
  top: 3px;
  left: -18px
}

#footer .footer-box-5 .titre-col a {
  text-transform: uppercase;
  color: #00b2dd;
  font-weight: 700;
  font-size: 16px
}

#footer .footer-box-5 .titre-col a:hover {
  transform: translateX(0px) !important
}

#footer .footer-box-5 .titre-col a:hover::before {
  height: 0 !important
}

#footer .footer-box-5 .notice {
  color: white;
  font-weight: 300;
  font-size: 14px
}

#footer .footer-box-5 .notice a {
  transition: all 0.2s;
  color: white !important
}

#footer .footer-box-5 .notice a:hover {
  color: #00b2dd !important
}

#footer .footer-box-5 #field_4_1,
#footer .footer-box-5 #field_7_1 {
  padding-left: 0 !important;
  padding-right: 0 !important
}

#footer .footer-box-5 #input_4_1,
#footer .footer-box-5 #input_7_1 {
  background-color: transparent;
  border: 1px solid white;
  width: 100%;
  color: white
}

#footer .footer-box-5 #gform_submit_button_4,
#footer .footer-box-5 #gform_submit_button_7 {
  margin-right: 0 !important;
  font-size: 14px !important
}

#footer .footer-box-5 .gform_wrapper .gform_footer {
  padding: 10px 0 10px 0 !important
}

#footer .footer-box-5 .gform_wrapper div.validation_error,
#footer .footer-box-5 .gfield_description.validation_message {
  background-color: white
}

#footer .footer-box-5 .medias {
  margin-top: -50px
}

#footer .footer-box-5 .medias a:hover {
  transform: translateX(0px) !important
}

#footer .footer-box-5 .medias a:hover::before {
  height: 0 !important
}

#footer .footer-box-5 .medias i {
  font-size: 18px;
  margin-right: 10px
}

#footer-group {
  background-color: #021a34;
  text-align: center
}

#footer-group .container {
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 40px;
  padding-right: 40px
}

#footer-group img {
  margin: 0 20px;
  height: 50px
}

#footer-copyright {
  background-color: #021a34;
  padding: 20px 0 7px
}

#footer-copyright .col-1 {
  text-align: left
}

#footer-copyright p,
#footer-copyright a {
  text-decoration: none;
  color: white;
  font-size: 14px;
  font-weight: 300;
  transition: all 0.2s
}

#footer-copyright a:hover {
  color: #00b2dd
}

#footer-copyright .elem2 {
  display: inline-block;
  margin-left: 20px
}

#footer-copyright .elem2 a {
  font-size: 10px;
  position: relative
}

#footer-copyright .elem2 a::before {
  content: "";
  top: 0px;
  left: -11px;
  position: absolute;
  height: 10px;
  width: 1px;
  background-color: white
}

#footer-copyright .elem3,
#footer-copyright .elem4,
#footer-copyright .elem5,
#footer-copyright .elem6 {
  padding-top: 3px
}

#footer-copyright .elem6 {
  padding-right: 0;
  text-align: right
}

#footer-copyright .elem6 select {
  background-color: transparent;
  border: none;
  color: white
}

#footer-copyright br {
  display: none
}

@media (max-width: 991px) {
  #footer {
    text-align: center
  }

  #footer-copyright .elem3,
  #footer-copyright .elem4,
  #footer-copyright .elem5 {
    padding: 5px 0
  }

  #footer-copyright .elem6,
  #footer-copyright .col-1 {
    text-align: center
  }

  #footer .footer-box-5 .medias {
    margin-top: 0
  }

  #footer .footer-box-5 .titre-col {
    margin-top: 30px
  }

  #footer .footer-box-5 .notice {
    text-align: left;
    padding-top: 5px;
    padding-left: 5px
  }

  #footer-group img {
    height: 40px;
    margin: 0 10px
  }

  #footer-group .container {
    display: flex;
    margin: 0;
    justify-content: center;
    width: 100%
  }
}

@media (max-width: 767px) {

  #footer .footer-box-5 #gform_submit_button_4,
  #footer .footer-box-5 #gform_submit_button_7 {
    width: 100%
  }

  #footer-group .container {
    padding-left: 0px;
    padding-right: 0px
  }

  #footer-group img {
    margin: 0;
    height: 30px
  }
}

@media (max-width: 375px) {
  #footer-copyright .elem2 a::before {
    height: 0
  }
}

#hero-accueil {
  background-position: center bottom !important
}

#hero-accueil h1 {
  background-color: #104670;
  color: white;
  display: inline;
  padding: 10px 50px 15px 40px;
  line-height: 65px
}

#hero-accueil h4 {
  background-color: #00b2dd;
  color: white;
  text-transform: uppercase;
  display: inline;
  padding: 10px 50px 10px 40px
}

#hero-accueil .cta-video-hero-accueil {
  display: flex;
  align-items: center;
  width: 260px
}

#hero-accueil .cta-video-hero-accueil:hover .eddy-cls-1 {
  fill: #ccc;
  transition: all 0.2s
}

#hero-accueil .cta-video-hero-accueil:hover span {
  color: #ccc
}

#hero-accueil .cta-video-hero-accueil svg {
  width: 50px
}

#hero-accueil .cta-video-hero-accueil svg .eddy-cls-1 {
  transition: all 0.2s
}

#hero-accueil .cta-video-hero-accueil span {
  color: white;
  font-size: 20px;
  padding-left: 20px;
  font-weight: 500;
  width: 240px
}

#wrapper-video-modal {
  display: none
}

.fancybox-bg {
  background-color: #104670
}

.fancybox-is-open .fancybox-bg {
  opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
  color: white;
  padding: 0;
  top: 0px;
  right: 0px;
  background-color: rgba(0, 0, 0, 0.3) !important
}

.fancybox-button {
  width: 55px;
  height: 55px
}

.fancybox-content {
  padding: 0
}

#modal {
  width: 80%
}

.wrapper-modal {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%
}

.video-accueil {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

#modal.fancybox-content {
  background: transparent;
  padding: 0;
  overflow: visible
}

#modal .fancybox-close-small {
  background-color: transparent
}

#stack-carousel-accueil .accueil-produit {
  padding-top: 70px
}

#stack-carousel-accueil h3 {
  text-transform: uppercase;
  color: #00b2dd
}

#stack-carousel-accueil .content-left p {
  color: white;
  font-weight: 300;
  font-size: 17px;
  line-height: 24px;
  padding: 20px 60px
}

#stack-carousel-accueil .content-right {
  text-align: center;
  padding: 60px 0px 80px 30px
}

#stack-carousel-accueil .content-right .image-holder img {
  width: 100%
}

#stack-carousel-accueil .content-right .contenu {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  min-height: 210px;
  justify-content: space-between;
  align-items: center
}

#stack-carousel-accueil .content-right .contenu .titre {
  padding: 0 20px
}

#stack-carousel-accueil .content-right .contenu .titre a {
  color: #104670
}

#stack-carousel-accueil .content-right .contenu p {
  font-size: 14px;
  line-height: 15px;
  padding: 0 10px
}

#stack-carousel-accueil .content-right .contenu .cta-product {
  font-weight: 400;
  margin-top: 30px;
  background-color: #00b2dd;
  padding: 6px 30px;
  display: inline-block;
  color: white;
  font-family: "Roboto Slab", serif;
  font-size: 17px;
  transition: all 0.2s
}

#stack-carousel-accueil .content-right .contenu .cta-product:hover {
  background-color: #104670
}

.swiper-button-next,
.swiper-button-prev {
  top: 70px !important;
  background-size: 12px 44px !important
}

.swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2300b2dd'%2F%3E%3C%2Fsvg%3E") !important
}

.swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2300b2dd'%2F%3E%3C%2Fsvg%3E") !important
}

.swiper-button-prev {
  left: 45px !important
}

.swiper-button-next {
  right: auto !important;
  left: 75px !important
}

#wrapper-arguments {
  padding: 100px 0
}

#wrapper-arguments .padding-content {
  padding: 0 50px
}

#wrapper-arguments h3 {
  color: #00b2dd;
  text-transform: uppercase;
  padding-left: 52px;
  position: relative
}

#wrapper-arguments h3::before {
  display: inline-block;
  content: '';
  background-image: url("img/bandesLogo.svg");
  background-size: 35px 30px;
  height: 30px;
  width: 35px;
  position: absolute;
  top: auto;
  left: 0px
}

#wrapper-arguments h5 {
  padding-top: 30px;
  font-weight: 300;
  color: white;
  line-height: 26px
}

#wrapper-arguments h5 a {
  cursor: pointer;
  color: white;
  font-size: 14px;
  font-weight: 700
}

#wrapper-arguments h5 a:hover {
  color: #00b2dd
}

#wrapper-arguments .coupure {
  display: none;
  transition: all 0.2s
}

#wrapper-arguments .coupure.inline {
  display: inline
}

#did-you-know {
  padding: 100px 0;
  display: flex;
  align-items: center
}

#did-you-know .content-left h2 {
  text-transform: uppercase;
  font-family: "Roboto Slab", serif
}

#did-you-know .content-right {
  padding-left: 55px
}

#did-you-know .content-right h2 {
  text-transform: uppercase;
  color: #00b2dd;
  position: relative
}

#did-you-know .content-right h2::before {
  content: "";
  position: absolute;
  top: 0px;
  left: -35px;
  background-color: #00b2dd;
  width: 2px;
  height: 163px
}

#did-you-know .content-right .cta-turquoise {
  padding: 6px 167px
}

.sub-title-20 {
  padding-left: 50px;
  padding-bottom: 15px
}

.sub-title-20 .logo-3-bars::before {
  top: -5px;
  left: -50px
}

.sub-title-20 h4 {
  font-weight: 500;
  text-transform: uppercase
}

#post-accueil {
  padding-bottom: 15px
}

#post-accueil .titre a {
  color: #104670
}

#post-accueil .titre a:hover {
  color: #00b2dd
}

@media (max-width: 1440px) {
  #hero-accueil h1 {
    font-size: 40px;
    line-height: 53px
  }

  #hero-accueil .margin-top-350 {
    margin-top: 180px
  }

  #hero-accueil .margin-top-130 {
    margin-top: 130px
  }

  #stack-carousel-accueil .content-right .contenu .titre {
    padding: 0 25px
  }

  #wrapper-arguments .padding-content {
    padding: 0 25px
  }
}

@media (max-width: 1199px) {
  #hero-accueil {
    background-position: 20% !important
  }

  #stack-carousel-accueil .content-right .contenu .titre {
    padding: 0
  }

  #hero-accueil .marign-top-350 {
    padding-top: 160px
  }

  #hero-accueil .margin-top-130 {
    padding-top: 90px
  }

  #stack-carousel-accueil .content-left p {
    padding: 25px
  }

  #wrapper-arguments .padding-right-50 {
    padding-right: 30px !important
  }

  #wrapper-arguments h3 {
    font-size: 22px;
    line-height: 26px
  }

  #wrapper-infos-icones ul li br {
    display: none
  }

  #wrapper-infos-icones .col-md-3 {
    display: block;
    text-align: center
  }

  #wrapper-infos-icones ul {
    display: block;
    padding-left: 0;
    padding-top: 20px
  }

  #wrapper-infos-icones ul::before {
    width: 0
  }

  #did-you-know .content-right .cta-turquoise {
    padding: 6px 110px
  }

  #did-you-know .content-right h2,
  #did-you-know .content-left h2 {
    font-size: 38px;
    line-height: 40px
  }

  #did-you-know .content-right h2::before {
    height: 127px
  }

  .wrapper-post .contenu .titre,
  .wrapper-post .contenu .date,
  .wrapper-post .contenu .texte-produit {
    padding-left: 20px
  }
}

@media (max-width: 991px) {
  #hero-accueil .margin-top-350 {
    padding-top: 310px
  }

  #hero-accueil .margin-top-130 {
    padding-top: 180px
  }

  #hero-accueil h1 {
    font-size: 34px;
    line-height: 46px
  }

  #stack-carousel-accueil .content-right .contenu .cta-product {
    padding: 6px 15px
  }

  #stack-carousel-accueil .content-right {
    padding: 60px 30px 80px 30px
  }

  #stack-carousel-accueil .content-left h3 {
    padding: 50px 0 0px
  }

  #stack-carousel-accueil .content-left p {
    padding-bottom: 70px
  }

  #wrapper-infos-icones .col-md-3:not(:last-of-type) ul {
    padding-bottom: 50px
  }

  #did-you-know .content-right h2,
  #did-you-know .content-left h2 {
    font-size: 30px;
    line-height: 36px;
    padding: 10px 0
  }

  #did-you-know .content-right .cta-turquoise {
    padding: 6px 63px
  }

  #did-you-know {
    padding: 50px 0 70px;
    display: block;
    text-align: center
  }

  #did-you-know .align-right {
    text-align: center
  }

  #did-you-know .content-right h2 br,
  #did-you-know .content-left h2 br {
    display: none
  }

  #did-you-know .content-right {
    padding-left: 0
  }

  #did-you-know .content-right h2::before {
    height: 0
  }

  #did-you-know .cta-turquoise {
    margin-top: 20px
  }

  #wrapper-infos-icones .row {
    margin-right: -15px
  }

  #hero-accueil .margin-top-140 {
    margin-top: 260px !important
  }

  #hero-accueil .margin-bottom-60 {
    margin-bottom: 80px !important
  }

  #did-you-know .content-right h2 {
    margin-top: 0
  }

  #did-you-know .content-left h2 {
    font-size: 36px
  }
}

@media (max-width: 768px) {
  #hero-accueil h1 {
    font-size: 32px;
    line-height: 53px
  }

  #hero-accueil {
    background-position: 15% !important
  }

  #hero-accueil .margin-top-25 {
    margin-top: 0 !important;
    padding-top: 20px
  }
}

@media (max-width: 767px) {
  #wrapper-arguments {
    padding: 70px 15px 30px
  }

  #wrapper-arguments .margin-left-20 {
    margin-left: 0px !important
  }

  #wrapper-arguments h5 {
    padding-top: 15px;
    padding-bottom: 40px
  }

  .wrapper-modal {
    background-color: white
  }
}

@media (max-width: 640px) {
  #hero-accueil h1 {
    font-size: 24px;
    line-height: 41px
  }

  #hero-accueil h4 {
    font-size: 14px;
    line-height: 24px;
    padding: 7px 50px 7px 40px
  }
}

@media (max-width: 480px) {
  #hero-accueil h1 {
    font-size: 20px;
    line-height: 32px;
    padding: 10px 15px 15px 15px
  }

  #hero-accueil h4 {
    padding: 7px 15px 7px 15px
  }

  #stack-carousel-accueil .content-right .contenu .cta-product {
    font-size: 14px
  }

  #stack-carousel-accueil .content-right .contenu .titre a {
    font-size: 15px;
    line-height: 20px;
    display: inline-block
  }

  .swiper-button-next,
  .swiper-button-prev {
    background-size: 15px 44px !important
  }

  .swiper-button-next,
  .swiper-button-prev {
    top: 50% !important
  }

  .swiper-button-prev {
    left: 5px !important
  }

  .swiper-button-next {
    right: 5px !important;
    left: auto !important
  }

  #stack-carousel-accueil .content-right {
    padding: 0px 20px 80px 30px
  }

  #wrapper-infos-icones ul li {
    padding: 3px 30px
  }

  #post-accueil .margin-top-70 {
    margin-top: 40px !important
  }

  #stack-carousel-accueil .accueil-produit {
    padding-top: 50px
  }

  #stack-carousel-accueil .content-right {
    padding: 0px 20px 50px 30px
  }

  #stack-carousel-accueil .content-right .contenu {
    min-height: auto;
    display: block
  }
}

@media (max-width: 375px) {
  #hero-accueil .margin-top-350 {
    padding-top: 250px
  }

  #hero-accueil .margin-top-130 {
    padding-top: 130px
  }

  #post-accueil .cta-turquoise {
    padding: 6px 14px
  }
}

@media (max-width: 360px) {
  #hero-accueil h1 {
    font-size: 18px;
    padding: 8px 15px 18px 15px
  }

  #hero-accueil h4 {
    font-size: 13px
  }
}

.wrapper-post h1 {
  padding-top: 70px;
  font-family: "Roboto Slab", serif;
  text-transform: uppercase
}

.wrapper-post .tag {
  padding-top: 20px;
  font-size: 17px;
  line-height: 22px
}

.wrapper-post .tag .feature {
  font-weight: 700;
  font-size: 17px;
  line-height: 22px
}

.wrapper-post img {
  width: 100%
}

.wrapper-post .boite-filtre {
  display: flex;
  margin-top: 45px;
  margin-bottom: 0px
}

.wrapper-post .boite-filtre .filtre-wrapper {
  margin-right: 20px
}

.wrapper-post .boite-filtre .filtre-wrapper.select::after {
  font-size: 14px !important;
  top: 0px !important;
  right: 0px !important
}

.wrapper-post .boite-filtre .filtre-wrapper select {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 1px solid #00b2dd;
  color: #00b2dd;
  width: 155px
}

.wrapper-post .col-md-4 {
  margin-top: 30px
}

.wrapper-post .wrapper-video .image-holder {
  position: relative
}

.wrapper-post .wrapper-video .image-holder i {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 50%;
  color: #00b2dd;
  font-size: 40px;
  transition: all 0.2s
}

.wrapper-post .wrapper-video .image-holder:hover i {
  color: #104670
}

.wrapper-post .contenu {
  border-left: 1px solid #104670;
  border-right: 1px solid #104670;
  border-bottom: 1px solid #104670
}

.wrapper-post .contenu .cat {
  text-transform: uppercase;
  color: white;
  background-color: #104670;
  font-size: 17px;
  padding: 9px 40px 9px;
  display: inline-block;
  position: relative;
  top: -38px;
  left: -1px;
  margin-bottom: 0
}

.wrapper-post .contenu .titre {
  text-transform: uppercase;
  font-size: 19px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 0;
  padding-left: 40px;
  padding-right: 20px;
  padding-bottom: 3px
}

.wrapper-post .contenu .titre a {
  color: #104670
}

.wrapper-post .contenu .titre a:hover {
  color: #00b2dd
}

.wrapper-post .contenu .date {
  color: #00b2dd;
  font-weight: 500;
  line-height: 20px;
  font-size: 14px;
  padding-left: 40px;
  padding-right: 20px
}

.wrapper-post .contenu .texte-produit {
  margin-top: 15px;
  line-height: 16px;
  padding-bottom: 30px;
  padding-left: 40px;
  padding-right: 20px;
  font-size: 14px
}

.wrapper-post .contenu .bouton-fleche {
  float: right;
  background-color: #00b2dd;
  padding: 10px 10px 5px 13px;
  right: 16px;
  position: absolute;
  bottom: 1px
}

.wrapper-post .contenu .bouton-fleche i {
  color: white;
  font-size: 20px
}

.wrapper-post .contenu .bouton-fleche:hover {
  background-color: #104670
}

.page-template-template-articles-projects select#filtre-post {
  width: 140px
}

@media (max-width: 991px) {
  .page-template-template-articles-projects .container.wrapper-post {
    margin-top: 50px
  }

  .archive .wrapper-post {
    margin-top: 50px
  }

  .page-template-template-articles-news .wrapper-post h1 {
    padding-top: 120px
  }

  .archive-produit .tag {
    padding-top: 50px !important
  }
}

#banner-produit {
  display: flex;
  min-height: 435px
}

#banner-produit .texte-banner-produit {
  background-color: #104670;
  color: white
}

#banner-produit .texte-banner-produit h2 {
  font-family: 'Roboto Slab';
  color: white;
  text-transform: uppercase;
  font-size: 50px;
  line-height: 54px;
  padding-top: 80px
}

#banner-produit a.link-banner-produit {
  color: #00b2dd;
  font-size: 20px;
  display: flex;
  align-items: center;
  margin-top: 25px;
  margin-bottom: 30px
}

#banner-produit a.link-banner-produit img,
#banner-produit a.link-banner-produit svg {
  margin-right: 20px;
  max-width: 40px
}

#banner-produit a.link-banner-produit:hover {
  color: white
}

#banner-produit a.link-banner-produit:hover img .cls-1,
#banner-produit a.link-banner-produit:hover svg .cls-1 {
  fill: white
}

#banner-produit .img-video {
  background-repeat: no-repeat;
  background-size: cover
}

.woocommerce.single-product .product {
  margin-top: 80px
}

.woocommerce.single-product .product .bundle_wrap {
  display: inline-block;
  float: left
}

input[type=number] {
  -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.woocommerce div.product div.images img {
  width: auto;
  margin: 0 auto
}

.woocommerce .logo-3-bars {
  font-size: 20px;
  color: #104670;
  padding-left: 13%;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
  margin-top: 70px;
  clear: both
}

.woocommerce .logo-3-bars::before {
  top: -3px;
  left: 10%
}

.summary.entry-summary {
  padding-right: 10%
}

.summary.entry-summary .woocommerce-product-details__short-description p {
  color: #00b2dd;
  font-size: 28px;
  padding-top: 10px;
  font-weight: 500;
  line-height: 32px
}

.summary.entry-summary .woocommerce-Price-amount.amount {
  color: #104670;
  font-size: 30px;
  font-weight: 700;
  padding-top: 10px;
  display: block
}

.summary.entry-summary .product-description .titre-desc {
  padding-top: 15px;
  padding-bottom: 10px;
  text-transform: uppercase;
  font-weight: 700
}

.summary.entry-summary .product-description p {
  line-height: 22px
}

.summary.entry-summary .cart-buttons {
  padding: 25px 0 30px
}

.summary.entry-summary .cart-buttons .warranty-radios input {
  display: none
}

.summary.entry-summary .cart-buttons .warranty {
  padding-bottom: 30px;
  border-bottom: 1px solid #104670;
  margin-bottom: 40px
}

.summary.entry-summary .cart-buttons .warranty p {
  padding-top: 15px;
  padding-bottom: 10px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 22px
}

.summary.entry-summary .cart-buttons .warranty a.warranty-bouton {
  background-color: #104670;
  font-size: 14px;
  padding: 7px 15px 7px;
  display: inline-block;
  color: white;
  margin-right: 8px;
  transition: all 0.2s;
  cursor: pointer
}

.summary.entry-summary .cart-buttons .warranty a.warranty-bouton:hover {
  background-color: #061c2d
}

.summary.entry-summary .cart-buttons .warranty a.warranty-bouton.active {
  background-color: #061c2d
}

.summary.entry-summary .cart-buttons .warranty #warranty-message {
  padding-top: 20px;
  color: #104670;
  font-size: 16px;
  font-weight: 700
}

.summary.entry-summary .cart-buttons .rent {
  background-color: #00b2dd !important;
  border-radius: 0;
  font-size: 17px;
  padding: 8px 20px 6px;
  margin-left: 8px;
  display: inline-block;
  color: white;
  position: relative;
  line-height: 24px
}

.summary.entry-summary .cart-buttons .rent:hover {
  background-color: #104670 !important
}

.summary.entry-summary .garantie>p {
  padding-top: 40px;
  text-transform: uppercase;
  font-weight: 700
}

.summary.entry-summary .garantie .boutons-garantie .bouton {
  background-color: #104670;
  display: inline-block;
  color: white;
  padding: 10px 35px;
  margin-right: 8px;
  margin-top: 10px;
  margin-bottom: 30px;
  font-size: 17px
}

.summary.entry-summary .garantie .boutons-garantie .bouton:hover {
  background-color: #021a34
}

.summary.entry-summary .garantie .autre-infos {
  border-top: 1px solid #104670;
  padding-top: 40px;
  margin-top: 15px
}

.summary.entry-summary .garantie .autre-infos .far.fa-check {
  color: #56c48c;
  font-size: 20px
}

.summary.entry-summary .garantie .autre-infos p {
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  margin-bottom: 20px
}

.summary.entry-summary .garantie .autre-infos a {
  background-color: #00b2dd;
  font-size: 17px;
  padding: 7px 50px 7px;
  display: inline-block;
  color: white;
  margin-right: 8px
}

.summary.entry-summary .garantie .autre-infos a:hover {
  background-color: #104670 !important
}

.summary.entry-summary .single-cart-bloc input {
  width: 50px;
  text-align: center;
  border-color: #00b2dd;
  border: 1px solid #00b2dd;
  color: #00b2dd;
  height: 38px;
  position: relative;
  float: left
}

.summary.entry-summary .single-cart-bloc a.button {
  background-color: #00b2dd;
  margin-left: 5px;
  font-weight: 400;
  font-size: 17px;
  padding: 12px 40px 9px;
  border-radius: 0;
  color: white;
  transition: all 0.2s
}

.summary.entry-summary .single-cart-bloc a.button:hover {
  background-color: #104670 !important
}

.summary.entry-summary .single-cart-bloc .added_to_cart {
  font-size: 17px;
  margin-left: 8px;
  padding: 8px 20px 6px
}

.cart {
  display: inline-block;
  margin-bottom: 0 !important;
  width: 100%
}

.cart .quantity .qty {
  width: 57px;
  height: 38px;
  border: 1px solid #00b2dd;
  color: #00b2dd;
  font-size: 17px;
  margin-right: 7px
}

.cart .button {
  background-color: #00b2dd !important;
  height: 38px !important;
  border-radius: 0 !important;
  font-size: 17px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  transition: all 0.2s !important;
  color: white !important
}

.cart .button:hover {
  background-color: #104670 !important
}

.add-to-cart-related .prix {
  margin-top: 15px;
  margin-bottom: 25px
}

.add-to-cart-related a.button {
  padding-left: 15px !important;
  padding-right: 15px !important
}

.woocommerce-tabs {
  text-align: center;
  display: block;
  padding: 70px 10% 0
}

.woocommerce-tabs .conception_tab_tab.active a {
  cursor: default
}

.woocommerce-tabs .panel {
  border: none;
  border-bottom: 1px solid #104670;
  border-radius: 0;
  padding-bottom: 90px !important
}

.woocommerce-tabs .specifications {
  text-align: left;
  margin-top: 60px
}

.woocommerce-tabs .specifications h2 {
  font-size: 17px
}

.woocommerce-tabs .specifications .spec-item-wrapper {
  display: flex;
  align-items: center
}

.woocommerce-tabs .specifications .spec-item-wrapper:nth-of-type(odd) {
  background-color: #f2f2f2
}

.woocommerce-tabs .specifications .spec-item-wrapper .spec-item {
  margin-bottom: 0;
  padding: 25px 25px 25px 20px;
  font-size: 14px
}

.woocommerce-tabs .specifications .spec-item-wrapper .spec-item:first-of-type {
  flex-basis: 25%;
  flex-grow: 0
}

.woocommerce-tabs .specifications .spec-item-wrapper .spec-item:nth-of-type(2) {
  flex-basis: 75%;
  flex-grow: 0
}

.woocommerce-tabs .specifications ul {
  list-style-type: none
}

.woocommerce-tabs .specifications ul li {
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
  font-size: 14px !important
}

.woocommerce-tabs .specifications ul li:nth-child(odd) {
  background-color: #f6f6f6
}

.woocommerce-tabs .specifications ul li ul {
  width: 50%
}

.woocommerce-tabs .specifications ul li ul li {
  padding: 0;
  display: block;
  background-color: transparent !important
}

.woocommerce-tabs ul.tabs::before {
  bottom: 25px !important;
  border-color: #104670 !important
}

.woocommerce-tabs ul.tabs li {
  border: none !important
}

.woocommerce-tabs ul.tabs li::before,
.woocommerce-tabs ul.tabs li::after {
  border: none !important
}

.woocommerce-tabs ul.tabs li a {
  background-color: #104670;
  padding: 10px 20px;
  color: white !important;
  font-weight: 300 !important;
  padding: 12px 90px !important
}

.related-product-container {
  clear: both;
  margin: 50px 0 140px;
  padding: 0 10%
}

.related-product-container .swiper-slide {
  text-align: center
}

.related-product-container .swiper-button-prev,
.related-product-container .swiper-button-next {
  display: none
}

.related-product-container .image-holder {
  max-width: 250px;
  display: inline-block
}

.related-product-container .image-holder img {
  max-width: 100%
}

.related-product-container .contenu {
  padding-top: 10px;
  min-height: 180px
}

.related-product-container .contenu .cat {
  font-size: 17px;
  margin-bottom: 0;
  color: #00b2dd
}

.related-product-container .contenu .titre {
  font-size: 20px;
  line-height: 22px;
  color: #104670;
  font-weight: 500;
  margin-bottom: 0px
}

.related-product-container .contenu .texte-produit {
  padding-top: 10px;
  font-size: 14px
}

.related-product-container .prix {
  font-family: 'Roboto Slab';
  font-weight: 700;
  font-size: 30px;
  color: #104670
}

.related-product-container .add-to-cart-related form.cart {
  display: flex;
  flex-direction: row;
  justify-content: center
}

.related-product-container .add-to-cart-related form.cart input {
  max-width: 45px;
  text-align: center;
  border: 1px solid #00b2dd;
  color: #00b2dd
}

.related-product-container .add-to-cart-related form.cart a.add_to_cart {
  display: flex;
  align-items: center;
  padding-left: 15px !important;
  padding-right: 15px !important
}

.single-product .fancybox-content {
  padding: 0
}

.single-product .fancybox-inner #video-produit {
  width: 80%
}

.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
  clear: none
}

.woocommerce div.product div.images .flex-control-thumbs {
  display: flex;
  justify-content: center
}

.woocommerce div.product div.images .flex-control-thumbs li {
  margin: 4px;
  width: auto
}

.single-product .bundled_product.bundled_product_summary {
  display: none
}

@media (max-width: 1440px) {
  .summary.entry-summary {
    padding-right: 0
  }

  .related-product-container {
    margin: 50px 0 100px
  }
}

@media (max-width: 1280px) {
  #banner-produit .texte-banner-produit h2 {
    font-size: 40px;
    line-height: 44px
  }

  .single-product h1 {
    font-size: 40px;
    line-height: 44px
  }

  .single-product.woocommerce .logo-3-bars {
    padding-left: 14%
  }

  .related-product-container .contenu {
    min-height: 190px
  }
}

@media (max-width: 1199px) {
  .summary.entry-summary .cart-buttons .warranty a.warranty-bouton {
    display: block;
    margin-bottom: 10px;
    width: 190px;
    text-align: center
  }

  .summary.entry-summary .cart-buttons .rent {
    display: block;
    width: 219px;
    margin-left: 0px;
    margin-bottom: 30px;
    padding: 8px 25px 6px;
    margin-top: 20px;
    text-align: center;
    margin: 30px 0 0px;
    clear: both
  }

  .summary.entry-summary .garantie .autre-infos a {
    padding: 7px 20px 7px;
    margin-top: 10px
  }

  .woocommerce div.product form.cart div.quantity {
    display: inline;
    float: none
  }

  .single-product .cart .quantity .qty {
    float: left
  }

  .single-product div.product form.cart .button {
    float: none
  }
}

@media (max-width: 991px) {
  #banner-produit {
    min-height: auto
  }

  #banner-produit .texte-banner-produit {
    padding-bottom: 50px
  }

  #banner-produit .img-video {
    display: none
  }

  #banner-produit .texte-banner-produit h2 {
    padding-top: 120px
  }

  .single-product.woocommerce .logo-3-bars {
    padding-left: 17%
  }

  .woocommerce-tabs {
    padding: 30px 10% 0
  }

  .related-product-container .contenu {
    min-height: 140px
  }

  #banner-produit a.link-banner-produit {
    margin-bottom: 0
  }
}

@media (max-width: 768px) {
  .summary.entry-summary .cart-buttons .warranty {
    text-align: center
  }

  .summary.entry-summary .cart-buttons .warranty a.warranty-bouton {
    margin: 0 auto 10px
  }

  .woocommerce div.product form.cart {
    text-align: center
  }

  .woocommerce div.product form.cart .button {
    float: none
  }

  .add-to-cart-related form.cart .button {
    top: 0 !important
  }

  .woocommerce div.product form.cart div.quantity {
    display: inline;
    float: none
  }

  .summary.entry-summary .garantie .autre-infos {
    text-align: center
  }

  .woocommerce div.product div.images img {
    width: 70%
  }

  .related-product-container .contenu {
    min-height: 100px
  }

  .single-cart-bloc {
    text-align: center
  }

  .summary.entry-summary .cart-buttons .rent {
    margin: 30px auto 0px
  }

  .summary.entry-summary .single-cart-bloc input {
    float: none;
    line-height: 3;
    height: auto
  }
}

@media (max-width: 768px) {
  .cart-buttons .woocommerce.single-product .product {
    margin-top: 30px !important
  }

  .woocommerce-page div.product div.bundled_product_images,
  .woocommerce-page #content div.product div.bundled_product_images,
  .woocommerce div.product div.bundled_product_images,
  .woocommerce #content div.product div.bundled_product_images {
    float: none !important;
    width: 80% !important;
    margin: 0 auto 10px !important
  }

  div.bundled_product_summary:not(.thumbnail_hidden) .details {
    float: none !important;
    width: 100% !important
  }

  .woocommerce.single-product .product .bundle_wrap {
    float: none
  }

  .woocommerce-tabs {
    padding-top: 0
  }
}

@media (max-width: 767px) {

  .woocommerce-tabs .specifications .spec-item-wrapper .spec-item:first-of-type,
  .woocommerce-tabs .specifications .spec-item-wrapper .spec-item:nth-of-type(2) {
    flex-basis: 100%
  }

  .woocommerce-tabs .specifications .spec-item-wrapper {
    flex-direction: column;
    padding: 15px 0
  }

  .woocommerce-tabs .specifications .spec-item-wrapper .spec-item {
    padding: 10px 25px 10px 20px
  }

  .spec-item-wrapper .spec-item:first-of-type {
    font-weight: 700
  }

  #banner-produit .texte-banner-produit h2 {
    font-size: 30px;
    line-height: 34px
  }

  .single-product h1 {
    font-size: 30px;
    line-height: 34px
  }
}

@media (max-width: 560px) {
  .woocommerce div.product .woocommerce-tabs ul.tabs {
    padding-left: 0 !important
  }

  .single-product.woocommerce .logo-3-bars {
    padding-left: 25%
  }

  .woocommerce-tabs ul.tabs li a {
    padding: 10px 40px !important
  }

  .related-product-container {
    margin: 50px 0 60px
  }
}

.section-avec-titre {
  background-image: url(img/bg-about-us.jpg)
}

.section-avec-titre .boite-titre {
  text-align: center;
  padding-left: 40px
}

.section-avec-titre .boite-titre h1 {
  padding: 70px 0;
  color: white
}

.tous-produits {
  text-align: center;
  padding-top: 70px;
  padding-bottom: 100px
}

.tous-produits .col-md-4 {
  margin-bottom: 40px
}

.tous-produits .image-holder img {
  width: 50%
}

.tous-produits .contenu {
  display: flex;
  flex-direction: column;
  min-height: 130px;
  justify-content: space-between;
  align-items: center
}

.tous-produits .contenu .name {
  padding-top: 45px;
  padding-bottom: 10px
}

.tous-produits .contenu .name a {
  font-size: 20px;
  color: #104670;
  text-transform: uppercase;
  font-weight: 700
}

.tous-produits .contenu .name a:hover {
  color: #00b2dd
}

.tous-produits .contenu .texte-produit {
  font-size: 14px
}

.tous-produits .cta-see-product {
  display: inline-block;
  margin-top: 20px;
  background-color: #00b2dd;
  padding: 8px 60px;
  font-size: 17px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: white
}

.tous-produits .cta-see-product:hover {
  background-color: #104670
}

@media (max-width: 1440px) {
  .tous-produits {
    padding-bottom: 40px
  }
}

@media (max-width: 991px) {
  .section-avec-titre .boite-titre h1 {
    padding-top: 120px;
    padding-bottom: 50px
  }

  .tous-produits .contenu {
    min-height: auto
  }
}

#entete-profil-edition h1 {
  padding-top: 50px
}

#entete-profil-edition p {
  padding-bottom: 40px;
  border-bottom: 1px solid #104670
}

#entete-profil-edition p a {
  color: white;
  background-color: #00b2dd;
  padding: 6px 30px
}

#entete-profil-edition p a:hover {
  background-color: #104670
}

#entete-profil-edition a {
  color: #00b2dd;
  font-size: 16px;
  text-decoration: underline !important;
  transition: all 0.2s
}

#entete-profil-edition a:hover {
  color: #104670
}

#entete-profil-edition .spacer-hero-my-profil {
  padding-bottom: 20px;
  border-bottom: 1px solid #104670
}

.profil-form-wrapper {
  padding-top: 35px
}

.profil-form-wrapper #profil-edition-form {
  padding-right: 100px
}

.profil-form-wrapper #profil-edition-form::before {
  content: "";
  position: absolute;
  top: 0;
  right: 40px;
  background-color: #104670;
  width: 1px;
  height: 96.5%
}

.profil-form-wrapper #profil-edition-form h3,
.profil-form-wrapper #profil-order-history h3 {
  text-transform: uppercase;
  font-weight: 700;
  padding-bottom: 10px;
  display: block;
  margin-top: 0
}

.profil-form-wrapper #profil-edition-form span,
.profil-form-wrapper #profil-order-history span {
  display: inline-block;
  color: #104670
}

.profil-form-wrapper #profil-edition-form label,
.profil-form-wrapper #profil-order-history label {
  color: #104670;
  font-size: 20px;
  font-weight: 700;
  display: block
}

.profil-form-wrapper #profil-edition-form label[for=username]+span,
.profil-form-wrapper #profil-order-history label[for=username]+span {
  padding: 5px 0 10px
}

.profil-form-wrapper #profil-edition-form input,
.profil-form-wrapper #profil-order-history input {
  color: #104670;
  border: 1px solid #104670;
  margin-top: 0px;
  margin-bottom: 20px;
  font-size: 15px;
  padding: 3px 8px;
  width: 100%
}

.profil-form-wrapper #profil-edition-form .select::after,
.profil-form-wrapper #profil-order-history .select::after {
  top: 6px !important;
  color: #104670;
  font-size: 15px !important
}

.profil-form-wrapper #profil-edition-form select,
.profil-form-wrapper #profil-order-history select {
  width: 100%;
  border-color: #104670;
  padding: 4px 8px;
  color: #104670
}

.profil-form-wrapper #profil-edition-form a,
.profil-form-wrapper #profil-order-history a {
  color: #104670;
  cursor: pointer
}

.profil-form-wrapper #profil-edition-form p,
.profil-form-wrapper #profil-order-history p {
  margin-bottom: 0
}

.profil-form-wrapper #profil-edition-form p a:hover,
.profil-form-wrapper #profil-order-history p a:hover {
  color: #00b2dd
}

.profil-form-wrapper #profil-edition-form .date,
.profil-form-wrapper #profil-order-history .date {
  color: #00b2dd;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 25px
}

.profil-form-wrapper #profil-edition-form .for-billing-address,
.profil-form-wrapper #profil-order-history .for-billing-address {
  padding-top: 15px
}

.profil-form-wrapper #profil-edition-form .co-name,
.profil-form-wrapper #profil-order-history .co-name {
  font-size: 20px;
  padding-top: 5px;
  padding-bottom: 10px
}

.profil-form-wrapper #profil-edition-form .phone,
.profil-form-wrapper #profil-order-history .phone {
  font-size: 20px;
  padding-top: 10px;
  padding-bottom: 10px
}

.profil-form-wrapper #profil-edition-form .note,
.profil-form-wrapper #profil-order-history .note {
  padding-top: 5px;
  padding-bottom: 10px;
  font-size: 14px
}

.profil-form-wrapper #profil-edition-form .avertissement,
.profil-form-wrapper #profil-order-history .avertissement {
  font-size: 14px
}

.profil-form-wrapper #profil-edition-form .submit_button,
.profil-form-wrapper #profil-order-history .submit_button {
  font-weight: 400;
  margin-top: 10px;
  background-color: #00b2dd;
  padding: 6px 30px;
  display: inline-block;
  color: white;
  font-family: "Roboto Slab", serif;
  font-size: 17px;
  transition: all 0.2s;
  border: none
}

.profil-form-wrapper #profil-edition-form .submit_button:hover,
.profil-form-wrapper #profil-order-history .submit_button:hover {
  background-color: #104670;
  color: white
}

.profil-form-wrapper #profil-edition-form .align-right,
.profil-form-wrapper #profil-order-history .align-right {
  margin-bottom: 5px
}

#profil-order-details {
  padding-top: 40px;
  padding-bottom: 30px
}

#profil-order-details .bloc-details {
  color: #104670
}

#profil-order-details h4 {
  font-weight: 700;
  display: inline-block;
  padding-bottom: 20px
}

.eddy-login {
  padding: 120px 0 50px;
  background: url(img/bg-login.png) no-repeat;
  background-position: right;
  background-size: auto 100%
}

.eddy-login .connexion-bloc .zone-message {
  text-align: right
}

.eddy-login .connexion-bloc .zone-message h1 {
  color: #00b2dd;
  position: relative;
  padding-right: 30px;
  padding-top: 20px
}

.eddy-login .connexion-bloc .zone-message h1::after {
  content: "";
  position: absolute;
  right: 0px;
  top: -20px;
  background-color: #00b2dd;
  width: 2px;
  height: 166px
}

.eddy-login .connexion-bloc .zone-login input {
  width: 100%;
  padding: 5px 10px
}

.eddy-login .connexion-bloc .zone-login input[type=text] {
  padding: 8px 10px;
  font-size: 16px;
  color: #104670;
  border: 1px solid #104670
}

.eddy-login .connexion-bloc .zone-login input[type=submit] {
  font-weight: 400;
  background-color: #00b2dd;
  padding: 8px 30px;
  display: inline-block;
  color: white;
  font-family: "Roboto Slab", serif;
  font-size: 17px;
  border: none;
  transition: all 0.2s
}

.eddy-login .connexion-bloc .zone-login input[type=submit]:hover {
  background-color: #104670;
  color: white
}

.eddy-login .connexion-bloc .zone-login .login-remember {
  margin-top: 20px;
  margin-bottom: 5px
}

.eddy-login .connexion-bloc .zone-login .login-remember label {
  color: #104670;
  font-weight: 400;
  font-size: 14px
}

.eddy-login .connexion-bloc .zone-login .login-remember label input {
  width: auto
}

.eddy-login .connexion-bloc .zone-login .lost-password a {
  color: #00b2dd;
  font-style: italic
}

.eddy-login .connexion-bloc .zone-login #wp-submit {
  margin-top: 10px;
  display: inline-block;
  font-size: 17px;
  margin-bottom: 10px
}

.woocommerce .woocommerce-ResetPassword.lost_reset_password {
  padding: 100px 0
}

.woocommerce .woocommerce-ResetPassword.lost_reset_password .input-text {
  padding: 8px 30px;
  margin-top: 5px
}

.woocommerce .woocommerce-ResetPassword.lost_reset_password button[type=submit] {
  margin-top: 8px;
  font-weight: 400;
  background-color: #00b2dd;
  padding: 8px 30px;
  display: inline-block;
  color: white;
  font-family: "Roboto Slab", serif;
  font-size: 17px;
  border: none;
  transition: all 0.2s
}

.woocommerce .woocommerce-ResetPassword.lost_reset_password button[type=submit]:hover {
  background-color: #104670;
  color: white
}

ul.woocommerce-error {
  padding-left: 45px !important
}

.eddy-login .connexion-bloc .zone-message h1 {
  font-size: 30px;
  line-height: 36px
}

.eddy-login {
  padding: 150px 0 40px
}

@media (max-width: 1199px) {
  .eddy-login {
    background-position: 400px
  }
}

@media (max-width: 991px) {
  #entete-profil-edition h1 {
    padding-top: 130px
  }

  .profil-form-wrapper #profil-edition-form::before {
    height: 0
  }

  .profil-form-wrapper #profil-edition-form {
    padding-right: 15px
  }

  .woocommerce-cart .woocommerce,
  .woocommerce-checkout .woocommerce {
    padding-top: 140px
  }

  .eddy-login .connexion-bloc .zone-message h1 {
    font-size: 30px;
    line-height: 36px
  }

  .eddy-login {
    padding: 150px 0 40px
  }

  #profil-order-details {
    padding-top: 0
  }

  .eddy-login {
    background-position: 280px
  }
}

@media (max-width: 767px) {
  .eddy-login {
    padding: 120px 0 40px
  }

  .eddy-login .connexion-bloc .zone-message {
    text-align: left
  }

  .eddy-login .connexion-bloc .zone-message h1 {
    padding-bottom: 20px;
    padding-top: 0
  }

  .eddy-login .connexion-bloc .zone-message h1::after {
    height: 0
  }
}

.about-us-hero {
  padding: 50px 0 60px
}

.timeline {
  padding: 70px 0
}

.cq-timeline .cq-timeline-text {
  line-height: 22px !important;
  margin-right: 15px !important;
  margin-left: 15px !important
}

.cq-timeline .cq-timeline-row:nth-child(even) .cq-timeline-item .cq-timeline-contentcontainer .cq-timeline-content {
  margin-right: 35px !important
}

.cq-timeline .cq-timeline-row:nth-child(odd) .cq-timeline-item .cq-timeline-contentcontainer .cq-timeline-content {
  margin-left: 35px !important
}

h4.cq-timeline-title {
  color: #104670 !important;
  font-size: 18px !important;
  font-weight: 500
}

.cq-timeline-content {
  padding: 35px 30px !important
}

.cq-timeline-content p {
  color: #104670;
  padding: 4px;
  margin-bottom: 0px;
  font-size: 14px;
  line-height: 18px
}

.cq-timeline-content p:last-of-type {
  display: none
}

.cq-timeline-label .cq-timeline-text {
  font-size: 30px;
  color: #104670 !important;
  font-weight: 500
}

.cq-timeline-icon-mediumgray {
  background-color: #00b2dd !important
}

.cq-timeline .cq-timeline-item .cq-timeline-content img,
.cq-timeline .cq-timeline-item .cq-timeline-content iframe {
  padding-top: 15px
}

.cq-timeline .cq-timeline-row:nth-child(odd) .cq-timeline-item .cq-timeline-iconcontainer i,
.cq-timeline .cq-timeline-row:nth-child(even) .cq-timeline-item .cq-timeline-iconcontainer i {
  display: none
}

.cq-timeline:before {
  width: 1px !important;
  left: 50.8% !important
}

.our-team-title {
  padding: 60px 0
}

.wrapper-single-member {
  text-align: center;
  margin-bottom: 25px;
  margin-left: 12px
}

.wrapper-single-member .image-holder {
  background-color: #ebebeb;
  padding: 15px 0 50px;
  position: relative;
  border: 1px solid #ebebeb
}

.wrapper-single-member .image-holder i {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 24px;
  color: #104670
}

.wrapper-single-member .contenu {
  background-color: white;
  position: relative
}

.wrapper-single-member .contenu .cat {
  background-color: #104670;
  color: white;
  font-size: 16px;
  position: absolute;
  top: -36px;
  left: 0px;
  padding: 8px 40px;
  display: inline-block;
  text-transform: uppercase
}

.wrapper-single-member .contenu .name {
  padding-top: 45px;
  padding-bottom: 20px;
  font-size: 20px;
  color: #104670;
  text-transform: uppercase;
  font-weight: 700;
  border-left: 1px solid #104670;
  border-right: 1px solid #104670;
  margin-bottom: 0
}

.wrapper-single-member .contenu .phone {
  border-left: 1px solid #104670;
  border-right: 1px solid #104670;
  margin-bottom: 0
}

.wrapper-single-member .contenu .phone a {
  color: #00b2dd;
  font-size: 14px;
  font-weight: 700;
  padding-bottom: 10px;
  display: inline-block
}

.wrapper-single-member .contenu .phone a i {
  padding-right: 6px
}

.wrapper-single-member .contenu .email {
  padding-bottom: 30px;
  border-left: 1px solid #104670;
  border-right: 1px solid #104670;
  border-bottom: 1px solid #104670
}

.wrapper-single-member .contenu .email a {
  color: #00b2dd;
  font-size: 14px;
  font-weight: 700;
  display: inline-block
}

.wrapper-single-member .contenu .email a i {
  padding-right: 6px
}

.rnd {
  padding: 100px 0
}

.rnd h3 {
  color: #00b2dd;
  text-transform: uppercase
}

.rnd h3::before {
  position: relative;
  left: -15px;
  top: 2px
}

@media (max-width: 1199px) {
  .cq-timeline:before {
    left: 51.1% !important
  }

  .wrapper-single-member .contenu .cat {
    width: 100%
  }

  .rnd {
    padding: 60px 0 80px
  }
}

@media (max-width: 991px) {
  .about-us-hero {
    padding: 120px 0 60px
  }

  .cq-timeline:before {
    left: 51.4% !important
  }
}

@media (max-width: 767px) {
  .cq-timeline .cq-timeline-row:nth-child(odd) .cq-timeline-item .cq-timeline-contentcontainer .cq-timeline-content {
    margin-left: 15px !important
  }

  .cq-timeline .cq-timeline-row:nth-child(even) .cq-timeline-item .cq-timeline-contentcontainer .cq-timeline-content {
    margin-right: 0px !important
  }

  .cq-timeline-label .cq-timeline-text {
    font-size: 22px;
    margin-bottom: 30px !important
  }

  .cq-timeline:before {
    left: 20px !important;
    width: 2px !important
  }
}

@media (max-width: 767px) {
  .about-us-hero br {
    display: none
  }

  .timeline {
    padding: 40px 0
  }

  .our-team-title {
    padding: 30px 0 40px
  }

  .our-team-title h2 {
    font-size: 30px;
    line-height: 34px
  }

  .cart .button {
    padding-left: 40px !important;
    padding-right: 40px !important
  }
}

.archive-produit {
  display: flex;
  display: -webkit-flex
}

.archive-produit .spinner-cat {
  display: none;
  background-color: rgba(129, 129, 129, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1
}

.archive-produit .spinner-cat i {
  top: 40%;
  left: 50%;
  transform: translateY(-50%);
  position: absolute;
  font-size: 50px;
  color: #104670
}

.archive-produit>.row {
  width: 100%
}

.archive-produit h1 {
  padding-top: 70px;
  font-weight: 500
}

.archive-produit .tag {
  padding-top: 20px;
  padding-bottom: 35px;
  font-size: 17px;
  line-height: 22px
}

.archive-produit .col-md-8,
.archive-produit .col-md-9 {
  padding-left: 35px
}

.archive-produit .boite-filtre-produits {
  margin-left: -1px;
  height: 100%;
  background-color: #103755;
  background-image: url("img/bg-filtres.jpg");
  background-size: cover;
  padding: 80px 40px 0px 35px
}

.archive-produit .boite-filtre-produits .before-content {
  display: none
}

.archive-produit .boite-filtre-produits #complementary-filtre-mobile {
  display: none
}

.archive-produit .boite-filtre-produits .filtre-all a {
  color: white
}

.archive-produit .boite-filtre-produits .filtre-produits>p {
  color: #00b2dd;
  font-weight: 700
}

.archive-produit .boite-filtre-produits .filtre-produits>label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.archive-produit .boite-filtre-produits .filtre-produits>label a {
  color: white;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.archive-produit .boite-filtre-produits .filtre-produits .parts-pdf {
  color: #00b2dd;
  transition: all 0.2s
}

.archive-produit .boite-filtre-produits .filtre-produits .parts-pdf:hover {
  color: white
}

.archive-produit .boite-filtre-produits .border-top {
  padding-top: 15px;
  border-top: 1px solid white;
  padding-bottom: 15px
}

.archive-produit .boite-filtre-produits p,
.archive-produit .boite-filtre-produits label {
  color: white
}

.archive-produit .boite-filtre-produits label {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  padding-left: 8px;
  cursor: pointer;
  font-size: 16px;
  margin-bottom: 8px;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased
}

.archive-produit .boite-filtre-produits input[type=checkbox] {
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: 1px solid white;
  border-radius: 2px;
  width: 11px;
  height: 11px;
  outline: none;
  transition-duration: 0.3s;
  cursor: pointer;
  position: relative;
  margin-left: 15px
}

.archive-produit .boite-filtre-produits input[type=checkbox]:checked::before {
  content: '\f00c';
  display: block;
  font-family: "Font Awesome 5 Pro";
  color: white;
  position: absolute;
  top: -3px;
  font-size: 12px
}

.archive-produit .content-right-documentation .tag .feature {
  font-weight: 700
}

.archive-produit .content-right-documentation .doc-wrapper {
  justify-content: space-between
}

.archive-produit .content-right-documentation .doc-wrapper a {
  display: flex;
  align-items: center
}

.archive-produit .content-right-documentation .doc-wrapper a:hover {
  color: #00b2dd
}

.archive-produit .content-right .center {
  margin: 40px 0 50px
}

.archive-produit .content-right .boite-titre {
  margin-bottom: 30px
}

.archive-produit .content-right .boite-titre label,
.archive-produit .content-right .boite-titre input {
  cursor: pointer
}

.archive-produit .content-right .boite-titre input {
  position: relative;
  top: 4px
}

.archive-produit .content-right .boite-titre input[type='radio'] {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  outline: none;
  box-shadow: 0 0 2px 0px gray inset
}

.archive-produit .content-right .boite-titre input[type='radio']:hover {
  box-shadow: 0 0 2px 0px #104670 inset
}

.archive-produit .content-right .boite-titre input[type='radio']:before {
  content: '';
  display: block;
  width: 60%;
  height: 60%;
  margin: 20% auto;
  border-radius: 50%
}

.archive-produit .content-right .boite-titre input[type='radio']:checked:before {
  background: #00b2dd
}

.archive-produit .content-right .boite-titre label {
  font-size: 16px;
  padding-left: 6px;
  margin-right: 10px;
  font-weight: 400;
  color: #104670
}

.archive-produit .content-right .boite-titre #affiche-categories {
  text-transform: uppercase;
  padding-top: 10px;
  margin-bottom: 15px;
  line-height: 36px
}

.archive-produit .content-right .boite-titre .viewmode {
  font-size: 16px;
  margin-right: 6px;
  display: inline-block;
  color: #00b2dd;
  font-weight: 500
}

.archive-produit .content-right .boite-titre p {
  color: #00b2dd;
  font-size: 30px;
  padding: 15px 0
}

.archive-produit .content-right .boite-titre #no-match {
  color: black;
  font-size: 16px;
  display: none
}

.archive-produit .content-right .contenu {
  text-align: center
}

.archive-produit .content-right .contenu .cat {
  padding: 10px 0 0;
  color: #00b2dd
}

.archive-produit .content-right .contenu .titre {
  font-weight: 500;
  font-size: 20px;
  min-height: 40px
}

.archive-produit .content-right .contenu .texte-produit {
  font-size: 14px
}

.archive-produit .content-right .add-to-cart-related {
  text-align: center
}

.archive-produit .content-right .add-to-cart-related .prix {
  font-size: 30px;
  color: #104670;
  font-family: "Roboto Slab", serif;
  font-weight: 700
}

.archive-produit .content-right .add-to-cart-related .cart {
  margin: 0 auto 50px !important
}

.archive-produit .content-right .add-to-cart-related form {
  display: flex;
  justify-content: center
}

.archive-produit .content-right .add-to-cart-related form input {
  width: 50px;
  text-align: center;
  border-color: #00b2dd;
  border: 1px solid #00b2dd;
  color: #00b2dd;
  height: 38px
}

.archive-produit .content-right .add-to-cart-related form a.button {
  font-size: 14px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  margin-left: 5px;
  line-height: 22px;
  width: 100%;
  text-align: center
}

.archive-produit .content-right #produits-liste-wrapper>div {
  border-bottom: 1px solid #104670;
  padding: 20px 0 15px
}

.archive-produit .content-right #produits-liste-wrapper .bloc-produit-titre {
  padding-bottom: 30px;
  text-transform: uppercase
}

.archive-produit .content-right #produits-liste-wrapper .bloc-produit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0 15px;
  width: 100%
}

.archive-produit .content-right #produits-liste-wrapper .bloc-produit p {
  margin-bottom: 0
}

.archive-produit .content-right #produits-liste-wrapper .bloc-produit .col-md-1 {
  text-align: center
}

.archive-produit .content-right #produits-liste-wrapper .bloc-produit .description {
  font-size: 14px
}

.archive-produit .content-right #produits-liste-wrapper .bloc-produit .description span {
  color: #00b2dd;
  padding-bottom: 5px;
  font-size: 16px;
  display: inline-block;
  font-weight: 500
}

.archive-produit .content-right #produits-liste-wrapper .bloc-produit .prix {
  font-size: 26px;
  font-weight: 700
}

.archive-produit .content-right #produits-liste-wrapper .bloc-produit .titre a {
  color: #104670;
  font-size: 20px;
  font-weight: 500
}

.archive-produit .content-right #produits-liste-wrapper .bloc-produit img {
  height: auto;
  width: 100%
}

.archive-produit .content-right #produits-liste-wrapper .bloc-produit .bouton-viewmore {
  padding-left: 40px
}

.archive-produit .content-right #produits-liste-wrapper .bloc-produit .bouton-viewmore a {
  color: #00b2dd;
  font-size: 34px
}

.archive-produit .content-right #produits-liste-wrapper .bloc-produit div.col-md-2 {
  padding-right: 0 !important
}

.archive-produit .content-right #produits-liste-wrapper .bloc-produit form {
  display: flex;
  position: relative
}

.archive-produit .content-right #produits-liste-wrapper .bloc-produit form input {
  width: 50px;
  text-align: center;
  border-color: #00b2dd;
  border: 1px solid #00b2dd;
  color: #00b2dd
}

.archive-produit .content-right #produits-liste-wrapper .bloc-produit form a.button {
  font-size: 14px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  margin-left: 5px;
  line-height: 20px;
  width: 100%;
  text-align: center
}

.archive-produit .content-right #produits-liste-wrapper .bloc-produit form a.added_to_cart {
  position: absolute;
  bottom: -25px;
  left: 55px;
  padding: 2px 20px
}

.archive-produit .content-right #produits-liste-wrapper .bloc-produit form a.added_to_cart:hover {
  background-color: #104670
}

.archive-produit .content-right #produits-liste-wrapper .bloc-produit .add2cart {
  padding-right: 0 !important
}

.archive-produit .content-right #produits-bloc-wrapper {
  display: none
}

.archive-produit .content-right #produits-bloc-wrapper .bloc-produit {
  height: 720px
}

.archive-produit .content-right #produits-bloc-wrapper .bloc-produit .titre a {
  color: #104670
}

.archive-produit .content-right #produits-bloc-wrapper .bloc-produit form {
  position: relative
}

.archive-produit .content-right #produits-bloc-wrapper .bloc-produit form a.added_to_cart {
  position: absolute;
  bottom: -37px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 16px;
  padding: 5px 20px;
  width: 100%
}

.archive-produit .content-right #produits-bloc-wrapper .bloc-produit form a.added_to_cart:hover {
  background-color: #104670
}

.archive-produit .content-right .bouton-viewmore .cta-turquoise {
  margin-top: 0;
  font-size: 16px
}

.archive-produit .doc-wrapper {
  display: flex;
  align-items: center;
  padding: 15px 0;
  border-top: 1px solid #104670;
  border-bottom: 1px solid #104670;
  margin: 5px 0
}

.archive-produit .doc-wrapper h3 {
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 0;
  line-height: 22px
}

.archive-produit .doc-wrapper h3 a {
  color: #104670
}

.archive-produit .doc-wrapper p {
  padding-top: 3px;
  font-size: 14px;
  color: #00b2dd;
  margin-bottom: 0
}

.archive-produit .doc-wrapper a {
  color: #00b2dd;
  margin-left: auto
}

.archive-produit .doc-wrapper a i {
  padding-left: 15px;
  font-size: 26px
}

.nodisplay {
  display: none !important
}

@media (max-width: 1920px) {
  .archive-produit .content-right #produits-bloc-wrapper .bloc-produit {
    height: 630px
  }
}

@media (max-width: 1680px) {
  .archive-produit .doc-wrapper h3 {
    font-size: 16px
  }

  .archive-produit .content-right #produits-bloc-wrapper .bloc-produit {
    height: 570px
  }
}

@media (max-width: 1440px) {
  .archive-produit .content-right #produits-liste-wrapper .bloc-produit .titre a {
    font-size: 17px
  }

  .archive-produit .content-right #produits-bloc-wrapper .bloc-produit {
    height: 520px
  }

  .archive-produit .doc-wrapper h3 {
    font-size: 14px
  }

  .archive-produit .doc-wrapper a {
    font-size: 14px;
    line-height: 18px
  }

  .archive-produit .content-right #produits-liste-wrapper .bloc-produit form input {
    width: 40px;
    padding-left: 0
  }

  .archive-produit .content-right #produits-liste-wrapper .bloc-produit form a.button {
    padding-left: 5px !important;
    padding-right: 5px !important
  }

  .archive-produit .content-right #produits-liste-wrapper .bloc-produit form a.added_to_cart {
    bottom: -23px;
    left: 45px;
    padding: 2px 10px;
    font-size: 13px
  }
}

@media (max-width: 1280px) {
  .archive-produit .content-right #produits-bloc-wrapper .bloc-produit {
    height: 500px
  }

  .archive-produit .content-right #produits-liste-wrapper .bloc-produit form input {
    width: 30px
  }

  .archive-produit .content-right #produits-liste-wrapper .bloc-produit form a.added_to_cart {
    left: 35px;
    bottom: -19px;
    font-size: 11px
  }
}

@media (max-width: 1199px) {
  .archive-produit .content-right #produits-bloc-wrapper .bloc-produit {
    height: 540px
  }

  .archive-produit .boite-filtre-produits {
    padding: 80px 20px 0px 15px
  }

  .archive-produit h1 {
    font-size: 40px;
    line-height: 44px;
    padding-top: 50px
  }

  .archive-produit .content-right #produits-liste-wrapper .bloc-produit form a.button {
    line-height: 22px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    font-size: 12px !important
  }

  .archive-produit .content-right #produits-bloc-wrapper .bloc-produit .titre a {
    font-size: 18px
  }

  .archive-produit .content-right #produits-liste-wrapper .bloc-produit form a.added_to_cart {
    bottom: -20px
  }

  .archive-produit .content-right #produits-bloc-wrapper .bloc-produit form a.add_to_cart_button {
    font-size: 14px !important;
    line-height: 21px
  }
}

@media (max-width: 991px) {
  .archive-produit .boite-filtre-produits {
    height: auto
  }

  .archive-produit>.row {
    width: auto
  }

  .archive-produit .boite-filtre-produits {
    padding-top: 120px
  }

  .archive-produit .boite-filtre-produits #complementary-filtre-mobile {
    display: block;
    color: white;
    font-weight: 700;
    font-size: 17px;
    padding-bottom: 30px;
    text-align: center
  }

  .archive-produit .content-right #produits-liste-wrapper .bloc-produit {
    flex-direction: column
  }

  .archive-produit .content-right #produits-liste-wrapper .bloc-produit img {
    width: 70%
  }

  .archive-produit .content-right #produits-bloc-wrapper .bloc-produit img {
    margin-top: 20px
  }

  .archive-produit h1 {
    padding-top: 40px;
    text-align: center
  }

  #produits-liste-wrapper .bloc-produit-titre {
    display: none
  }

  .archive-produit .boite-filtre-produits .border-top {
    display: none
  }

  .archive-produit .content-right #produits-bloc-wrapper .bloc-produit {
    height: auto;
    text-align: center
  }

  .archive-produit .content-right #produits-bloc-wrapper .bloc-produit img {
    width: 50%
  }

  .archive-produit .content-right #produits-bloc-wrapper .bloc-produit {
    border-top: 2px solid #104670;
    margin: 0 50px 50px 50px
  }

  .archive-produit .content-right .boite-titre .viewmode,
  .archive-produit .content-right .boite-titre label,
  .archive-produit .content-right .boite-titre input {
    display: none
  }

  .archive-produit .col-md-8,
  .archive-produit .col-md-9 {
    padding-left: 15px
  }

  .post-type-archive-documentation .voir-plus {
    margin-bottom: 0
  }

  #affiche-categories,
  #no-match {
    text-align: center
  }

  .archive-produit .boite-filtre-produits h1.before-content {
    display: block;
    padding-top: 0;
    color: white;
    font-size: 30px;
    margin-top: 0;
    padding-bottom: 10px
  }

  .archive-produit .content-right h1 {
    display: none
  }

  .archive-produit .content-right .boite-titre {
    margin-bottom: 10px;
    margin-top: 15px
  }

  #complementary-filtre-mobile::after {
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
    display: inline-block;
    position: relative;
    bottom: 0px;
    left: 10px;
    font-size: 15px
  }

  #complementary-filtre-mobile.filtres-ouvert:after {
    bottom: 1px;
    left: 17px;
    -webkit-transform-origin: 25% 45%;
    -moz-transform-origin: 25% 45%;
    -ms-transform-origin: 25% 45%;
    -o-transform-origin: 25% 45%;
    transform-origin: 25% 45%;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
  }

  .content-right-documentation h1 {
    display: none
  }

  .archive-produit .content-right .add-to-cart-related .cart {
    display: block
  }

  .archive-produit .content-right .add-to-cart-related form a.button {
    width: 150px
  }
}

@media (max-width: 480px) {
  .archive-produit .content-right #produits-bloc-wrapper .bloc-produit img {
    width: 95%
  }

  .archive-produit h1 {
    font-size: 30px;
    line-height: 34px
  }
}

#wrapper-contact-us-hero {
  background-image: url(img/bg-about-us.jpg);
  background-size: cover;
  padding: 85px 0
}

#wrapper-contact-us-hero .title {
  text-align: right;
  padding-right: 60px
}

#wrapper-contact-us-hero .title h1 {
  color: #00b2dd;
  position: relative
}

#wrapper-contact-us-hero .title h1::before {
  content: '';
  position: absolute;
  top: -30px;
  right: -35px;
  width: 2px;
  height: 170px;
  background-color: #00b2dd
}

#wrapper-contact-us-hero .row {
  display: flex
}

#wrapper-contact-us-hero .element {
  display: flex;
  align-items: center
}

#wrapper-contact-us-hero .element i {
  color: white;
  font-size: 40px
}

#wrapper-contact-us-hero .element li {
  list-style-type: none;
  color: white;
  padding: 0
}

#wrapper-contact-us-hero .element:last-of-type i {
  font-size: 45px
}

.texte-message {
  font-size: 14px;
  text-align: center;
  background-color: #021a34;
  margin-bottom: 0;
  color: white;
  transition: all 0.2s
}

.texte-message:last-of-type {
  padding-bottom: 20px
}

#sidebox .boutoncat-wrapper {
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px
}

#sidebox .boutoncat-wrapper a:first-of-type {
  margin-right: 50px;
  color: #00b2dd
}

#sidebox .boutoncat-wrapper a:first-of-type input[type=checkbox] {
  border: 1px solid #00b2dd
}

#sidebox .boutoncat-wrapper a:first-of-type input[type=checkbox]:checked::before {
  color: #00b2dd
}

#sidebox a {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  cursor: pointer;
  font-size: 16px;
  margin-bottom: 8px;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-weight: 500
}

#sidebox input[type=checkbox] {
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: 1px solid #104670;
  width: 14px;
  height: 14px;
  outline: none;
  transition-duration: 0.3s;
  cursor: pointer;
  position: relative;
  margin-right: 5px
}

#sidebox input[type=checkbox]:checked::before {
  content: '\f00c';
  display: block;
  font-family: "Font Awesome 5 Pro";
  color: #104670;
  position: absolute;
  top: -1px;
  font-size: 13px
}

#sidebox .bouton-cat {
  cursor: pointer;
  display: inline-block;
  color: #104670;
  text-align: center;
  font-size: 17px
}

#sidebox input[type=text],
#sidebox input[type=button],
#sidebox select {
  color: #00b2dd;
  padding: 8px 10px;
  margin-bottom: 12px;
  border-radius: 0;
  border: 1px solid black
}

#sidebox .search-wrapper {
  display: flex
}

#sidebox .search-wrapper #searchButton {
  margin-left: 30px
}

#sidebox #radiusSelect {
  width: 100%;
  margin-right: 30px
}

#sidebox .searchbox {
  padding: 30px 0px 20px 0;
  border-bottom: 1px solid #104670;
  margin-bottom: 0;
  margin-right: 20px
}

#sidebox .searchbox p {
  font-size: 20px;
  line-height: 22px;
  font-weight: 700;
  color: #104670;
  text-transform: uppercase;
  border-bottom: 1px solid #104670;
  padding-bottom: 6px
}

#sidebox .searchbox .allwidth {
  width: 100%
}

#sidebox input[type=button] {
  background-color: #00b2dd;
  color: white;
  border: 1px solid #00b2dd;
  width: 100%;
  padding: 0px;
  height: 36px;
  font-size: 17px;
  transition: all 0.2s
}

#sidebox input[type=button]:hover {
  background-color: #104670;
  border-color: #104670
}

#sidebox ::-webkit-input-placeholder {
  color: #00b2dd
}

#sidebox :-ms-input-placeholder {
  color: #00b2dd
}

#sidebox ::placeholder {
  color: #00b2dd
}

#sidebox .listebox-lieu {
  display: flex;
  padding: 30px 0 25px;
  cursor: pointer;
  border-bottom: 1px solid #104670;
  margin-right: 20px
}

#sidebox .listebox-lieu:first-of-type {
  padding-top: 20px
}

#sidebox .bloc-infos {
  margin-right: 10%;
  width: 100%
}

#sidebox .bloc-infos h4 {
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  padding-bottom: 15px
}

#sidebox .bloc-infos p {
  font-size: 14px
}

#sidebox .bloc-infos .telephone {
  color: #00b2dd;
  font-size: 18px;
  padding-top: 10px
}

#sidebox .bloc-infos .telephone i {
  color: #00b2dd;
  padding-right: 10px
}

#sidebox .bloc-contenu {
  width: 100%
}

#sidebox .bloc-contenu h4 {
  font-size: 18px;
  font-weight: 500;
  padding-bottom: 15px
}

#sidebox .bloc-contenu p {
  font-size: 14px
}

.gm-style .gm-style-iw-c {
  background-color: #021a34;
  border-radius: 0
}

.lieu-infowindow {
  padding: 10px 30px 30px 15px
}

.lieu-infowindow h3 {
  color: white;
  font-size: 18px
}

.lieu-infowindow p {
  color: white;
  font-size: 14px
}

.lieu-infowindow a {
  color: white
}

.lieu-infowindow .telephone {
  color: #00b2dd;
  font-size: 18px
}

.lieu-infowindow .telephone i {
  color: #00b2dd;
  padding-right: 10px
}

.gm-style-iw-d {
  overflow: visible !important
}

.gm-style-iw.gm-style-iw-c button img {
  fill: white !important;
  background-color: white
}

#listebox {
  margin-top: 10px;
  margin-bottom: 10px
}

#sidebox {
  padding-right: 30px
}

#sidebox .select {
  width: 100%
}

#sidebox .select::after {
  top: 10px !important
}

#sidebox ::-webkit-scrollbar {
  width: 8px
}

#sidebox ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  border-radius: 4px;
  border: 1px solid #104670
}

#sidebox ::-webkit-scrollbar-thumb {
  background: #104670;
  border-radius: 4px
}

#sidebox ::-webkit-scrollbar-thumb:hover {
  background: #00b2dd
}

#bouton-filtre-mobile {
  display: none
}

@media (max-width: 1680px) {
  #wrapper-contact-us-hero .element li {
    font-size: 16px
  }
}

@media (max-width: 1440px) {
  #wrapper-contact-us-hero .element ul {
    padding-left: 15px
  }

  #wrapper-contact-us-hero .element i {
    font-size: 30px
  }

  #wrapper-contact-us-hero .element:last-of-type i {
    font-size: 34px
  }

  #wrapper-contact-us-hero .element li {
    font-size: 16px;
    line-height: 22px
  }

  #wrapper-contact-us-hero .element li {
    font-size: 14px
  }
}

@media (max-width: 1199px) {
  #wrapper-contact-us-hero .title h1 {
    font-size: 36px;
    line-height: 42px
  }

  #wrapper-contact-us-hero .element {
    flex-direction: column;
    text-align: center
  }

  #wrapper-contact-us-hero .element:nth-of-type(3) {
    padding-left: 40px
  }

  #wrapper-contact-us-hero .element i {
    padding-bottom: 20px
  }

  #sidebox .listebox-lieu {
    flex-direction: column
  }

  #sidebox .boutoncat-wrapper a:first-of-type {
    margin-right: 10px
  }

  #sidebox #radiusSelect {
    margin-right: 10px
  }

  #sidebox .search-wrapper #searchButton {
    margin-left: 10px
  }
}

@media (max-width: 991px) {
  #wrapper-contact-us-hero .row {
    flex-direction: column
  }

  #wrapper-contact-us-hero .title h1 {
    padding: 40px 0 20px
  }

  #wrapper-contact-us-hero .title h1 br {
    display: none
  }

  #wrapper-contact-us-hero .title {
    text-align: center;
    padding-right: 0
  }

  #wrapper-contact-us-hero .element ul {
    padding-left: 0
  }

  #wrapper-contact-us-hero .element:nth-of-type(3) {
    padding-left: 0
  }

  #wrapper-contact-us-hero .element {
    padding: 20px 0
  }

  #wrapper-contact-us-hero {
    padding-bottom: 40px
  }

  #wrapper-contact-us-hero .element li {
    font-size: 18px
  }
}

@media (max-width: 767px) {
  #map-wrap {
    flex-direction: column-reverse;
    display: flex
  }

  #map-wrap #sidebox {
    padding-left: 30px
  }

  #map-wrap #sidebox .searchbox {
    margin-right: 0
  }

  #listebox {
    height: auto !important
  }

  #sidebox .listebox-lieu {
    margin-right: 0
  }

  #sidebox .listebox-lieu:last-of-type {
    margin-bottom: 10px
  }

  #map-wrap .searchbox {
    display: none
  }

  #bouton-filtre-mobile {
    display: block;
    text-align: center;
    font-size: 20px;
    color: #104670
  }

  #listebox {
    display: none
  }

  #sidebox>a {
    background-color: #00b2dd;
    padding: 10px 0px;
    margin: 20px 0;
    color: white
  }
}

.register-form-hero {
  padding: 50px 0 60px
}

.register-form-hero .contact-hero-all-cta a {
  text-transform: uppercase;
  margin: 10px 5px
}

.register-form-hero h1 {
  padding-bottom: 15px
}

.register-form-hero p {
  padding: 10px 0
}

#content .register-form-stack ul {
  padding-left: 0
}

@media (max-width: 1440px) {
  .wrapper-post .contenu .titre {
    font-size: 16px;
    line-height: 20px
  }

  .wrapper-post .contenu .cat {
    font-size: 15px
  }
}

@media (max-width: 991px) {
  .register-form-hero {
    padding: 120px 0 60px
  }

  .register-form-stack .margin-top-70 {
    margin-top: 50px !important
  }
}

@media (max-width: 480px) {
  .register-form-hero .contact-hero-all-cta a {
    display: block
  }
}

#banner-single-articles {
  max-height: 550px;
  overflow: hidden;
  padding-top: 50px
}

#banner-single-articles img {
  width: 100%
}

#content-single-articles {
  margin-top: 30px;
  margin-bottom: 70px
}

#content-single-articles .contenu h1 {
  font-size: 30px
}

#content-single-articles .contenu .date {
  color: #00b2dd
}

#content-single-articles .contenu .texte {
  padding: 10px 0 20px
}

#content-single-articles .contenu .texte div,
#content-single-articles .contenu .texte p {
  font-size: 17px;
  color: #104670
}

#banner-articles h1 {
  padding-bottom: 15px
}

#banner-articles .date {
  padding-top: 30px
}

#banner-articles .image img {
  width: 100%
}

.single-article-content {
  margin-bottom: 70px
}

.single-article-content div {
  color: #104670;
  font-size: 17px;
  font-family: "Roboto", sans-serif
}

.container.wrapper-post {
  margin-bottom: 70px
}

@media (max-width: 991px) {
  #banner-articles .image img {
    margin-top: 80px
  }

  .single-article-content {
    margin-bottom: 50px
  }
}

.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce {
  padding-top: 80px
}

.woocommerce-cart .woocommerce a,
.woocommerce-cart .woocommerce th,
.woocommerce-cart .woocommerce td,
.woocommerce-checkout .woocommerce a,
.woocommerce-checkout .woocommerce th,
.woocommerce-checkout .woocommerce td {
  font-size: 16px;
  line-height: 28px
}

.woocommerce-cart .cart {
  display: table
}

.woocommerce tr {
  display: table-row;
  color: #104670
}

.woocommerce table.shop_table {
  -webkit-border-radius: 0;
  border-radius: 0;
  width: 100%
}

.woocommerce .shop_table thead th {
  padding: 15px;
  border-top-width: 0px;
  border-top-style: solid;
  border-bottom-width: 0;
  border-bottom-style: solid;
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em
}

.woocommerce .woocommerce-cart-form .shop_table .product-remove {
  width: 60px;
  padding: 0 20px
}

.woocommerce .woocommerce-cart-form .shop_table .product-thumbnail {
  width: 96px;
  padding-left: 0;
  padding-right: 36px
}

.woocommerce .shop_table .product-thumbnail img {
  width: 60px;
  height: 60px
}

.woocommerce-cart a {
  color: #104670
}

.woocommerce table.shop_table td {
  padding: 16px
}

.woocommerce a.remove {
  font-size: 19px;
  line-height: 24px;
  font-weight: normal;
  text-indent: 1px;
  display: inline-block;
  width: 26px;
  height: 26px;
  margin: 0 1px;
  text-align: center;
  color: #104670 !important
}

.woocommerce a.remove:hover {
  color: #000 !important;
  background: transparent
}

.woocommerce a.remove a {
  color: #104670 !important
}

.woocommerce .coupon,
.woocommerce-form-coupon-toggle {
  display: none
}

.woocommerce .cart_totals {
  padding: 50px 0 70px
}

.woocommerce .cart_totals h2 {
  padding-bottom: 30px
}

.woocommerce .cart_totals table th,
.woocommerce .cart_totals table td {
  padding: 15px 20px
}

.woocommerce table.shop_table tbody:first-child tr:first-child td,
.woocommerce table.shop_table tbody:first-child tr:first-child th {
  font-weight: 400
}

.woocommerce .return-to-shop {
  margin-bottom: 70px
}

.woocommerce .return-to-shop a {
  background-color: #104670;
  color: white;
  border-radius: 0
}

.woocommerce .return-to-shop a:hover {
  background-color: #00b2dd;
  color: white
}

.woocommerce a.added_to_cart {
  background-color: #00b2dd;
  color: white;
  padding: 5px 20px;
  margin-top: 10px
}

#order_review_heading {
  padding-bottom: 20px
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
  background: transparent;
  border-radius: 0px
}

#payment {
  padding-bottom: 50px
}

#payment #respond input#submit.alt,
#payment a.button.alt,
#payment button.button.alt,
#payment input.button.alt {
  background-color: #104670;
  color: white;
  border-radius: 0;
  transition: all 0.2s;
  padding: 10px 25px;
  font-size: 18px;
  margin-top: 15px
}

#payment #respond input#submit.alt:hover,
#payment a.button.alt:hover,
#payment button.button.alt:hover,
#payment input.button.alt:hover {
  background-color: #00b2dd;
  color: white
}

.cart-subtotal th,
.cart-subtotal td {
  font-weight: 400 !important
}

.shop_table.woocommerce-checkout-review-order-table {
  color: #104670
}

.woocommerce .woocommerce-customer-details :last-child,
.woocommerce .woocommerce-order-details :last-child,
.woocommerce .woocommerce-order-downloads :last-child {
  color: #104670;
  font-size: 17px;
  line-height: 24px
}

.woocommerce-checkout .woocommerce .woocommerce-customer-details {
  margin-bottom: 70px
}

.woocommerce-checkout .woocommerce .woocommerce-customer-details p:first-of-type {
  padding-top: 10px
}

.woocommerce-order-received .woocommerce-notice--success {
  font-size: 26px;
  padding-bottom: 15px;
  font-weight: 700
}

.woocommerce-order-received #content ul {
  padding-left: 0
}

.woocommerce-order-received #content ul li {
  padding: 0 30px 0 0;
  font-size: 15px
}

@media (max-width: 991px) {
  .woocommerce-cart .woocommerce .woocommerce-cart-form {
    padding-top: 50px
  }
}

.single-emplois {
  margin: 0
}

#carriere-hero {
  background: url(img/bg-about-us.jpg) no-repeat;
  background-size: cover;
  text-align: center;
  padding: 50px 0 60px
}

#carriere-hero h1 {
  color: white
}

#carriere-hero p {
  padding-top: 20px;
  color: white
}

.archive-carriere-desc {
  padding-top: 80px;
  display: flex;
  align-items: center
}

.archive-carriere-desc img {
  width: 100%
}

.archive-carriere-desc h4 {
  font-weight: 700;
  padding-bottom: 20px
}

.archive-carriere-listing {
  padding: 80px 0 80px
}

.archive-carriere-listing h3 {
  font-weight: 500;
  text-transform: uppercase
}

.archive-carriere-listing .logo-3-bars {
  margin-left: 70px;
  margin-bottom: 40px
}

.archive-carriere-listing .logo-3-bars::before {
  top: -5px;
  left: -70px
}

.archive-carriere-listing .emplois-liste .emploi-single {
  padding: 27px 0;
  border-top: 1px solid #104670;
  border-bottom: 1px solid #104670;
  margin: 10px 0
}

.archive-carriere-listing .emplois-liste .emploi-single h4 {
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block
}

.archive-carriere-listing .emplois-liste .emploi-single h4 a {
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  color: #104670
}

.archive-carriere-listing .emplois-liste .emploi-single h4 a:hover {
  color: #00b2dd
}

.archive-carriere-listing .emplois-liste .emploi-single .cta {
  float: right;
  background-color: #00b2dd;
  padding: 7px 110px;
  color: white;
  font-size: 17px;
  position: relative;
  top: 3px;
  transition: all 0.2s;
  cursor: pointer
}

.archive-carriere-listing .emplois-liste .emploi-single .cta:hover {
  background-color: #104670
}

#footer .footer-box-5 .medias i {
  color: white;
  transition: all 0.2s
}

#footer .footer-box-5 .medias i:hover {
  color: #00b2dd
}

@media (max-width: 1440px) {
  .archive-carriere-listing {
    padding: 40px 0 60px
  }
}

@media (max-width: 1199px) {
  #carriere-hero h1 {
    font-size: 40px;
    line-height: 46px
  }
}

@media (max-width: 991px) {
  #carriere-hero {
    padding: 120px 0 60px
  }

  .archive-carriere-desc {
    display: block
  }

  .archive-carriere-desc h4 {
    padding-top: 10px
  }
}

@media (max-width: 768px) {
  .archive-carriere-desc {
    padding-top: 15px
  }

  .emplois-liste {
    text-align: center
  }

  .archive-carriere-listing .emplois-liste .emploi-single h4 {
    display: block;
    margin-bottom: 20px
  }

  .archive-carriere-listing .emplois-liste .emploi-single .cta {
    float: none;
    padding: 7px 70px
  }

  .archive-carriere-listing .emplois-liste .emploi-single {
    padding: 27px 0 45px
  }
}

.single-emplois i {
  padding-right: 10px
}

.single-emplois #content .entete-titre {
  text-align: center;
  padding-bottom: 50px;
  border-bottom: 1px solid #104670
}

.single-emplois #content .entete-titre h1 {
  padding-top: 50px;
  padding-bottom: 10px
}

.single-emplois #content .entete-titre p {
  color: #00b2dd;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 20px
}

.single-emplois #content h4 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700;
  margin: 20px 0
}

.single-emplois #content .titre-emploi {
  border-bottom: 1px solid #104670;
  padding-bottom: 20px;
  margin-bottom: 50px
}

.single-emplois #content .titre-emploi h1 {
  padding-top: 70px;
  text-align: center
}

.single-emplois #content .single-emplois {
  padding-top: 40px;
  padding-bottom: 60px
}

.single-emplois #content .single-emplois .emploi-sommaire p {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 6px
}

.single-emplois #content .single-emplois .emploi-sommaire p:nth-of-type(1) {
  padding-left: 5px
}

.single-emplois #content .single-emplois .emploi-sommaire p:nth-of-type(1) i {
  display: inline-block;
  position: relative;
  left: -3px
}

.single-emplois #content .single-emplois .emploi-exigences p {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 6px
}

.single-emplois #content .single-emplois .emploi-description {
  font-size: 18px;
  color: #104670;
  margin-top: 40px
}

.single-emplois #content .single-emplois .emploi-description h4:first-of-type {
  font-size: 30px;
  line-height: 36px;
  padding-left: 50px
}

.single-emplois #content .single-emplois .emploi-description .spacer {
  margin-bottom: 20px
}

.single-emplois #content .single-emplois .emploi-description p {
  font-size: 18px;
  line-height: 24px
}

.single-emplois #content .single-emplois-desc {
  padding-bottom: 50px
}

.single-emplois #content .single-emplois-desc .emploi-sommaire {
  font-size: 17px;
  color: #104670
}

.single-emplois #content .single-emplois-desc .emploi-sommaire h3 {
  text-transform: uppercase
}

.single-emplois #content .single-emplois-desc .emploi-sommaire .logo-3-bars {
  margin-left: 50px;
  margin-bottom: 10px
}

.single-emplois #content .single-emplois-desc .emploi-sommaire .logo-3-bars::before {
  top: -3px;
  left: -50px
}

.single-emplois #content .single-emplois-desc .emploi-sommaire,
.single-emplois #content .single-emplois-desc .emploi-avantages,
.single-emplois #content .single-emplois-desc .emploi-exigences {
  font-size: 17px;
  line-height: 22px;
  color: #104670
}

.single-emplois #content .single-emplois-desc .emploi-sommaire p i,
.single-emplois #content .single-emplois-desc .emploi-avantages p i,
.single-emplois #content .single-emplois-desc .emploi-exigences p i {
  font-size: 17px;
  padding-right: 10px
}

.single-emplois #content .emploi-formulaire {
  padding-top: 40px;
  margin-bottom: 70px
}

.single-emplois #content .emploi-formulaire form .gform_title {
  border-bottom: 1px solid #104670;
  padding-bottom: 3px
}

.single-emplois #content .emploi-formulaire .select::after {
  top: 12px !important
}

.single-emplois #content .emploi-formulaire .title {
  text-transform: uppercase;
  border-bottom: 1px solid #104670;
  padding-bottom: 7px
}

.single-emplois #content .emploi-formulaire ul {
  padding-left: 0
}

.single-emplois #content .emploi-formulaire ul li {
  padding: 0 !important
}

.single-emplois .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  width: 100%
}

.single-emplois .gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type=submit] {
  width: 100%
}

.single-emplois .gform_wrapper .gform_footer {
  margin-top: 0;
  padding: 0
}

.single-emplois .gform_wrapper .gform_footer input.button {
  width: auto
}

@media (max-width: 991px) {
  .single-emplois #content .entete-titre h1 {
    padding-top: 120px
  }
}

@media (max-width: 767px) {
  .single-emplois #content .single-emplois {
    padding-bottom: 0
  }

  .single-emplois #content .emploi-formulaire {
    padding-top: 0
  }

  .single-emplois .gform_wrapper .gform_footer input.button {
    width: 100%
  }
}

@media (max-width: 480px) {
  .single-emplois #content .single-emplois .emploi-description h4:first-of-type {
    font-size: 26px
  }

  .single-emplois #content .single-emplois {
    padding-top: 10px
  }

  .single-emplois #content .entete-titre {
    padding-bottom: 40px
  }
}

#top-banner {
  padding: 15px 0 20px;
  z-index: 99999;
  position: relative;
  background-color: white;
  padding-left: 15px;
  padding-right: 15px
}

#close-banner {
  padding-top: 50px;
  font-size: 24px;
  cursor: pointer;
  color: #104670;
  transition: all 0.2s
}

#close-banner:hover {
  color: #00b2dd
}

@media (max-width: 991px) {
  #top-banner.container-fluid {
    margin-top: 75px
  }
}

@media (max-width: 767px) {
  #top-banner .col-sm-1.col-xs-1 {
    position: absolute;
    right: 15px
  }
}

/*# sourceMappingURL=style.css.map */