body {
  overflow-x: hidden;
  font-family: "Ubuntu", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.navigation,
.breadcrumbs,
.page-header .header.panel,
.header.content,
.footer.content,
.page-wrapper > .widget,
.page-wrapper > .page-bottom,
.block.category.event,
.top-container,
.page-main {
}
header.page-header .header.panel {
  padding: 0;
  /* position: relative; */
  margin-bottom: 53px;
  height: 90px;
  transition: height 0.2s;
}
header.page-header {
  background: #fefefe;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
  height: 91px;
  box-shadow: 1px 52px 20px rgba(6, 5, 5, 60%);
  transition: all 0.2s;
}

header.page-header .panel.wrapper {
}
.cms-index-index .page-wrapper {
  background: url(../images/hero.svg) no-repeat;
  background-size: contain;
}
.catalog-category-view .page-wrapper,
.cms-home_a4 .page-wrapper,
.cms-index-view .page-wrapper,
.catalog-product-view .page-wrapper {
  margin-top: 144px !important;
}
.page-wrapper {
  margin-top: 180px !important;
}
.fotorama__stage__frame .fotorama__img {
  height: 100% !important;
}
.catalog-product-view .page-main {
  margin-top: 32px;
}
.page-main {
  margin-top: 0;
}
.form.password.reset,
.form.send.confirmation,
.form.password.forget,
.form.create.account,
.form.search.advanced,
.form.form-orders-search {
  width: 100% !important;
}
#addT,
#removeTh {
  color: #000;
  font-size: 35px;
  font-weight: bold;
}

a,
.alink {
  color: #c0091b;
  text-decoration: none;
}
a:visited,
.alink:visited {
  color: #c0091b;
  text-decoration: none;
}
a:hover,
.alink:hover {
  color: #c0091b;
  text-decoration: underline;
}
a:active,
.alink:active {
  color: #c0091b;
  text-decoration: underline;
}
.minicart-wrapper .action.showcart .counter.qty {
  background: #c0091b;
}

/* Home page */
.vous-recherchez h2,
.ressources-tele h2,
.vous-recherchez h1,
.cms-page-view .column.main > h1,
.cms-page-view .column.main > h3,
.cms-page-view .column.main > h2,
.ressources-tele h1 {
  text-align: center;
  letter-spacing: 0px;
  color: #004696;
  font-size: 25px;
  font-weight: 600;
  line-height: 21px;
  font-family: "Ubuntu";
  margin: 0;
  position: relative;
  margin-bottom: 60px;
}
.cms-page-view .column.main > h3 {
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 2px;
}
.vous-recherchez h2:after,
.cms-page-view .column.main > h1:after,
.cms-page-view .column.main > h2:after {
  width: 150px;
  height: 0px;
  border: 2px solid #c0091b;
  opacity: 1;
  text-align: left;
  content: " ";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 38px;
}

.bloc-mid {
  margin-top: 26px;
}

.vous-recherchez .entete,
.ressources-tele .entete {
  margin-bottom: 40px;
}

.vous-recherchez .sous-titre {
  text-align: center;
  letter-spacing: 0px;
  color: #b4b4b4;
  font-size: 15px;
  font-weight: 600;
  line-height: 33px;
  font-family: "Ubuntu";
  font-weight: 400;
}
.top-home .droite {
  position: relative;
}
.top-home .droite p {
  position: absolute;
  top: 30px;
  left: -14px;
  background: #fff;
  padding: 9px 14px;
  border-radius: 16px;
  margin: 0;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}
.top-home .droite p > a {
  color: #c0091b;
}
.top-home .droite p > a:hover {
  text-decoration: none;
}
.page_cata {
  width: 400px;
  height: 600px;
  background: #fff;
  border-left: 20px solid #ff2929;
  transform: rotate(31deg) skewX(-6deg) scale(0.4);
  box-shadow: 20px 19px 50px rgba(0, 0, 0, 0.5);
  transition: all 0.2s;
  filter: blur(0px);
}

.page_cata:hover {
  transform: rotate(31deg) skewX(-6deg) scale(0.45);
}

.page_cata img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page_cata:before {
  content: "";
  width: 20px;
  height: 100%;
  background: #ccc;
  position: absolute;
  top: 0;
  right: 0;
  transform: skewY(41deg) translate(21px, -8px);
}

.page_cata:after {
  content: "";
  width: 105%;
  height: 20px;
  background: #ccc;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: skewX(49deg) translate(-31px, 20px);
}

.corps .bloc .titre-bloc {
  text-align: center;
  letter-spacing: 0px;
  opacity: 1;
  font-size: 18px;
  font-weight: 600;
  line-height: 31px;
  color: #c0091b;
  font-family: "Ubuntu";
  margin-top: 285px;
}

.corps .bloc .txt-bloc {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
  font-family: "Ubuntu";
  letter-spacing: 0px;
  color: #4e4e4e;
}

.corps {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.corps .bloc {
  margin-bottom: 30px;
  width: 33%;
}
.corps .bloc:hover {
  text-decoration: none;
}
.vous-recherchez .corps .bloc {
  display: flex;
  flex-direction: column;
}
.vous-recherchez h2 {
}
.vous-recherchez .corps .bloc img {
  max-width: 320px;
  margin: 0 auto;
  height: 240px;
  object-fit: cover;
  border: 5px solid #fff;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  transition: all 0.2s;
}
.vous-recherchez .corps .bloc:hover img {
  transform: translateY(-5px);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
}
.vous-recherchez .corps .bloc:hover {
  text-decoration: none;
}
.vous-recherchez .corps .bloc h3 {
  text-align: center;
  color: #c0091b;
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  font-family: "Ubuntu";
  margin-bottom: 7px;
  margin-top: 19px;
}
.vous-recherchez .corps .bloc p {
  text-align: center;
  letter-spacing: 0px;
  color: #886c70;
  opacity: 1;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  font-family: "Ubuntu";
  padding: 0 16px;
  margin-bottom: 16px;
}

.ressources-tele .corps .left {
  width: 195px;
  padding-left: 21px;
}

.ressources-tele .corps .bloc {
  display: flex;
  flex-direction: row;
  height: 150px;
  width: 324px;
  margin: 16px;
  background-position: right;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px;
  opacity: 1;
  position: relative;
}

.ressources-tele .corps .bloc .txt-bloc,
.Ressources-tele .corps .bloc .titre-bloc {
  text-align: left;
}

.ressources-tele .corps .bloc .titre-bloc {
  text-align: left;
  letter-spacing: 0px;
  color: #c0091b;
  opacity: 1;
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  color: #c0091b;
  font-family: "Ubuntu";
  margin-bottom: 7px;
  margin-top: 19px;
}

.ressources-tele .corps .bloc .txt-bloc {
  text-align: left;
  letter-spacing: 0px;
  color: #886c70;
  opacity: 1;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  font-family: "Ubuntu";
}

.ressources-tele .corps {
  justify-content: center;
}
.ressources-tele img {
  width: 130px;
  height: 150px;
  position: absolute;
  top: 0;
  right: 0;
  justify-content: space-between;
  object-fit: cover;
  z-index: -1;
  border-radius: 0 10px 10px 0;
}
.ressources-tele .bloc:after {
  content: "";
  width: 130px;
  height: 150px;
  position: absolute;
  top: 0;
  right: 130px;
  background: #fff;
  z-index: -1;
  transform-origin: 100% 100%;
  transform: skewX(-27deg);
  transition: all 0.2s;
}
.ressources-tele .bloc {
  transition: all 0.2s;
}
.ressources-tele .bloc:hover {
  transform: translateY(-5px);
}
.ressources-tele .bloc:hover:after {
  transform: skewX(-27deg) translateX(10px);
}

.ressources-tele h1 {
  margin-bottom: 73px;
}

body .page-header .panel.wrapper {
  background: #fff;
}

body .page-header .panel-wrapper .logo {
  width: 94px;
  height: auto;
  margin-bottom: 4px;
  margin-right: 38px;
}

.header-body {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.header-body .logo {
  width: 97px;
  height: 72px;
  margin-top: 9px;
  margin-bottom: 9px;
  margin-right: 38px;
  margin-left: 38px;
  order: 1;
  transition: all 0.2s;
}
.header-body .logo img {
  width: 100%;
  height: 100%;
}
.header-body .block.block-search {
  order: 2;
  margin-right: 45px;
}
.header-body .block.block-search ::placeholder {
  color: #c1b2b4 !important;
  font-family: "Ubuntu";
}
.header-body .block.block-search #search {
  width: 260px;
  height: 33px;
  border-radius: 16px;
  padding-left: 19px;
  padding-right: 9px;
  color: #333 !important;
  font-family: "Ubuntu";
  border-color: #c1b2b4 !important;
  font-size: 12px;
}
.header-body .block.block-search #search:focus {
  border-color: #c0091b !important;
  box-shadow: none;
}
.block-search .action.search {
  opacity: 1 !important;
  right: 3px;
  top: 8px !important;
}
.block-search .action.search:before {
  width: 18px;
  height: 18px;
  content: "" !important;
  background: url(/pub/media/theme/a4/icon_search.svg);
}
.cart-summary {
  position: unset !important;
}
.header-body .order-by-ref {
  order: 3;
  margin-left: auto;
}
.header-body .sav {
  order: 4;
}
.header-body .minicart-wrapper.amquote-cart-wrapper {
  order: 6;
}
.header-body .minicart-wrapper {
  margin-left: auto;
  order: 5;
}
.header-body > .account {
  order: 7;
}

.header-body .order-by-ref {
  width: 165px;
  height: 33px;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #c0091b;
  border-radius: 7px 0px 0px 7px;
  opacity: 1;
  position: relative;
  margin-right: -1px;
}
.header-body .order-by-ref:after {
  content: "";
  position: absolute;
  top: 10px;
  right: 9px;
  background: url(/pub/media/theme/a4/icon_order.svg);
  width: 22px;
  height: 15px;
}

.header-body .order-by-ref a {
  text-align: left;
  font-weight: 600;
  font-size: 9px;
  line-height: 13px;
  font-family: "Ubuntu";
  letter-spacing: 0px;
  color: #c0091b;
  opacity: 1;
  margin: 4px 16px 0 10px;
  display: block;
  font-size: 13px;
}

.header-body .sav {
  width: 160px;
  height: 33px;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #c0091b;
  border-radius: 0px 7px 7px 0px;
  opacity: 1;
  position: relative;
}
.header-body .sav:after {
  content: "";
  position: absolute;
  top: 9px;
  right: 9px;
  background: url(/pub/media/theme/a4/icon_mail.svg);
  width: 17px;
  height: 14px;
}

.header-body .sav a {
  text-align: left;
  font-weight: 600;
  font-size: 9px;
  line-height: 13px;
  font-family: "Ubuntu";
  letter-spacing: 0px;
  color: #c0091b;
  opacity: 1;
  margin: 4px 26px 0 10px;
  display: block;
  font-size: 13px;
}

.header-body .action.showcart {
  display: flex;
  align-items: center;
  font-family: "Ubuntu";
  font-weight: 600;
  color: #251d1e;
  font-size: 15px;
}
.header-body .action.showcart:hover > span {
  opacity: 0.7;
}

.header-body .action.showcart:before {
  content: none;
}

.header-body .action.showcart.active:before {
  content: none;
}
.minicart-wrapper .action.showcart.active {
  display: flex !important;
}
.minicart-wrapper .block-minicart {
  right: -4px;
  color: #251d1e;
}
header.page-header .panel.header .header-menu .navigation ul .level0 .submenu a > span {
  color: #251d1e;
}

.header-body .action.showcart .custom-text {
  padding-right: 4px;
}
.header-body .action.showcart .cart-icon {
  width: 30px;
  background: #004696;
  height: 30px;
  border-radius: 50%;
  position: relative;
  margin-left: 6px;
}
.header-body .action.showcart .cart-icon:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 6px;
  width: 17px;
  height: 14px;
  background: url(/pub/media/theme/a4/icon_cart_white.svg) no-repeat;
  background-size: contain;
}
.header-body .action.showcart .cart-icon .counter.qty,
.header-body .action.amquote-showcart .counter.qty {
  font-family: "Ubuntu";
  font-weight: 600;
  color: #fff;
  position: absolute;
  z-index: 2;
  border-radius: 12px;
  background: #c0091b;
  font-size: 12px;
  min-width: 10px;
  height: 15px;
  line-height: 15px;
  right: -5px;
  bottom: -5px;
}
.header-body .account {
  display: flex;
  align-items: center;
  margin-left: 32px;
}
.header-body .account .links {
  display: flex !important;
  flex-direction: column;
  text-align: right;
  line-height: 15px;
}
.header-body .account .links a {
  color: #c0091b;
  font-family: "Ubuntu";
  font-weight: 600;
  font-size: 12px;
}
.header-body .account .links a:first-child {
  color: #251d1e;
  font-size: 15px;
}
.header-body .account .links a:hover {
  text-decoration: none;
}
.header-body .account .links a:hover {
  opacity: 0.7;
}
.header-body .account .icon_account {
  width: 30px;
  background: #c0091b;
  height: 30px;
  border-radius: 50%;
  position: relative;
  margin-left: 6px;
  position: relative;
}
.header-body .account .icon_account:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  width: 18px;
  height: 18px;
  background: url(/pub/media/theme/a4/icon_user_white.svg) no-repeat;
  background-size: contain;
}

.scrolled .header-body .logo {
  height: 52px;
  width: 70px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.scrolled header.page-header {
  box-shadow: 1px 29px 20px rgba(6, 5, 5, 60%);
}
.scrolled header.page-header .header.panel {
  height: 63px;
}
.scrolled .header-menu {
  top: 64px;
}

.header-menu {
  width: 100vw;
  left: 0;
  position: absolute;
  background: transparent linear-gradient(180deg, #c0091b 0%, #be091a 100%) 0% 0% no-repeat
    padding-box;
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.3), -1px 2px 20px rgb(157 6 6 / 20%);
  top: 91px;
  transition: top 0.2s;
}

.header-menu .navigation {
  background: transparent linear-gradient(180deg, #c0091b 0%, #be091a 100%) 0% 0% no-repeat
    padding-box;
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.3);
}

.header-menu .navigation a span {
  text-align: center;
  letter-spacing: 0px;
  color: #f5f2f3;
  opacity: 1;
  font-size: 12px;
  font-weight: 600;
  line-height: 13px;
  font-family: "Ubuntu";
  text-transform: uppercase;
  text-decoration: none;
  margin-top: -3px;
}

.header-menu .navigation ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}

.header-menu .navigation .level0 {
  width: 12%;
  margin: 0;
}

.header-menu .navigation .level0 > .level-top {
  line-height: initial;
  width: auto;
  padding: 7px 25px;
  border-left: 1px solid #f178786e;
  height: 53px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-menu .navigation li.level0 {
  flex-grow: 1;
}
.navigation .level0.active > .level-top,
.navigation .level0.has-active > .level-top {
  border: none !important;
  border-left: 1px solid #f178786e !important;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  background: rgba(255, 255, 255, 0.2);
}
.navigation .level0:hover > .level-top {
  background: #353535;
}
.header-menu .navigation .level0 > .level-top.last {
  border-right: 1px solid #f178786e;
}

footer.page-footer {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  background: none;
}

footer.page-footer .sousfooter {
  order: 4;
  background: #000;
  height: 32px;
}

footer.page-footer .surfooter {
  order: 2;
  background: transparent url(../images/fond-blanc.svg);
  height: 224px;
  display: flex;
  padding-bottom: 11px;
  background-size: cover;
  filter: drop-shadow(0 -4mm 2mm rgb(0, 0, 0, 0.05));
  margin-top: -200px;
}

footer.page-footer .surfooter > .surfooter {
  display: flex;
  flex-direction: row;
  max-width: 100%;
  margin: auto;
  justify-content: space-between;
  align-items: flex-end;
  background: none;
  filter: none;
  width: 1280px;
}

footer.page-footer .footer-header {
  order: 1;
  background: transparent url("../images/ombres-rouges.png") no-repeat;
  height: 433px;
  background-position-x: center;
  background-size: 100% 100%;
}

footer.page-footer .footer.row {
  order: 3;
  background: transparent url(../images/fond-rouge.svg);
  background-size: cover;
  background-position-y: 0;
  padding-top: 50px;
}

footer.page-footer .sousfooter .liste-liens {
  width: 400px;
  margin: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}

footer.page-footer .sousfooter .liste-liens a {
  text-align: center;
  letter-spacing: 0.48px;
  color: #808080;
  opacity: 1;
  font-weight: 400;
  font-size: 10px;
  line-height: 17px;
  font-family: "Ubuntu";
}

footer.page-footer .footer .footer-main-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: 1280px;
  flex-wrap: wrap;
  margin: auto;
}

footer.page-footer .footer.row .footer-block1 {
  width: 100%;
  margin-top: 27px;
  margin-bottom: 15px;
}

footer.page-footer .footer.row .footer-block2 {
  width: 239px;
}

footer.page-footer .footer.row .footer-block3 {
  width: 195px;
}

footer.page-footer .footer.row .footer-block4 {
  width: 195px;
}

footer.page-footer .footer.row .footer-block5 {
  width: 290px;
}

footer.page-footer .surfooter .txt-surfooter {
  text-align: center;
  font-size: 15px;
  line-height: 22px;
  font-weight: 600;
  font-family: "Ubuntu";
  letter-spacing: 0px;
  color: #004696;
  opacity: 1;
}

footer.page-footer .surfooter .bloc {
  width: 160px;
  text-align: center;
  display: flex;
  flex-direction: column;
  height: 122px;
}

.footer-logo img {
  background: #fff;
  padding: 21px 8px;
}

.footer-infos {
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  font-family: "Ubuntu";
  letter-spacing: 0px;
  color: #fff;
  display: flex;
  flex-direction: column;
}

.footer-infos span {
  margin-bottom: 15px;
}

.footer-infos a {
  color: #fff;
}

.footer-infos .rose {
  font-size: 17px;
  color: #f5c3c3;
}

.footer-liens h3 {
  text-align: left;
  font-size: 10px;
  line-height: 17px;
  font-weight: 800;
  font-family: "Ubuntu";
  letter-spacing: 1.61px;
  color: #f17878;
  text-transform: uppercase;
  margin-top: 0;
  opacity: 1;
}

.footer-liens .liste-footer {
  display: flex;
  flex-direction: column;
}

.footer-liens .liste-footer a {
  text-align: left;
  font-size: 12px;
  line-height: 17px;
  font-family: "Ubuntu";
  font-weight: 400;
  letter-spacing: 0.13px;
  color: #ffffff;
  opacity: 1;
  position: relative;
  margin-bottom: 10px;
  padding-left: 15px;
}

.footer-liens .block-paiement {
  background: #fff;
  display: flex;
  flex-direction: column;
  padding: 15px;
  border-radius: 8px;
  border: 2px solid #ffffff30;
  margin-bottom: 18px;
  margin-top: 49px;
}

.footer-liens .block-paiement span {
  text-align: left;
  font-size: 10px;
  margin-bottom: 6px;
  line-height: 17px;
  font-family: "Ubuntu";
  font-weight: 400;
  letter-spacing: 0.48px;
  color: #4e4e4e;
  opacity: 1;
}

.surfooter .img-surfooter {
  height: 78px;
}

.footer-infos span.tel {
  position: relative;
  padding-left: 21px;
  margin-top: 15px;
}
.footer-infos span.tel::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 2px;
  width: 8px;
  height: 12px;
  background-image: url(../images/Icon-material-smartphone.svg);
}

.footer-infos a {
  position: relative;
  padding-left: 20px;
}

.footer-infos a::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  width: 12px;
  height: 13px;
  background-image: url(../images/Icon-material-perm-contact-calendar.svg);
}

.footer-liens .liste-footer a::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 6px;
  height: 10px;
  background-image: url(../images/Icon-feather-chevron-right.svg);
}

.footer-header .nl-container {
  max-width: 1280px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.footer-header .nl-container > h2 {
  width: 100%;
  text-align: center;
  letter-spacing: 0px;
  color: #004696;
  opacity: 1;
  font-size: 25px;
  font-weight: 600;
  line-height: 34px;
  font-family: Ubuntu;
  margin-bottom: 41px;
  position: relative;
}

.footer-header .nl-container .block.newsletter {
  width: 50%;
  max-width: 50%;
}

.footer-header .nl-container .block-rs {
  width: 50%;
}

.footer-header .nl-container .title {
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  font-family: Ubuntu;
  letter-spacing: 0px;
  color: #004696;
  opacity: 1;
  max-width: 324px;
  margin: auto;
  margin-bottom: 13px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-header .nl-container .block.newsletter input {
  max-width: 445px;
  min-width: 145px;
  height: 37px;
  border-radius: 19px;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #dedede;
  letter-spacing: 0.67px;
  color: #c1b2b4;
  opacity: 1;
  font-size: 14px;
  line-height: 17px;
  font-family: Ubuntu;
  font-weight: 400;
  padding-left: 23px;
}

.footer-header .nl-container .block.newsletter .field .control {
  position: relative;
}

.footer-header .nl-container .block.newsletter .field .control:before {
  content: "";
  position: absolute;
  top: 3px;
  left: -43px;
  width: 29px;
  height: 29px;
  background-image: url(../images/Icon-awesome-envelope-open-text.svg);
  margin: 0;
}

.footer-header .nl-container .block.newsletter .action.subscribe {
  background: #c0091b 0% 0% no-repeat padding-box;
  border-radius: 19px;
  opacity: 1;
  border: none;
}

.footer-header .nl-container .block.newsletter .action.subscribe span {
  text-align: center;
  font: Bold 10px/17px Ubuntu;
  letter-spacing: 0.48px;
  color: #ffffff;
  opacity: 1;
  text-transform: uppercase;
}

.footer-header .nl-container .block.newsletter .form.subscribe {
  position: relative;
}

.footer-header .nl-container .block.newsletter .actions {
  display: block;
  position: absolute;
  top: 3px;
  right: 3px;
  width: auto;
}

.footer-header .nl-container .block.newsletter .content {
  max-width: 445px;
  margin: auto;
}

.footer-header .block-rs .content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 196px;
  margin: auto;
}

.footer-header .block-rs .content a {
  width: 32px;
  height: 32px;
  display: block;
  position: relative;
}

.footer-header .block-rs .content a.youtube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-image: url(../images/Icon-awesome-youtube-square.svg);
  margin: 0;
}

.footer-header .block-rs .content a.linkedin:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-image: url(../images/Icon-awesome-linkedin.svg);
  margin: 0;
}

.footer-header .block-rs .content a.facebook:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-image: url(../images/Icon-awesome-facebook-square.svg);
  margin: 0;
}

.footer-header .block-rs .content a.twitter:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-image: url(../images/Icon-awesome-twitter-square.svg);
  margin: 0;
}

.footer-header .nl-container h2:after {
  width: 150px;
  height: 0px;
  border: 2px solid #c0091b;
  opacity: 1;
  text-align: left;
  content: " ";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 46px;
}

.vous-recherchez h1:after,
.ressources-tele h1:after {
  width: 150px;
  height: 0px;
  border: 2px solid #c0091b;
  opacity: 1;
  text-align: left;
  content: " ";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 46px;
}

.vous-recherchez h1:after {
  top: 60px;
}

.slider-cms {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 1004px;
  margin: auto;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 85px;
  background: white;
}

.slider-cms .slider {
  width: 574px;
  height: 340px;
}
.slider-cms .slider .owl-item {
  height: 340px;
}
.slider-cms .slider .owl-item .item > .container {
  height: 340px;
  width: 100%;
  display: block;
}
.slider-cms .slider .owl-item .item {
  height: 340px;
  width: 100%;
  display: block;
  position: relative;
}
.slider-cms .slider .owl-item .item > img {
  height: calc(100% - 95px);
  width: 100%;
  object-fit: cover;
}
.slider-cms .slider .owl-item .item > .info {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 95px;
  width: 100%;
  background: #c0091b;
  box-sizing: border-box;
  padding: 14px 16px;
}
.slider-cms .slider .owl-item .item > .info > h2 {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  margin: 0 0 7px 0;
}
.slider-cms .slider .owl-item .item > .info > p {
  font-size: 12px;
  color: #feb7b7;
  margin: 0;
}
.slider-cms .owl-theme .owl-dots {
  text-align: right;
  -webkit-tap-highlight-color: unset;
  margin-top: -120px;
  z-index: 9099999;
  position: relative;
  margin-right: 8px;
}
.slider-cms .owl-theme .owl-dots .owl-dot {
  box-shadow: none;
}
.slider-cms .owl-theme .owl-dots .owl-dot.active {
  box-shadow: none;
}
.slider-cms .owl-theme .owl-dots .owl-dot span {
  margin: 5px 4px !important;
  background: rgba(255, 255, 255, 0.4);
}
.slider-cms .owl-theme .owl-dots .owl-dot:hover span,
.slider-cms .owl-theme .owl-dots .owl-dot.active span {
  background: #fff;
}

.slider-cms .cms {
  width: 425px;
}

.slider-cms .cms .block {
  margin-bottom: 0;
  min-height: 66px;
  padding: 22px 16px 22px 21px;
}

.slider-cms .cms .block .txt {
  text-align: left;
  font-size: 12px;
  line-height: 16px;
  font-family: Ubuntu;
  font-weight: 400;
  letter-spacing: 0px;
  width: 225px;
  color: #886c70;
  opacity: 1;
}

.slider-cms .cms .block .titre {
  text-align: left;
  font-family: Ubuntu;
  font-size: 18px;
  line-height: 21px;
  font-weight: 800;
  letter-spacing: -0.36px;
  color: #251d1e;
  margin-bottom: 7px;
  opacity: 1;
}

.slider-cms .cms .block.ressources {
  background: url(../images/Groupe_9.png) no-repeat;
  background-position: 262px 22px;
}

.slider-cms .cms .block.accompagnement {
  background: url(../images/Groupe-16.png) no-repeat;
  background-position: 262px 22px;
}

.slider-cms .cms .block.assistance {
  background: url(../images/Groupe-91.png) no-repeat;
  background-position: 262px 22px;
}

.top-home {
  display: flex;
  flex-direction: row;
  height: 291px;
  margin-bottom: 41px;
}
.top-home h1 {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  width: 100%;
  height: 72px;
}
.top-home .word {
  position: absolute;
  width: 600px;
  opacity: 0;
}
.top-home .letter {
  display: inline-block;
  position: relative;
  float: left;
  transform: translateZ(25px);
  transform-origin: 50% 50% 25px;
}

.top-home .letter.out {
  transform: rotateX(90deg);
  transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.top-home .letter.behind {
  transform: rotateX(-90deg);
}

.top-home .letter.in {
  transform: rotateX(0deg);
  transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.top-home .gauche {
  width: 62%;
}

.top-home .droite {
  width: 38%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.top-home .droite span {
  margin-top: 16px;
  font-size: 14px;
  font-weight: bold;
}

.top-home .droite img {
  border-radius: 3px;
  box-shadow: 0 0 50px 20px rgba(0, 0, 0, 0.3);
}

.top-home h1 {
  text-align: left;
  color: #251d1e;
  text-shadow: 0px 2px 0px #ffffff45;
  opacity: 1;
  text-transform: uppercase;
  font-family: Ubuntu;
  font-weight: 700;
  font-size: 66px;
  margin-bottom: 16px;
  margin-top: 16px;
}

.top-home .soustitre {
  text-align: left;
  font: 600 10px/11px Ubuntu;
  letter-spacing: 1.16px;
  color: #886c708f;
  text-transform: uppercase;
  opacity: 1;
  margin-bottom: 24px;
}

footer.page-footer .footer.row .footer-block1 .footer-logo {
  width: 114px;
  height: 114px;
  margin-bottom: 20px;
  border-radius: 50%;
  background: white;
  overflow: hidden;
}
.top-home .surtitre {
  text-align: left;
  font: Bold 15px/17px Ubuntu;
  letter-spacing: 1.33px;
  color: #c0091b;
  text-shadow: 0px 2px 0px #ffffff45;
  opacity: 1;
  margin-top: 66px;
}

.top-home .btn-home {
  width: auto;
  height: 36px;
  background: transparent linear-gradient(52deg, #c0091b 0%, #e30d05 100%) 0% 0% no-repeat
    padding-box;
  box-shadow: 0px 4px 15px #c0091b70;
  border-radius: 300px;
  opacity: 1;
  text-align: left;
  font: Bold 12px/14px Ubuntu;
  letter-spacing: 2.47px;
  color: #ffffff;
  text-transform: uppercase;
  opacity: 1;
  display: inline-flex;
  align-items: center;
  padding: 1px 21px;
  cursor: pointer;
  transition: all 0.2s;
}
.top-home .btn-home img {
  width: 14px;
  height: 10px;
  margin-left: 10px;
  transition: all 0.2s;
}
.top-home .btn-home:hover {
  filter: brightness(1.2);
  text-decoration: none;
}
.top-home .btn-home:hover img {
  margin-left: 16px;
}

.top-home .droite span {
  text-align: right;
  font: Medium 13px/25px Ubuntu;
  letter-spacing: 0.73px;
  color: #ffffff;
  text-transform: uppercase;
  opacity: 1;
}

.action.primary {
  background: #c0091b;
  border: 1px solid #c0091b;
  font-family: "Ubuntu", Helvetica, Arial, sans-serif;
  transition: all 0.2s;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.action.primary:focus,
.action.primary:active {
  background: #e6172b;
  border: 1px solid #e6172b;
  color: #ffffff;
}
.action.primary:hover {
  background: #e6172b;
  border: 1px solid #e6172b;
  color: #ffffff;
  transform: translateY(-1px);
}
.prod .toolbar-products:first-of-type {
  display: none;
}
.prod .products {
  margin-top: 0 !important;
}
.page-layout-1column .toolbar-products {
  position: static !important;
}
.page-layout-1column .toolbar-products .toolbar-amount {
  display: none;
}
.products-grid .product-item {
  width: 100% !important;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1), 0 3px 10px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  transition: all 0.2s;
  padding: 5px;
}
.product-item-info {
  width: 100% !important;
  display: flex;
}
.product-image-container {
  margin: 0 16px 0 8px;
}
.product-image-container,
.product-image-container .product-image-wrapper {
  width: 90px !important;
  height: 90px;
  padding-bottom: 0 !important;
}
.product-image-container .product-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.products-grid .product-item:hover {
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}
.products-grid .product-item-info:hover,
.products-grid .product-item-info.active {
  background: unset;
  box-shadow: unset;
  transform: unset;
  border: unset;
  margin: unset;
  padding: unset;
  position: relative;
  z-index: unset;
}
.products-grid .product-item-info .product-item-details {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.products-grid .product-item-info .product-item-details .product-item-body {
  margin-right: auto;
}
.products-grid .product-item-info .product-item-details .price {
  font-size: 20px;
  font-weight: 500;
}
.products-grid .product-item-info .product-item-details .product-item-body strong.product {
  margin: 0;
}
.products-grid .product-item-info .product-item-details .product-item-body a.product-item-link {
  font-size: 20px;
  line-height: 24px;
  color: #004696;
  transition: all 0.2s;
}
.products-grid
  .product-item-info
  .product-item-details
  .product-item-body
  a.product-item-link:hover {
  color: #1466c5;
  text-decoration: none;
}
.products-grid .product-item-info .product-item-details .product-item-body .sku {
  font-size: 12px;
  line-height: 13px;
  color: #c1b2b4;
}
.products-grid
  .product-item-info
  .product-item-details
  .product-item-body
  .product-item-description {
  font-size: 14px;
  line-height: 19px;
  color: #4e4e4e;
  margin: 4px 0 0 0;
}
.product-item-actions {
  margin: 0 !important;
}
.product-item-actions form {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 90px;
  width: 230px;
  align-items: flex-end;
}
.product-item-actions .qty {
  width: 55px;
  height: 35px;

  margin: 27px 0;
  order: 1;
  flex-grow: 1;
  margin-right: auto;
}
.product-item-actions .qty input {
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 5px;
  border: 1px solid #dfdfdf;
  text-align: center;
}
.product-item-actions .action.tocart.primary {
  order: 2;
  /* margin-top: auto; */
}
.product-item-actions .action.tocart.primary,
.product-item-actions .add-to-links a,
.product-item-actions .amquote-addto-button,
div.block.upsell div.actions-secondary > div > a {
  width: 122px !important;
  height: 22px;
  background: #c0091b;
  border-radius: 3px;
  font-size: 10px;
  display: flex;
  align-items: center;
  letter-spacing: 0.49px;
  justify-content: center;
  margin-bottom: 3px !important;
}
.product-item-actions .amquote-addto-button {
  color: #006bb4;
  background: transparent;
  border: none;
  border-radius: 3px !important;
  font-size: 9px !important;
  font: normal normal bold 10px/12px "Ubuntu";
  letter-spacing: 0.49px;
  text-transform: uppercase;
  box-shadow: inset 0 0 0 1px #006bb4 !important;
  order: 3;
}
.product-item-actions .amquote-addto-button:hover {
  background: #006bb4;
  color: white;
  border: none;
  transform: translateY(-1px);
}

#maincontent
  > div.columns
  > div
  > div.prod
  > div.products.wrapper.grid.products-grid
  > ol
  > li
  > div
  > div
  > div.product-item-actions
  > form
  > div.add-to-links {
  display: none;
}

.download-button {
  width: 122px !important;
  height: 22px;
  color: #f0f0f0 !important;
  background: #c0091b !important;
  border: none;
  border-radius: 3px !important;
  font: normal normal bold 10px "Ubuntu" !important;
  letter-spacing: 0.49px;
  text-transform: uppercase;
  box-shadow: inset 0 0 0 1px #c0091b !important;
  order: 3;
  margin-top: auto;
  margin-bottom: 3px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.download-button-tocart {
  height: 30px !important;
  padding: 0 10px !important;
  color: #f0f0f0 !important;
  background: #c0091b !important;
  border-radius: 3px !important;
  font-size: 10px !important;
  font: normal normal bold 10px/12px "Ubuntu";
  letter-spacing: 0.49px;
  text-transform: uppercase;
  order: 3;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-item-actions .add-to-links {
  order: 4;
  margin-bottom: auto;
}
.product-item-actions .add-to-links a,
div.block.upsell div.actions-secondary > div > a {
  background: #f5f2f3;
  font: normal normal bold 10px/12px "Ubuntu";
  letter-spacing: 0.49px;
  text-transform: uppercase;
  color: #4e4e4e;
}
.product-item-actions .add-to-links a {
  background: #f5f2f3;
  font: normal normal bold 10px/12px "Ubuntu";
  letter-spacing: 0.49px;
  color: #4e4e4e;
  text-transform: uppercase;
}
.product-item-actions .add-to-links a:hover,
div.block.upsell div.actions-secondary > div > a:hover {
  transform: translateY(-1px);
  text-decoration: none;
}
.page-products .sorter {
  display: none !important;
}
._keyfocus *:focus,
input:not([disabled]):focus,
textarea:not([disabled]):focus,
select:not([disabled]):focus {
  box-shadow: 0 0 0 1px #c0091b;
}
.header.content {
  display: none;
}
.breadcrumbs {
  display: flex;
  align-items: center;
  height: 32px;
  margin-bottom: 0;
  background: #004696;
  box-shadow: -50vw 0 0 0 #004696, 50vw 0 0 0 #004696;
}
.breadcrumbs .items li,
.breadcrumbs .items li a {
  font: normal normal normal 11px/25px "Ubuntu";
  letter-spacing: 0.01px;
  color: #e2f0ff;
  text-transform: uppercase;
  opacity: 0.8;
}
.breadcrumbs .item:not(:last-child):after {
  line-height: 25px;
  opacity: 0.5;
}
.breadcrumbs .item:last-child {
  color: #fff !important;
  opacity: 1;
}
.breadcrumbs .items li a:hover {
  opacity: 1;
  text-decoration: none;
}

.category-image {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  height: 200px;
}
.category-image:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 255));
  top: 0;
  left: 0;
}
.category-image img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
.contact-index-index h1.page-title,
.rattachementform-index-index h1.page-title,
#block-upsell-heading {
  display: block !important;
}
.category-view h1.page-title,
.contact-index-index h1.page-title,
.rattachementform-index-index h1.page-title,
#block-upsell-heading {
  text-align: center;
  font: normal normal bold 27px/37px "Ubuntu";
  letter-spacing: -0.46px;
  color: #004696;
  position: relative;
  margin-bottom: 48px;
}

.category-view h1.page-title.after-left:after {
  transform: none;
  left: 0;
}

.category-view h1.page-title.after-left {
  text-align: left;
}

.category-view h1.page-title:after,
.contact-index-index h1.page-title:after,
.rattachementform-index-index h1.page-title:after,
#block-upsell-heading:after {
  position: absolute;
  content: "";
  bottom: -18px;
  left: 50%;
  transform: translateX(-50%);
  width: 150px;
  height: 3px;
  background: #c0091b;
}
.spacer {
  width: 100%;
  height: 20px;
}
.category-view .category-description {
  text-align: left;
  font: normal normal normal 16px/25px Ubuntu;
  letter-spacing: -0.24px;
  color: #4e4e4e;
  margin-right: 20px;
}
.catalog-category-view .block.filter {
  border-top: 0 !important;
}
.toolbar select {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px #dfdfdf;
  border-radius: 5px;
  border: none;
}
.subnav .items {
  display: flex;
  flex-wrap: wrap;
}
.subnav .items > .item {
  display: flex;
  width: 23%;
  height: 186px;
  border-radius: 12px;
  box-shadow: 0 3px 16px rgb(0 0 0 / 20%);
  margin-right: 2%;
  background: #004696;
  transition: all 0.2s;
  margin-bottom: 24px;
}
.subnav .items > .item:hover {
  transform: translateY(-2px);
  box-shadow: 0 3px 19px rgb(0 0 0 / 30%);
  background: #c0091b;
}
.subnav .items > .item .subcat {
  width: 100%;
  height: 150px;
}
.subnav .items > .item > a {
  width: 100%;
}

.subnav .items > .item .subcat img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 11px 11px 0 0;
}

.subnav .items > .item .txt {
  font: normal normal normal 15px/33px "Ubuntu";
  letter-spacing: 0.01px;
  color: #ffffff;
  opacity: 1;
  text-align: center;
}
.subnav .items > .item a:hover {
  text-decoration: none !important;
}
body .fotorama--fullscreen {
  z-index: 109900 !important;
}
.page-layout-1column .product.media {
  width: 330px !important;
}

.fotorama__stage .fotorama__stage__frame {
  margin: 0 10px;
  width: calc(100% - 20px);
  box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
  border-radius: 10px;
}
.fotorama__nav--thumbs {
  margin-top: 16px !important;
}
.fotorama__nav--thumbs .fotorama__nav__frame {
  margin: 0 10px;
  width: 80px !important;
  border-radius: 10px;
  height: 72px !important;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
}
.fotorama__nav--thumbs .fotorama__thumb {
  background: white !important;
}
.fotorama__nav--thumbs .fotorama__nav__frame img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: white !important;
}
.fotorama__thumb-border {
  display: none;
}
.fotorama__nav--thumbs .fotorama__nav__frame.fotorama__active {
  box-shadow: 0 0 0 2px #c0091b, 0 3px 10px rgb(0 0 0 / 20%);
}
.product.data.items .data.item.title {
  border: none;
  background: none;
  text-align: center;
  width: 25%;
}

#tab-label-accessoires-content {
  border-right: 4px solid white;
}
#tab-label-ressources-content {
  border-right: 4px solid white;
}
.product.data.items {
  background: #f8f8f8;
}
.product.data.items .data.item.title .data.switch {
  background: none;
  border: none;
  font: normal normal bold 13px/40px "Ubuntu";
  letter-spacing: 0.13px;
  color: #004696;
  height: 40px;
  text-transform: uppercase;
  padding: 0 !important;
  position: relative;
}
.product.data.items .data.item.title:hover .data.switch {
  color: #004696;
  box-shadow: 0 3px 0 0 #004696;
  background: transparent;
  text-align: center;
}
.product.data.items .data.item.title .data.switch:before {
  content: "";
  width: 13px;
  height: 13px;
  display: inline-block;
  transform: translateY(2px) translateX(-6px);
  background: url(../images/text.svg) no-repeat;
}
.product.data.items .data.item.title.active .data.switch:before {
  background: url(../images/text_red.svg) no-repeat;
}

.product.data.items .data.item.title.active:hover .data.switch {
  background: white;
}
.product.data.items .data.item.title.active .data.switch {
  background: none;
  border: none;
  letter-spacing: 0.13px;
  color: #c0091b;
  box-shadow: 0 3px 0 0 #c0091b;
  text-transform: uppercase;
  background: white;
}
.product.data.items .data.item.content {
  border: none;
  box-shadow: 0 -3px 0 0 #004696;
  padding: 24px 16px;
}
.block.block-search-close,
.block.block-search-mobile {
  display: none;
}

/* XLARGE */
@media screen and (min-width: 1600px) {
  footer.page-footer .footer.row {
    margin-top: -60px;
  }
}

.formation-slider h3 {
  color: #fefefe;
  font-weight: bold;
  font-size: 26px;
  padding-top: 30px;
}

.formation-slider {
  padding: 0 32px;
  background-size: 100% 100%;
  max-width: 100%;
  position: relative;
}
.formation-slider:after {
  width: 100%;
  content: "";
  height: 100%;
  background: linear-gradient(85deg, #c0091b, #f17878);
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 16px 500px 16px 16px;
}

.swiper-pagination-bullet-active {
  background: #fff !important;
  opacity: 1 !important;
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #fff;
  opacity: 0.4;
}
.swiper-container {
  width: 100%;
  height: 370px;
  padding-bottom: 26px;
}

.formation-container {
  height: 360px;
  width: 250px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.formation-container .formation {
  height: 344px;
  width: 234px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
}
.formation-container .formation .formation-cover {
  height: 145px;
  width: 100%;
}
.formation-container .formation .formation-cover img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.formation-container .formation .formation-title {
  background: linear-gradient(40deg, #251d1e, #4e4e4e);
  font-family: Ubuntu;
  font-weight: bold;
  width: calc(100% + 10px);
  margin-left: -5px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  font-size: 16px;
  line-height: 22px;
  padding: 0 18px;
  display: flex;
  align-items: center;
  height: 60px;
  border-radius: 4px;
  color: #fefefe;
}
.formation-container .formation .formation-infos {
  display: flex;
  justify-content: space-between;
  margin: 0 14px;
  font-size: 12px;
  font-family: Ubuntu;
  font-weight: bold;
  color: #251d1e;
}
.formation-container .formation .formation-infos p {
  margin: 8px 0;
}
.formation-container .formation .formation-description {
  line-height: 14px;
  margin: 0 14px;
  font-size: 11px;
  font-family: Ubuntu;
  color: #4e4e4e;
}
.formation-container .formation .formation-buttons {
  display: flex;
  margin-top: auto;
  height: 32px;
  margin-bottom: 8px;
  justify-content: center;
}
.formation-container .formation .formation-buttons a {
  display: flex;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  height: 32px;
  background: #c0091b;
  color: white;
  font-family: Ubuntu;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0 8px;
  box-shadow: 0 3px 6px #f17878;
  transition: all 0.2s;
}
.formation-container .formation .formation-buttons a:first-child {
  margin-right: 8px;
}
.formation-container .formation .formation-buttons a + a:last-child {
  color: #4e4e4e;
  background: #f5f2f3;
  box-shadow: none;
}
.formation-container .formation .formation-buttons a + a:last-child:active {
  transform: translateY(1px);
  box-shadow: none;
}
.formation-container .formation .formation-buttons a + a:last-child:hover {
  filter: brightness(0.9);
}
.formation-container .formation .formation-buttons a:hover {
  filter: brightness(1.1);
}
.formation-container .formation .formation-buttons a:active {
  transform: translateY(1px);
  box-shadow: 0 1px 3px #f17878;
}

.cms-formations h2,
.cms-formations h1 {
  font: normal normal bold 27px/37px "Ubuntu";
  letter-spacing: -0.46px;
  color: #004696;
  position: relative;
  margin-bottom: 48px;
}
.cms-formations h2:after,
.cms-formations h1:after {
  position: absolute;
  content: "";
  bottom: -18px;
  left: 0;
  width: 150px;
  height: 3px;
  background: #c0091b;
}
.cms-page-view .page-wrapper {
  margin-top: 144px !important;
}

.formation-intro h1 {
  font: normal normal bold 36px/37px "Ubuntu";
  letter-spacing: -0.46px;
  color: #004696;
  position: relative;
  margin-bottom: 48px;
}
.formation-intro h1:after {
  position: absolute;
  content: "";
  bottom: -18px;
  left: 0;
  width: 150px;
  height: 3px;
  background: #c0091b;
}

.formation-intro {
  margin-top: 48px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
}
.formation-intro .right {
  display: flex;
  flex-direction: column;
}
.formation-intro .right img:first-child {
  margin-bottom: 16px;
  margin-top: 16px;
}
.formation-intro p {
  font-size: 15px;
  line-height: 29px;
  font-weight: 500;
  color: #4e4e4e;
}
.formation-buttons {
  display: flex;
  justify-content: space-around;
  margin-bottom: 32px;
}
.formation-buttons a {
  height: 60px;
  display: inline-flex;
  box-shadow: inset 0 0 0 1px #cfcfcf;
  justify-content: center;
  align-items: center;
  padding: 0 21px;
  border-radius: 30px;
  text-transform: uppercase;
  font-size: 13px;
  color: #4e4e4e;
}
.formation-buttons a img {
  margin-left: 14px;
}
.formation-buttons a:hover {
  box-shadow: inset 0 0 0 1px #5d5d5d;
  color: black;
  text-decoration: none;
}
.formation-buttons a.inscription {
  color: #fefefe;
  background: #c0091b;
  box-shadow: none;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  padding-right: 57px;
}
.formation-buttons a.inscription img {
  position: absolute;
  right: 15px;
  top: 17px;
}
.formation-buttons a.inscription strong,
.formation-buttons a.inscription em {
  font-style: normal;
  font-weight: normal;
}
.formation-buttons a.inscription em {
  font-size: 12px;
  opacity: 0.7;
}
.formation-divider {
  width: 100%;
  height: 30px;
  position: relative;
  margin: 30px 0;
}
.formation-divider strong {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: #251d1e;
  font-size: 26px;
  padding: 0 30px;
  background: #fff;
  z-index: 2;
}
.formation-divider:after {
  content: "";
  width: 100%;
  height: 5px;
  position: absolute;
  background: #f5f2f3;
  left: 0;
  top: 50%;
  z-index: 1;
}
.formation-features {
  background: url(/pub/media/wysiwyg/formation2020/webinar_1.jpg);
  background-repeat: no-repeat;
  background-size: 100% 95%;
}
.formation-features-presentiel {
  background-image: url(/pub/media/wysiwyg/formation2020/presentiel.jpg);
  margin-bottom: 48px;
}
.formation-features h2 {
  color: white;
  text-transform: uppercase;
  letter-spacing: 4px;
  text-align: center;
  padding-top: 26px;
  margin-bottom: 24px;
}
.formation-features h2:after {
  display: none;
}
.formation-features .cards {
  display: flex;
  justify-content: space-evenly;
}
.formation-features .cards .card {
  display: flex;
  flex-direction: column;
  background: white;
  width: 31%;
  border-radius: 7px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.formation-features .cards .card h3 {
  color: #004696;
  text-align: center;
  margin-bottom: 16px;
  letter-spacing: 1px;
  font-size: 20px;
}
.formation-features-presentiel h2 + p {
  text-align: center;
  font-size: 16px;
  color: #e2f0ff;
}
.formation-features-presentiel h2 + p + p {
  font-size: 12px;
  text-align: center;
  color: #e2f0ff;
  padding-bottom: 16px;
}
.formation-features-presentiel h2 + p + p > a {
  text-decoration: underline;
  color: #e2f0ff;
}
.formation-features-presentiel h2 + p + p > a:hover {
  text-decoration: underline;
  color: #fff;
}
.formation-features .cards .card h3 + p {
  font-size: 14px;
  margin: 0 16px auto;
}
.formation-features .cards .card h3 + p > em {
  font-style: normal;
  color: #c1b2b4;
  font-size: 12px;
}
.formation-features .cards .card .buttons > a {
  background: #c0091b;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  text-transform: uppercase;
  color: white;
  padding: 12px 0;
  margin: 0 16px 16px;
  border-radius: 5px;
  transition: all 0.2s;
}
.formation-features .cards .card .buttons > a:hover {
  text-decoration: none;
  filter: brightness(1.1);
  transform: translateY(-1px);
}
.formation-features .cards .card .buttons > p {
  text-align: center;
  margin-bottom: 4px;
  margin-top: 4px;
}
.formation-features .cards .card .buttons > a + p {
  font-size: 9px;
  opacity: 0.5;
  margin: -9px 16px 8px 16px;
  text-align: center;
}
.formation-features-presentiel .cards .card .buttons > a {
  background: #004696;
}
.formation-features-presentiel .cards .card .text {
  margin: 4px 16px;
  display: flex;
  justify-content: space-between;
}
.formation-features-presentiel .cards .card {
  width: 48%;
}
.formation-visiotec {
  background: #f5f5f5;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 24px 0;
  margin-bottom: 24px;
  box-shadow: -1000px 0 0 #f5f5f5, 1000px 0 0 #f5f5f5;
}
.page-layout-checkout header.page-header {
  position: static;
  box-shadow: none;
  height: unset;
}
.page-layout-checkout header.page-header {
  position: static;
  box-shadow: none;
  height: unset;
}
.page-layout-checkout header.page-header .header.content {
  display: block;
}
.page-layout-checkout header.page-header .logo img {
  max-height: inherit;
  height: auto;
  width: 100px !important;
}
.page-layout-checkout .page-wrapper {
  margin-top: 0px !important;
}

.opc-progress-bar-item:before {
  background: #d2dbdf !important;
  border-color: #d2dbdf !important;
}
.opc-progress-bar-item > span:after {
  border-color: #d2dbdf !important;
}
.opc-progress-bar-item > span:before {
  background: #d2dbdf !important;
  border-color: #d2dbdf !important;
}
.opc-progress-bar-item._active:before {
  background: #c0091b !important;
  border-color: #c0091b !important;
}
.opc-progress-bar-item._active > span:after {
  border-color: #c0091b !important;
}
.opc-progress-bar-item._active > span:before {
  background: #c0091b !important;
  border-color: #c0091b !important;
}
.opc-wrapper .shipping-address-item.selected-item {
  border-color: #c0091b;
}
.opc-wrapper .shipping-address-item.selected-item:after {
  background: #c0091b;
}

.amquote-addto-button {
  border: 1px solid #004696;
  color: #004696;
}
.box-tocart .amquote-addto-button:hover,
.box-tocart .amquote-addto-button:active,
.box-tocart .amquote-addto-button:focus {
  background: #004696;
  border: 1px solid #004696;
}

.product-item .price-box {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  flex-shrink: 0;
  height: 90px;
  margin: 0 16px;
  width: 156px;
}
.product-item .price-box > .price-container,
.product-item .price-box > .price-container > span {
  display: block;
}
.product-item .price-box > .price-container {
  margin-bottom: 8px;
}
.product-item .price-box > .price-container:last-child() {
  margin-bottom: 0;
}
.search-autocomplete ul li {
  color: #333;
}
.page-products.page-layout-2columns-left .products-grid .product-item {
  margin-left: 0;
  padding: 0;
  width: 100%;
}
.products-grid .product-item:nth-child(3n + 1) {
  margin-left: 0 !important;
}
a.action.tocompare span {
  height: auto !important;
  width: 100% !important;
  display: block;
  margin: 0;
  font-size: 8px;
  clip: unset !important;
  line-height: 22px;
  position: static !important;
  text-align: center;
}
a.action.tocompare:before {
  display: none !important;
}
.catalogsearch-result-index .page-wrapper {
  margin-top: 144px !important;
}
.catalogsearch-result-index .page-wrapper .page-title-wrapper {
  margin-top: 44px !important;
}
.pages .item {
  width: 30px;
  height: 30px;
  background: #eee;
  border-radius: 50%;
  color: #333;
}
.pages .item span {
  padding: 0 4px;
}
.pages .item strong.page {
  background: none;
}
.pages .item.current,
.pages .item.current:hover {
  background: #c0091b;
  color: #eee;
}
.pages .item span {
  color: #333;
}
.pages .item.current span {
  color: #eee;
}
.pages .item:hover {
  background: #ccc;
}
.pages .action {
  box-shadow: none;
  border: none;
  background: none;
  margin-left: 0 !important;
}
.pages .action:hover {
  background: none;
  color: #333;
}
.catalog-product-view .box-tocart .action.tocart:not(:last-child) {
  margin-bottom: 0;
}
.catalog-product-view #product-addtoquote + a {
  display: none;
}
.catalog-product-view .amquote-addto-button {
  width: auto;
}
.catalog-product-view #instant-purchase,
.catalog-product-view .reviews-actions {
  display: none;
}
.catalog-product-view.page-layout-1column .product-info-main {
  width: calc(100% - 350px);
}
.fotorama__stage {
  padding-bottom: 16px;
}
.fotorama__nav__shaft {
  padding-top: 2px;
}
.cart.table-wrapper .product-item-name,
.cart.table-wrapper .product-item-name a {
  user-select: none;
  font-size: 15px;
}
.form.contact {
  min-width: auto !important;
  width: auto !important;
  margin: 0 auto;
}
.form.contact input,
.rattachementform-index-index #rattachementForm input {
  margin-bottom: 16px;
}
.form.contact select,
.rattachementform-index-index #rattachementForm select {
  margin-bottom: 24px;
}
.contact-index-index label,
.rattachementform-index-index #rattachementForm label {
  font-weight: bold;
  padding-bottom: 8px;
  display: block;
}
.contact-index-index .form.contact a,
.contact-index-index .form.contact a > span,
.rattachementform-index-index #rattachementForm a,
.rattachementform-index-index #rattachementForm a > span {
  color: #c0091b !important;
}
.modals-wrapper {
  position: relative;
  z-index: 99999;
}
.price-a4.pricedefault .ht-price {
  font-size: 26px;
  margin-bottom: 7px;
  text-align: right;
}
.price-a4.pricedefault .ttc-price {
  text-align: right;
}
.price-a4.pricedefault .ht-price sup {
  top: -9px;
  font-size: 9px;
  left: 4px;
}
.price-a4.pricedefault .ttc-price sup {
  top: -2px;
  font-size: 9px;
  left: 4px;
}
.price-a4.pricedefault .normal-price sup {
  top: -2px;
  font-size: 9px;
  left: 4px;
}
.price-a4.pricedefault .normal-price {
  text-align: right;
  text-decoration: line-through;
  opacity: 0.5;
}
#review-form {
  width: 100%;
  max-width: 100%;
}

.product-info-main .product-info-price .price-box {
  width: auto;
}
.catalog-product-view .product-info-main .price-a4.pricedefault > div {
  text-align: left !important;
  color: #222;
}
.action.tocompare {
  display: none;
}
.catalog-product-view .product-info-main .price-a4.pricedefault .ht-price {
  color: #222;
  font-size: 32px;
}
.amquote-cart-wrapper.minicart-wrapper {
  order: 6;
  margin: 0;
}

.amquote-cart-wrapper.minicart-wrapper .amquote-showcart {
  width: 30px;
  background: #eee;
  height: 30px;
  border-radius: 50%;
  position: relative;
  margin-left: 6px;
}
.amquote-cart-wrapper.minicart-wrapper .amquote-showcart.action:before {
  margin: 0px 0px 0 7px !important;
  width: 17px;
}

@media screen and (min-width: 767px) {
  .slider-cms .slider .owl-item .item > img {
    width: 574px;
  }
  .level-top:hover > .submenu {
    display: block !important;
    position: fixed !important;
    width: calc(100% - 64px);
    padding: 0 32px !important;
    max-width: 1280px;
    left: 50% !important;
    transform: translateX(-50%);
  }

  ul.level0.submenu > .level1 > .submenu {
    display: flex;
    position: static;
    flex-direction: column;
    box-shadow: none;
    border: none;
    padding-top: 0;
  }

  .level-top > .submenu > .level1 > a > span {
    color: #c0091b !important;
    font-size: 13px;
    letter-spacing: 1px;
  }

  .level-top:hover > .submenu > .level1 > .submenu > .level2 > a {
    padding: 3px 8px;
  }

  .level-top > .submenu > .level1 > a {
    padding: 8px 8px !important;
  }

  .level-top:hover > .submenu > .level1 > .submenu > .level2 > a:hover {
    border-radius: 4px;
  }

  .level-top > .submenu > .level1 > a:hover {
    border-radius: 4px;
  }

  .level-top:hover > .submenu > .level1 {
    float: left;
    margin: 5px;
    width: 19%;
  }
}
.checkout-cart-index .cart-summary #block-shipping {
  display: none;
}
.category-hasimages {
  margin-top: 32px;
  margin-bottom: 32px;
}
.category-hasimages .page-title span {
  text-align: left;
}
.category-hasimages .page-title:after {
  left: 0;
  transform: translateX(0%);
}

.category-view-text {
  display: flex;
  margin-top: 30px;
}

.category-view-text .category-images {
  display: flex;
  margin-left: auto;
}
.category-view-text .category-images > figure {
  width: 255px;
  flex-shrink: 0;
  height: 241px;
  overflow: hidden;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}
.category-view-text .category-images > figure > img {
  width: 100%;
  height: 100%;
  cursor: zoom-in;
  object-fit: cover;
}
.category-view-text .category-images > .sub {
  width: 77px;
  height: 100%;
  margin-right: 26px;
}
.category-view-text .category-images > .sub > figure {
  height: 72px;
  width: 100%;
  flex-shrink: 0;
  margin-bottom: 13px;
  overflow: hidden;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}
.category-view-text .category-images > .sub > figure:last-child {
  margin-bottom: 0;
}
.category-view-text .category-images > .sub > figure > img {
  width: 100%;
  cursor: zoom-in;
  height: 100%;
  object-fit: cover;
}
/*!
 * Viewer.js v1.7.1
 * https://fengyuanchen.github.io/viewerjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2020-09-29T13:45:16.438Z
 */

.viewer-zoom-in::before,
.viewer-zoom-out::before,
.viewer-one-to-one::before,
.viewer-reset::before,
.viewer-prev::before,
.viewer-play::before,
.viewer-next::before,
.viewer-rotate-left::before,
.viewer-rotate-right::before,
.viewer-flip-horizontal::before,
.viewer-flip-vertical::before,
.viewer-fullscreen::before,
.viewer-fullscreen-exit::before,
.viewer-close::before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-size: 280px;
  color: transparent;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  width: 20px;
}

.viewer-zoom-in::before {
  background-position: 0 0;
  content: "Zoom In";
}

.viewer-zoom-out::before {
  background-position: -20px 0;
  content: "Zoom Out";
}

.viewer-one-to-one::before {
  background-position: -40px 0;
  content: "One to One";
}

.viewer-reset::before {
  background-position: -60px 0;
  content: "Reset";
}

.viewer-prev::before {
  background-position: -80px 0;
  content: "Previous";
}

.viewer-play::before {
  background-position: -100px 0;
  content: "Play";
}

.viewer-next::before {
  background-position: -120px 0;
  content: "Next";
}

.viewer-rotate-left::before {
  background-position: -140px 0;
  content: "Rotate Left";
}

.viewer-rotate-right::before {
  background-position: -160px 0;
  content: "Rotate Right";
}

.viewer-flip-horizontal::before {
  background-position: -180px 0;
  content: "Flip Horizontal";
}

.viewer-flip-vertical::before {
  background-position: -200px 0;
  content: "Flip Vertical";
}

.viewer-fullscreen::before {
  background-position: -220px 0;
  content: "Enter Full Screen";
}

.viewer-fullscreen-exit::before {
  background-position: -240px 0;
  content: "Exit Full Screen";
}

.viewer-close::before {
  background-position: -260px 0;
  content: "Close";
}

.viewer-container {
  bottom: 0;
  direction: ltr;
  font-size: 0;
  left: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.viewer-container::-moz-selection,
.viewer-container *::-moz-selection {
  background-color: transparent;
}

.viewer-container::selection,
.viewer-container *::selection {
  background-color: transparent;
}

.viewer-container img {
  display: block;
  height: auto;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}

.viewer-canvas {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}

.viewer-canvas > img {
  height: auto;
  margin: 15px auto;
  max-width: 90% !important;
  width: auto;
}

.viewer-footer {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
}

.viewer-navbar {
  background-color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
}

.viewer-list {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 50px;
  margin: 0;
  overflow: hidden;
  padding: 1px 0;
}

.viewer-list > li {
  color: transparent;
  cursor: pointer;
  float: left;
  font-size: 0;
  height: 50px;
  line-height: 0;
  opacity: 0.5;
  overflow: hidden;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
  width: 30px;
}

.viewer-list > li:hover {
  opacity: 0.75;
}

.viewer-list > li + li {
  margin-left: 1px;
}

.viewer-list > .viewer-loading {
  position: relative;
}

.viewer-list > .viewer-loading::after {
  border-width: 2px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px;
}

.viewer-list > .viewer-active,
.viewer-list > .viewer-active:hover {
  opacity: 1;
}

.viewer-player {
  background-color: #000;
  bottom: 0;
  cursor: none;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.viewer-player > img {
  left: 0;
  position: absolute;
  top: 0;
}

.viewer-toolbar > ul {
  display: inline-block;
  margin: 0 auto 5px;
  overflow: hidden;
  padding: 3px 0;
}

.viewer-toolbar > ul > li {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  float: left;
  height: 24px;
  overflow: hidden;
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s;
  width: 24px;
}

.viewer-toolbar > ul > li:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.viewer-toolbar > ul > li::before {
  margin: 2px;
}

.viewer-toolbar > ul > li + li {
  margin-left: 1px;
}

.viewer-toolbar > ul > .viewer-small {
  height: 18px;
  margin-bottom: 3px;
  margin-top: 3px;
  width: 18px;
}

.viewer-toolbar > ul > .viewer-small::before {
  margin: -1px;
}

.viewer-toolbar > ul > .viewer-large {
  height: 30px;
  margin-bottom: -3px;
  margin-top: -3px;
  width: 30px;
}

.viewer-toolbar > ul > .viewer-large::before {
  margin: 5px;
}

.viewer-tooltip {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  color: #fff;
  display: none;
  font-size: 12px;
  height: 20px;
  left: 50%;
  line-height: 20px;
  margin-left: -25px;
  margin-top: -10px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 50px;
}

.viewer-title {
  color: #ccc;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  margin: 0 5% 5px;
  max-width: 90%;
  opacity: 0.8;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
  white-space: nowrap;
}

.viewer-title:hover {
  opacity: 1;
}

.viewer-button {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  height: 80px;
  overflow: hidden;
  position: absolute;
  right: -40px;
  top: -40px;
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s;
  width: 80px;
}

.viewer-button:focus,
.viewer-button:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.viewer-button::before {
  bottom: 15px;
  left: 15px;
  position: absolute;
}

.viewer-fixed {
  position: fixed;
}

.viewer-open {
  overflow: hidden;
}

.viewer-show {
  display: block;
}

.viewer-hide {
  display: none;
}

.viewer-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

.viewer-invisible {
  visibility: hidden;
}

.viewer-move {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.viewer-fade {
  opacity: 0;
}

.viewer-in {
  opacity: 1;
}

.viewer-transition {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@-webkit-keyframes viewer-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

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

@keyframes viewer-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

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

.viewer-loading::after {
  -webkit-animation: viewer-spinner 1s linear infinite;
  animation: viewer-spinner 1s linear infinite;
  border: 4px solid rgba(255, 255, 255, 0.1);
  border-left-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 40px;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 40px;
  z-index: 1;
}

@media (max-width: 767px) {
  .viewer-hide-xs-down {
    display: none;
  }
}

@media (max-width: 991px) {
  .viewer-hide-sm-down {
    display: none;
  }
}

@media (max-width: 1199px) {
  .viewer-hide-md-down {
    display: none;
  }
}

.product-info-main .page-title {
  color: #004696;
  position: relative;
}
.sku {
  color: #c1b2b4;
}

.rattachementform-index-index form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.rattachementform-index-index form .etablissement,
.rattachementform-index-index form .gestionnaire {
  width: 45%;
}
.rattachementform-index-index form .prof {
  width: 100%;
}
.rattachementform-index-index .form-row,
.contact-index-index .form-row {
  display: flex;
  justify-content: space-between;
}
.rattachementform-index-index .col-md-6,
.contact-index-index .col-md-6 {
  width: 45%;
}
.rattachementform-index-index .col-md-12,
.contact-index-index .col-md-12 {
  width: 100%;
}
.chorus {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.form-row.blockprof {
  display: flex;
  justify-content: space-between;
}

.form-row.blockprof .form-group {
  width: 30%;
}

.formcontact {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.formcontact .field,
.form-create-account .fieldset .field {
  width: 49%;
}
.formcontact .field.comment {
  width: 100%;
}
.formcontact .field.comment textarea {
  min-height: 200px;
}

.form-create-account .fieldset {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.form-create-account .fieldset.create.account .field {
  width: 31%;
}
.form-create-account .fieldset.create.account .field#remember-me-box,
.form-create-account .fieldset.create.account .field.captcha {
  width: 100%;
}
.form-create-account .fieldset.create.account .field.captcha div.control {
  width: 30%;
}
#minicart-content-wrapper .block-content .actions .primary {
  display: none;
}
.form-cart .cart.table-wrapper .product-item-details {
  vertical-align: middle;
  padding-bottom: 0;
}
.form-cart .cart.table-wrapper .item .col.item {
  padding: 5px 8px 0 0;
}
.form-cart .cart.table-wrapper .actions-toolbar {
  display: flex;
  flex-direction: column;
  position: initial;
}
.form-cart .cart.table-wrapper .actions-toolbar > .action-edit,
.cart.table-wrapper .actions-toolbar > .action-delete {
  position: initial;
  margin: 0;
}
.product-info-main h1.page-title:after {
  position: absolute;
  content: "";
  bottom: -7px;
  left: 75px;
  transform: translateX(-50%);
  width: 150px;
  height: 3px;
  background: #c0091b;
}

.box-tocart {
  display: flex;
  margin: 11px 11px 0 0;
  justify-content: flex-end;
}
.product-add-form .box-toquote button,
.product-add-form .box-tocart button {
  font-size: 14px !important;
  height: 30px;
}
.box-toquote button {
  white-space: nowrap;
  width: auto;
  padding: 0 10px;
  align-self: center;
  color: #c0091b;
  background: transparent;
  border: none;
  margin: 0 11px 11px auto;
  border-radius: 3px !important;
  letter-spacing: 0.49px;
  text-transform: uppercase;
  box-shadow: inset 0 0 0 1px #c0091b !important;
}
.amquote-addto-button:hover,
.amquote-addto-button:active,
.amquote-addto-button:focus {
  border: none;
  background: transparent;
  box-shadow: inset 0 0 0 1px #006bb4 !important;
  color: #c0091b;
}
.box-toquote button:hover {
  background: #c0091b;
  color: white;
  border: none;
  transform: translateY(-1px);
}

/* Flèche slider */
.carousel-container .owl-nav {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-container .owl-prev {
  position: absolute;
  top: 75px;
  left: 5px;
}

.carousel-container .owl-next {
  position: absolute;
  top: 75px;
  right: 5px;
}

.carousel-container .owl-prev span,
.carousel-container .owl-next span {
  font-size: 45px;
}

/* Fin flèche slder */

/* FAQ */
.faq-cms {
  margin-top: 32px;
}
.faq-cms .row {
  display: flex;
  background: #fdfdfd;
}
.faq-cms .row:first-child > div.container-txt h2 {
  margin-top: 8px;
}
.faq-cms .row:first-child > div.container-txt:before {
  top: 0;
}
.faq-cms .row > div {
  width: 50%;
}
.faq-cms .row > div.container-img {
  position: relative;
}
.faq-cms .row > div.container-img > img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}
.faq-cms .row > div.container-img > span {
  font-family: "Ubuntu";
  font-size: 80px;
  letter-spacing: 0.62px;
  color: #ffffff;
  opacity: 0.58;
  position: absolute;
  bottom: -23px;
  left: 36px;
}
.faq-cms .row > div.container-img:nth-child(2) > span {
  right: 36px;
  left: auto;
}
.faq-cms .row > div.container-txt {
  position: relative;
}
.faq-cms .row > div.container-txt:nth-child(1) {
  text-align: right;
}
.faq-cms .row > div.container-txt:nth-child(1):after {
  left: auto;
  right: 60px;
}
.faq-cms .row > div.container-txt:nth-child(1):before {
  left: auto;
  right: 35px;
}
.faq-cms .row > div.container-txt > h2 {
  margin: 54px 120px 21px;
  font-family: "Ubuntu";
  font-size: 38px;
  letter-spacing: 0.28px;
  font-weight: normal;
  color: #0071ce;
  text-transform: uppercase;
  opacity: 1;
}
.faq-cms .row > div.container-txt > .txt {
  margin: 0 120px 74px;
  font-family: "Ubuntu";
  font-size: 18px;
  line-height: 24px;
  color: #707070;
}
.faq-cms .row > div.container-txt > .txt > p {
  margin-bottom: 16px;
}
.faq-cms .row > div.container-txt:after {
  height: 100%;
  width: 1px;
  background: #f2f4f5;
  content: "";
  position: absolute;
  top: 0;
  left: 60px;
}
.faq-cms .row > div.container-txt:before {
  height: 50px;
  width: 50px;
  background: white;
  content: "";
  position: absolute;
  top: 52px;
  left: 35px;
  border-radius: 50%;
  z-index: 2;
  box-shadow: inset 0 0 0 1px white, inset 0 0 0 1px white, inset 0 0 0 5px white,
    inset 0 0 0 12px #0071ce, inset 0 0 0 25px white;
}

@media only screen and (max-width: 991px) {
  .columns .sidebar-main:after {
    display: none !important;
  }
  .faq-cms .row {
    flex-direction: column;
  }
  .faq-cms .row:nth-child(odd) {
    flex-direction: column-reverse;
  }
  .faq-cms .row > div {
    width: 100%;
    text-align: left !important;
  }
  .faq-cms .row > div.container-img {
    height: 200px;
  }
  .faq-cms .row > div.container-img > span {
    left: 16px !important;
    bottom: -16px;
    right: auto;
    font-size: 60px;
  }
  .faq-cms .row > div.container-txt:nth-child(1) {
    text-align: right;
  }
  .faq-cms .row > div.container-txt > h2 {
    margin: 54px 20px 21px;
    font-size: 26px;
  }
  .faq-cms .row > div.container-txt > .txt {
    margin: 0 20px 74px;
    font-size: 18px;
    line-height: 24px;
  }
  .faq-cms .row > div.container-txt > .txt > p {
    padding-bottom: 16px;
  }
  .faq-cms .row > div.container-txt:after {
    display: none;
  }
  .faq-cms .row > div.container-txt:before {
    display: none;
  }
}
.cms-faq {
  margin-bottom: 32px;
}
.cms-faq .hero {
  width: 100%;
  height: 530px;
}
.cms-faq .hero > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cms-faq .tabs {
  width: 1210px;
  margin: 0 auto;
}
.cms-faq .tabs h1 {
  font-family: "Ubuntu";
  font-size: 48px;
  text-align: center;
  letter-spacing: 0.35px;
  margin-bottom: 30px;
  margin-top: 40px;
  font-weight: bold;
  color: #1072cc;
  text-transform: uppercase;
}
.cms-faq .tabs .sommaire {
  display: flex;
  width: 100%;
  margin-bottom: 40px;
}
.cms-faq .tabs .sommaire > .type-faq {
  width: calc(100% / 6);
  height: 120px;
  display: flex;
  flex-direction: column;
  text-align: center;
  font-family: "Ubuntu";
  font-size: 14px;
  padding-bottom: 20px;
  letter-spacing: 0.1px;
  color: #9eaab3;
  text-transform: uppercase;
  box-shadow: inset 0 -2px 0 0 #d2dbdf;
  cursor: pointer;
  transition: all 0.2s;
}
.cms-faq .tabs .sommaire > .type-faq:hover {
  box-shadow: inset 0 -4px 0 0 #d2dbdf;
  filter: brightness(0.7);
}
.cms-faq .tabs .sommaire > .type-faq > img {
  margin: auto;
  filter: grayscale(1.2) brightness(1.7);
}
.cms-faq .tabs .sommaire > .type-faq.active {
  color: #1072cc;
  box-shadow: inset 0 -4px 0 0 #1072cc;
}
.cms-faq .tabs .sommaire > .type-faq.active > img {
  filter: none;
}
.cms-faq .tab-content-1,
.cms-faq .tab-content-2,
.cms-faq .tab-content-3,
.cms-faq .tab-content-4,
.cms-faq .tab-content-5,
.cms-faq .tab-content-6 {
  width: 1210px;
  margin: 0 auto;
}
.cms-faq .tab-content-1 .block-static-block.active > .content,
.cms-faq .tab-content-2 .block-static-block.active > .content,
.cms-faq .tab-content-3 .block-static-block.active > .content,
.cms-faq .tab-content-4 .block-static-block.active > .content,
.cms-faq .tab-content-5 .block-static-block.active > .content,
.cms-faq .tab-content-6 .block-static-block.active > .content {
  display: block !important;
}
.cms-faq .tab-content-1 .block-static-block.active:after,
.cms-faq .tab-content-2 .block-static-block.active:after,
.cms-faq .tab-content-3 .block-static-block.active:after,
.cms-faq .tab-content-4 .block-static-block.active:after,
.cms-faq .tab-content-5 .block-static-block.active:after,
.cms-faq .tab-content-6 .block-static-block.active:after {
  transform: rotate(0deg) !important;
}
.cms-faq .tab-content-1 > .block-static-block > .block-static-block,
.cms-faq .tab-content-2 > .block-static-block > .block-static-block,
.cms-faq .tab-content-3 > .block-static-block > .block-static-block,
.cms-faq .tab-content-4 > .block-static-block > .block-static-block,
.cms-faq .tab-content-5 > .block-static-block > .block-static-block,
.cms-faq .tab-content-6 > .block-static-block > .block-static-block {
  border: 2px solid #d2dbdf;
  border-radius: 3px;
  cursor: pointer;
  padding: 25px 32px;
  position: relative;
  margin-bottom: 18px;
}
.cms-faq .tab-content-1 > .block-static-block > .block-static-block:after,
.cms-faq .tab-content-2 > .block-static-block > .block-static-block:after,
.cms-faq .tab-content-3 > .block-static-block > .block-static-block:after,
.cms-faq .tab-content-4 > .block-static-block > .block-static-block:after,
.cms-faq .tab-content-5 > .block-static-block > .block-static-block:after,
.cms-faq .tab-content-6 > .block-static-block > .block-static-block:after {
  position: absolute;
  transform: rotate(180deg);
  transition: transform 0.2s;
  top: 28px;
  right: 24px;
  content: "";
  width: 24px;
  height: 14px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAOCAYAAAA1+Nx+AAAABHNCSVQICAgIfAhkiAAAANZJREFUOE+l07ENgkAUxvH3oda6iXEEa6Od1FxcAEdwAicg2KoFiTgAIzCCI1CbeM+ggBoOeIfUj//vOO5Awic4XTwQ7YlwAzlKuYtU8iokQ+84ws8sZ6DBXIJ0AvV4yciQVqA5LkcaAVOcgS1p9gCaSrfLCBjjxGrjrg5hFE30fZhIkRrQFi9XbYP8AJK4LVIBNnEb5AX0iUsR/BPvRB6jWQ5kIIyrk12cFskN/54x/Xhm2iE4xml55LhnvOlL8h4K2XccStR6mdiu3DQfnK8+sc7ye/MEEu2v/k0oOisAAAAASUVORK5CYII=");
}
.cms-faq .tab-content-1 > .block-static-block > .block-static-block > .titre,
.cms-faq .tab-content-2 > .block-static-block > .block-static-block > .titre,
.cms-faq .tab-content-3 > .block-static-block > .block-static-block > .titre,
.cms-faq .tab-content-4 > .block-static-block > .block-static-block > .titre,
.cms-faq .tab-content-5 > .block-static-block > .block-static-block > .titre,
.cms-faq .tab-content-6 > .block-static-block > .block-static-block > .titre {
  font-family: "Ubuntu";
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 0.14px;
  color: #1072cc;
  padding-right: 32px;
}
.cms-faq .tab-content-1 > .block-static-block > .block-static-block > .content,
.cms-faq .tab-content-2 > .block-static-block > .block-static-block > .content,
.cms-faq .tab-content-3 > .block-static-block > .block-static-block > .content,
.cms-faq .tab-content-4 > .block-static-block > .block-static-block > .content,
.cms-faq .tab-content-5 > .block-static-block > .block-static-block > .content,
.cms-faq .tab-content-6 > .block-static-block > .block-static-block > .content {
  display: none;
  font-family: "Ubuntu";
  font-size: 18px;
  letter-spacing: 0.13px;
  margin-top: 28px;
  color: #777777;
}

@media screen and (max-width: 1200px) {
  .cms-faq .hero {
    height: 230px;
  }
  .cms-faq .tabs {
    width: calc(100% - 24px);
    margin: 0 12px;
  }
  .cms-faq .tabs h1 {
    font-size: 32px;
  }
  .cms-faq .tabs .sommaire {
    flex-wrap: wrap;
  }
  .cms-faq .tabs .sommaire > .type-faq {
    width: calc(100% / 3);
  }
  .cms-faq .tab-content-1,
  .cms-faq .tab-content-2,
  .cms-faq .tab-content-3,
  .cms-faq .tab-content-4,
  .cms-faq .tab-content-5,
  .cms-faq .tab-content-6 {
    width: calc(100% - 24px);
    margin: 0 12px;
  }
}
.product-add-form form {
  padding-bottom: 26px;
}
.price_container .price-box.price-final_price,
.product-options-bottom .price-box.price-final_price {
  background: #c0091b;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  margin-bottom: -5px;
  margin-top: -5px;
  box-shadow: 0 2px 12px rgba(192, 9, 27, 0.6);
  position: relative;
}
.price_container .price-box.price-final_price .apartirde {
  margin-left: 12px;
  text-align: left;
  display: inherit;
  padding-top: 5px;
}
.price_container .price-box.price-final_price .ht-price,
.box-tocart .price-box.price-final_price .ttc-price {
  color: #fff !important;
  position: relative;
}
.price_container .price-box.price-final_price .ht-price > sup,
.box-tocart .price-box.price-final_price .ttc-price > sup {
  color: #fff;
  top: 0;
}

.price_container .price-box .price-a4.pricedefault,
.product-options-bottom .price-box .price-a4.pricedefault {
  text-align: right;
  padding: 10px 20px;
}

.price_container .tier-price {
  height: 80px;
}
.quantity_container {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin-bottom: 16px;
  height: 53px;
}
.quantity_container .field.qty {
  width: 115px;
  height: 53px;
  margin-left: auto;
}
.quantity_container .field.qty label {
  width: 100%;
  text-align: center;
  font-weight: normal;
  display: block;
  margin-bottom: 8px;
}
.quantity_container .field.qty input#qty {
  width: 48px;
  height: 24px;
  line-height: 24px;
  border-radius: 5px;
  margin: 0 8px;
}
.quantity_container .field.qty .control > span {
  width: 22px;
  background: #c0091b;
  height: 22px;
  display: inline-block;
  color: white;
  font-weight: bold;
  border-radius: 50%;
  line-height: 21px;
  text-align: center;
  user-select: none;
  transition: all 0.2s;
  cursor: pointer;
}
.quantity_container .field.qty .control > span:hover {
  background: #df2537;
  transform: scale(1.05);
}
.quantity_container .field.qty .control > span:active {
  background: #c0091b;
  transform: scale(1);
}
.price_container,
.product-options-bottom {
  width: 100%;
  /* height: 80px; */
  background: #f5f2f3;
  border-radius: 5px;
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0px 0px;
  grid-template-areas:
    "price infos addtocart"
    "price infos addtoquote";
}
.prices-tier {
  margin-top: 10px;
}
.prices-tier .item {
  margin-bottom: 0;
}
.box-prices {
  grid-area: price;
  max-width: 212px;
}
.box-pricestier {
  grid-area: infos;
  padding: 10px;
}
.box-tocart {
  grid-area: addtocart;
}
.box-toquote {
  grid-area: addtoquote;
  display: flex;
}
.catalog-product-view .product-info-main .price-box .price-a4.pricedefault > div {
  text-align: right !important;
  color: #fff;
}

.box-tocart .price-box.price-final_price .ht-price,
.box-tocart .price-box.price-final_price .ttc-price {
  color: #fff;
}

.box-tocart .fieldset {
  display: flex;
  margin: 0;
  position: relative;
  margin-left: auto;
}

.cart.table-wrapper .col.price .price-including-tax,
.cart.table-wrapper .col.subtotal .price-including-tax .price {
  font-size: 12px;
  margin-top: 5px;
}

.box-tocart .actions button.action.tocart {
  white-space: nowrap;
  width: 100%;
  padding: 0 10px;
  align-self: center;
}

.box-tocart .tier-price .title {
  font-weight: bold;
  font-size: 20px;
}

.block.filter {
  display: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-size: 10px;
  color: black;
  text-shadow: -1px 0 black, 0 0 black, 0 -1px black, 0px 1px black;
}
.swiper-button-prev,
.swiper-button-next {
  left: 7px;
  right: auto;
  top: auto;
  bottom: 12px;
  font-size: 5px;
  height: 20px;
  width: 20px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.swiper-button-next {
  right: 52px !important;
  left: auto !important;
}

.amqorder-search-block .amqorder-items-block .amqorder-button.-empty {
  padding: 5px;
  border: 1px solid #c0091b;
  color: #c0091b;
}

.amqorder-buttons-block.-qty-3 .amqorder-button.-checkout {
  padding: 5px;
  border: 1px solid #c0091b;
  background: #c0091b;
}

.amqorder-button.-empty:not(.-disabled):hover,
.amqorder-button.-fill.-primary:not(.-disabled):hover {
  background: #575757;
  color: #fff;
  border: #575757;
}

.amqorder-button.-empty:not(.-disabled) {
  min-width: auto;
  border: 1px solid #c0091b;
  color: #c0091b;
}

.amqorder-buttons-block.-qty-3 .amqorder-button.-checkout {
  margin: 0;
}

.amqorder-grid-block .amqorder-button.-action {
  justify-content: initial !important;
  min-width: 110px !important;
}

.catalog-category-view .column.main {
  display: flex;
  gap: 20px;
  margin-top: 25px;
}

.sidebare img {
  max-width: 300px;
}

.catalogsearch-result-index .box-toquote {
  flex-direction: column-reverse;
  align-items: flex-end;
}
.catalogsearch-result-index .box-toquote button {
  margin: 0 auto;
}

.catalogsearch-result-index.page-layout-1column.page-with-filter .column.main {
  padding-top: 0;
}

label sup {
  color: #c0091b;
  margin-left: 5px;
}

.price-container .price-excluding-tax + .price-including-tax,
.price-container .weee,
.price-container .price-excluding-tax + .price-including-tax .price,
.price-container .weee .price,
.price-container .weee + .price-including-tax:before,
.price-container .weee + .price-including-tax .price {
  font-size: 1.1rem;
}
.price-container .price-excluding-tax + .price-including-tax,
.price-container .weee {
  margin-top: 5px;
}
.prices-tier .price-container .price-excluding-tax + .price-including-tax:before {
  content: "(" attr(data-label) ":";
}
.price-excluding-tax + .price-including-tax:before,
.weee[data-label]:before {
  content: attr(data-label) ": ";
  font-size: 1.1rem;
}
.prices-tier .price-container .price-excluding-tax + .price-including-tax:last-child:after {
  content: ")";
}
.surheader:not(:empty) {
  height: 32px;
  background: #ff9f32;
  display: flex;
  justify-content: center;
  align-items: center;
}
.surheader:not(:empty) p {
  margin-bottom: 0;
}
.surheader:not(:empty) + .panel .header-menu {
  top: calc(91px + 32px);
}
.scrolled .surheader:not(:empty) + .panel .header-menu {
  top: calc(64px + 32px);
}

@media screen and (max-width: 767px) {
  .surheader:not(:empty) {
    height: 64px;
    font-size: 10px;
    padding: 0 10px;
  }
  .surheader:not(:empty) + .panel .header-menu {
    top: calc(91px + 64px);
  }
  .scrolled .surheader:not(:empty) + .panel .header-menu {
    top: calc(64px + 64px);
  }
  .nav-toggle {
    top: 10%;
    position: relative;
  }
}

.fotorama__stage__frame .fotorama__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* .offSetPriceStyleClassShort {
  position: relative;
  left: -170% !important;
}

.offSetPriceStyleClassLong {
  position: relative;
  left: -100% !important;
} */

/** DEBUT LETTRE DE MISSION 13 - PRESTATION 5 **/
@media only screen and (min-width: 390px) and (max-width: 767px) and (orientation: landscape) { 
  .ribbon-top-left::before {
    top: 0px!important;
    right: 8px!important;
  }
  .ribbon-top-left::after {
    left: 0px!important;
    bottom: 8px!important;
  }

  #maincontent
    > div.columns
    > div
    > div.prod
    > div.products.wrapper.grid.products-grid
    > ol
    > li
    > div
    > div
    > div.product-item-actions
    > form
    > span.sidebareNoOffsetTransport {
    right: 0%!important;
  }
}
/** FIN LETTRE DE MISSION 13 - PRESTATION 5 **/

@media screen and (max-width: 767px) {
  #maincontent
    > div.columns
    > div
    > div.prod
    > div.products.wrapper.grid.products-grid
    > ol
    > li
    > div
    > div
    > div.product-item-actions
    > form
    > span {
    font-size: 10px !important;
    left: 2% !important;
  }

  .price-box-stopped {
    position: absolute;
    right: 1%;
    width: 40%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  #maincontent
    > div.columns
    > div
    > div.prod
    > div.products.wrapper.grid.products-grid
    > ol
    > li
    > div
    > div
    > div.product-item-actions
    > form
    > span {
    top: 33% !important;
    /*right: 21% !important;*/
  }
  .price-box-stopped {
    position: absolute;
    right: 1%;
    width: 40%;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1370px) {
  #maincontent
    > div.columns
    > div
    > div.prod
    > div.products.wrapper.grid.products-grid
    > ol
    > li
    > div
    > div
    > div.product-item-actions
    > form
    > span {
    top: 27% !important;
    right: 18% !important;
  }
  .price-box-stopped {
    position: absolute;
    right: 6%;
    width: 40%;
  }
}

#maincontent
  > div.columns
  > div
  > div.prod
  > div.products.wrapper.grid.products-grid
  > ol
  > li
  > div
  > div
  > div.product-item-actions
  > form
  > span {
  position: relative;
  top: 25%;
  font-size: 12px;
  color: #006bb4;
  order: 1;
  left: 5%;
}

.sidebareOffSetTransport {
  right: 13%;
}

@media screen and (min-width: 1371px) {
  .price-box-stopped {
    position: absolute;
    right: 12%;
    width: 17%;
  }

  .price-box-stopped-sidebar {
    position: absolute;
    right: 17%;
    width: 17%;
  }
}

.page-products .products-grid .product-item {
  padding: 0px !important;
}

.page-products .columns{
  padding-top: 0px !important;
}