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, .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(.4);
  box-shadow: 20px 19px 50px rgba(0, 0, 0, 0.5);
  transition:all .2s;
  filter: blur(0px);
}

.page_cata:hover {
  transform: rotate(31deg) skewX(-6deg) scale(.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, .15);
  border-radius: 10px;
  transition: all .2s;
}
.vous-recherchez .corps .bloc:hover img{
  transform:translateY(-5px);
  box-shadow: 0 8px 15px rgba(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 .2s;
}
.ressources-tele .bloc{
  transition: all .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 {
  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: #c0091b;
  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 #c0091b !important;
  order: 3;
}
.product-item-actions .amquote-addto-button:hover {
  background: #c0091b;
  color:white;
  border: none;
  transform: translateY(-1px);
}

.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 {
  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 {
  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%;
}
.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: #c1b2b4;
  height: 40px;
  text-transform: uppercase;
  padding: 0 !important;
  position: relative;
}
.product.data.items .data.item.title:hover .data.switch {
  color: #c0091b;
  box-shadow: 0 3px 0 0 #c0091b;
  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,
.product.data.items .data.item.title:hover .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 #c1b2b4;
  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, .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 .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){

  .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, .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, .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 #c0091b !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 .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 .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,.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 .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: ')';
}