@charset "utf-8";
/* petits prix 2023 modif JC */
/* FRAMEWORK VARIABLES */
/* for futur IDE */
/* BUTTON */
/* CONTAINER */
/*
@axHeaderContainerBackgroundColor: #607d8b;
@axHeaderContainerBoxShadow: 0px 1px 3px 0px #333;
*/
/* MENU */
/* TOOLTIPS */
* {
  box-sizing: border-box;
}

/* ONETRUST */
.adjust-ot-fontsize {
	font-size: 1.3rem !important;
}

/* LEGAL JC 2021 */
.cookie-consent {
	margin: auto;
	width: 50%;
	text-align: center;
}
.cookie-link {
	color: #000;
}
.cookie-accept {
	display: inline-block;
	color: #fff;
	background-color: #000;
	padding: 5px 20px 5px 20px;
	cursor: pointer;
	border-radius: 8px;
	margin-left: 2px;
	margin-right: 2px;
	width:130px;
	text-align:center;
}
.cookie-deny {
	display: inline-block;
	color: #000;
	background-color: #fff;
	padding: 4px 18px 4px 18px;
	cursor: pointer;
	border-radius: 8px;
	margin-left: 2px;
	margin-right: 2px;
	width:130px;
	text-align:center;
}
.prospectus-8888 {
	
 }

.prospectus-8888 .ot-sdk-container{
	font-size: 1rem;
	color:yellow;
 }


html-original {
  -ms-touch-action: none;
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
  font-family: 'Roboto', 'Arial', sans-serif;
  cursor: default;
  text-shadow: none;
  overflow-x: hidden;
  overflow-y: hidden;
}


html {
  -webkit-tap-highlight-color: transparent;
  font-family: 'Roboto', 'Arial', sans-serif;
  cursor: default;
  text-shadow: none;
  overflow-x: hidden;
  overflow-y: hidden;
}
body {
  position: fixed;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  font-size:  14px;
 };

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.ios-scroll {
  -webkit-overflow-scrolling: touch;
}
.ax-badge-element {
  position: relative;
  visibility: hidden;
  color: #fff;
  background-color: #333;
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  font-size: 12px;
}
/* ata-count : avoid collision with 'number' */
.ax-badge-element::after {
  content: attr(data-count);
  position: absolute;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  visibility: inherit;
  color: inherit;
  background-color: inherit;
}
.ax-button-base {
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.ax-button-element {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px;
  /*
    min-width: 36px;
    min-height: 36px;
    padding: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;

    color: @axButtonColor;
    background-color: @axButtonBackgroundColor;
    border-radius: @axButtonBorderRadius;
    box-shadow: @axButtonBoxShadow;
    */
}
.ax-button-label {
  text-align: center;
  vertical-align: middle;
}
.ax-button-icon {
  margin-top: auto;
  margin-bottom: auto;
}
.ax-button-icon-space-left {
  padding-right: 8px;
}
.ax-button-icon-space-right {
  padding-left: 8px;
}
.ax-button-icon-space-top {
  padding-bottom: 8px;
}
.ax-button-icon-space-bottom {
  padding-top: 8px;
}
.ax-catalog-page {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ax-catalog-page-holder-image {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ax-catalog-page-image {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ax-catalog-page-holder-area {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ax-catalog-page-part {
  position: absolute;
  width: 50%;
  height: 100%;
}
.ax-catalog-page-part-left {
  left: 0px;
  font-size:14px;
}
.ax-catalog-page-part-right {
  right: 0px;
}
.ax-catalog-area-base {
  position: absolute;
}
.ax-viewcontainer-element {
  box-sizing: border-box;
}
.ax-viewcontainer-holder {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  overflow-y: hidden;
}
.ax-view-element {
  position: absolute;
  width: 100%;
  height: 100%;
  visibility: hidden;
  display: none;
}
.ax-loader-layer {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  visibility: hidden;
}
.ax-loader-background {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background-color: #000;
  opacity: 0.5;
}
.ax-loader-holder {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
}
.ax-loader-holder-circle {
  border-radius: 50%;
}
.ax-loader-element {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 40px;
  height: 40px;
}
.ax-loader-element-circle-quarter {
  border-top: 4px solid #000;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid transparent;
  border-radius: 50%;
}
.ax-loader-element-circle-quarter-animation {
  animation: ax-anim-loader-circle-quarter 1.2s linear infinite;
}
/*
.ax-loader-element-circle-quarter::before
{
    content:'';
    position: absolute;
    box-sizing: border-box;
    top: -4px;
    left: -4px;
    width: 40px;
    height: 40px;
    
    border: 4px solid #000;
    border-radius: 50%;
    opacity: 0.5;
}
*/
@keyframes ax-anim-loader-circle-quarter {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.material-icons.md-18 {
  font-size: 18px;
}
.material-icons.md-24 {
  font-size: 24px;
}
.material-icons.md-36 {
  font-size: 36px;
}
.material-icons.md-48 {
  font-size: 48px;
}
.ax-menu-layer {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}
.ax-menu-element {
  position: absolute;
  visibility: hidden;
  max-width: 200px;
  height: auto;
  padding-top: 6px;
  padding-bottom: 6px;
  color: #666;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0px 0.5px 2px 0px #9b9b9b;
}
.ax-menu-item-element {
  min-height: 48px;
  padding: 14px;
  display: flex;
  cursor: pointer;
  color: #333;
  background-color: #fff;
}
.ax-menu-item-label {
  text-align: left;
  /* see if we variable it */
}
.ax-menu-item-icon {
  margin-top: auto;
  margin-bottom: auto;
}
.ax-menu-item-icon-space {
  padding-right: 10px;
}
.ax-menu-item-separator {
  min-height: 1px;
  max-height: 1px;
  background-color: #ccc;
}
.ax-popup-layer {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  visibility: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  pointer-events: none;
}
.ax-popup-obfuscator {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background-color: #000;
  visibility: hidden;
  opacity: 0;
  pointer-events: all;
  z-index: 3;
}
.ax-popup-element {
  position: absolute;
  visibility: hidden;
  transition-property: none;
  transition-duration: 0s;
  pointer-events: all;
}
.ax-popup-arrow {
  position: absolute;
  display: none;
}
/* arrow up */
.ax-popup-arrow-bottom {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
}
/* arrow down */
.ax-popup-arrow-top {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
}
/* arrow left */
.ax-popup-arrow-right {
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
  border-right: 10px solid #fff;
}
/* arrow right */
.ax-popup-arrow-left {
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
  border-left: 10px solid #fff;
}
.ax-progress-element {
  box-sizing: border-box;
  padding: 0;
  /*overflow: hidden;*/
}
.ax-progress-bar {
  position: relative;
  height: 100%;
  box-sizing: border-box;
  transition-property: width;
  transition-duration: 800ms;
}
.ax-progress-indicator {
  position: relative;
  width: 32px;
  height: 32px;
  margin-left: -16px;
  transition-property: left;
  transition-duration: 800ms;
}
.ax-tooltip-layer {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}
.ax-tooltip-element {
  position: absolute;
  visibility: hidden;
  min-height: 10px;
  min-width: 10px;
  max-width: 180px;
  height: auto;
  padding: 12px;
  text-align: left;
  display: flex;
  font-weight: 400;
  font-size: 12px;
  color: #ffffff;
  background-color: #000000;
  border-radius: 2px;
}
.ax-tooltip-icon-space {
  padding-right: 10px;
}
.ax-tooltip-arrow {
  position: absolute;
  visibility: hidden;
}
/* arrow up */
.ax-tooltip-arrow-bottom {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #000000;
}
/* arrow down */
.ax-tooltip-arrow-top {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #000000;
}
/* arrow left */
.ax-tooltip-arrow-right {
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  border-right: 8px solid #000000;
}
/* arrow right */
.ax-tooltip-arrow-left {
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  border-left: 8px solid #000000;
}
html {
  font-family: 'Roboto', 'Arial', sans-serif;
}
.main {
  margin: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.cora-logo {
  height: 24px;
  padding-left: 10px;
  padding-right: 10px;
}
.cora-header {
  position: absolute;
  width: 100%;
  height: 60px;
  background-color: #fff;
}
.cora-header-container {
  position: absolute;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.cora-header-container-left {
  left: 0px;
}
.cora-header-container-right {
  visibility: visible;
  right: 0px;
}
.cora-header-separator {
  position: absolute;
  top: 60px;
  width: 100%;
  height: 1px;
  background-color: #dedede;
}
.cora-burger-button {
  visibility: hidden;
  position: absolute;
  right: 0px;
  width: 60px;
  height: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #197bbe;
  color: #fff;
}
.cora-header-button {
  display: flex;
  align-items: center;
  height: 60px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #197bbe;
  color: #fff;
  font-weight: 400;
}

.cora-header-button-disabled {
  display: none;
  align-items: center;
  height: 60px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #197bbe;
  color: #fff;
  font-weight: 400;
  visibility: hidden;
}

.cora-header-button-bubble {
  background-color: #000;
  color: #fff;
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-left: 6px;
  font-size: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cora-header-button-store {
  display: flex;
  align-items: center;
  height: 60px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  color: #999;
}
.cora-header-button-store-label {
  color: #999;
  padding-left: 6px;
  font-size: 12px;
}
.cora-header-button-search {
  display: flex;
  align-items: center;
  width: 60px;
  height: 60px;
  padding-left: 10px;
  padding-right: 10px;
  color: #197bbe;
  visibility: hidden;
}
.cora-openscreen {
  position: absolute;
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
}
.cora-openscreen-title {
  padding: 20px;
  text-align: center;
  font-weight: 500;
  font-size: 28px;
  color: #197bbe;
}
.cora-openscreen-list {
  padding: 20px;
  font-size: 14px;
  flex-grow: 1;
}
.cora-openscreen-list-item {
  padding-bottom: 4px;
   list-style-type: none;
}
.cora-openscreen-legal {
  padding: 10px 20px;
  color: #c00;
  font-weight: 500;
}
.cora-openscreen-cookies {
  padding: 3px  0 0 20px;
  color: #999;
  font-size:12px;
  cursor:pointer;
  visibility: visible;
}
.cora-legal-layer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  display: none;
}
.cora-legal-holder {
  position: absolute;
  width: 100%;
  background-color: #197bbe;
  bottom: 0px;
  box-shadow: 0px -2px 1px #ccc;
}
.cora-legal-close {
  position: absolute;
  top: 0px;
  right: 0px;
  visibility:hidden;
}
.cora-legal-title {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding-left: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 80px;
}
.cora-legal-text {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
  margin: 0 auto;
  text-align:center;
  line-height:1.25em;
  z-index:0;
}
.cora-legal-anchor {
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  text-decoration: underline;
}
.cora-legal-anchor:visited {
  color: #fff;
}
/* CATALOGS CONTAINERS */
.cora-pages-container {
  position: absolute;
  top: 61px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: #efefef;
}
.cora-arrow {
  position: absolute;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  background-color: #197bbe;
  color: #fff;
  display: flex;
  opacity: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  
}



@-webkit-keyframes smooth {
    0% { opacity: 1;}
    100% { opacity: 0;}
}

@-moz-keyframes smooth {
    0% { opacity: 1;}
    100% { opacity: 0;}
}

@-o-keyframes smooth {
    0% { opacity: 1;}
    100% { opacity: 0;}
}

@keyframes smooth {
    0% { opacity: 1;}
    100% { opacity: 0;}
}


.cora-arrow-SQUARE {
	/* flèche rectangulaire avant 2022 */
  position: absolute;
  width: 48px;
  height: 100px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  background-color: #197bbe;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.cora-tools {
  position: absolute;
  width: auto;
  height: 36px;
  bottom: 0px;
  display: flex;
  flex-direction: row;
}
.cora-tools-left {
  left: 0px;
  justify-content: flex-start;
}
.cora-tools-right {
  right: 0px;
  justify-content: flex-end;
}
.cora-arrow-bottom {
  /*position: absolute;*/
  width: 36px;
  height: 36px;
  /*bottom: 0px;*/
  cursor: pointer;
  background-color: #197bbe;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.cora-arrow-bottom-hidden {
  /*position: absolute;*/
  width: 36px;
  height: 36px;
  /*bottom: 0px;*/
  cursor: pointer;
  background-color: #197bbe;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  visibility: hidden;
}


.cora-arrow-left {
  left: 0px;
}
.cora-arrow-right {
  right: 0px;
}
/* POPUS */
/* common */
.cora-popup-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 60px;
}
.cora-popup-header-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
}
.cora-popup-burger-header-title {
  flex-grow: 1;
}
.cora-popup-close {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #197bbe;
  width: 60px;
  height: 60px;
  cursor: pointer;
  color: #fff;
}
.cora-popup-header-separator {
  position: absolute;
  top: 60px;
  width: 100%;
  height: 1px;
  background-color: #dedede;
}
.cora-popup-main {
  position: absolute;
  top: 61px;
  width: 100%;
  bottom: 0px;
  overflow-y: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-top: 20px;
}
.cora-popup-stores-region {
  max-width: 300px;
  font-size: 14px;
  margin-left: 20px;
  margin-right: 20px;
}
.cora-popup-stores-region-title {
  color: #197bbe;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 6px;
}
.cora-popup-stores-region-store {
  color: #333;
  font-weight: 400;
  text-transform: uppercase;
  padding-top: 2px;
  padding-bottom: 4px;
  cursor: pointer;
}
/* BURGER */
.cora-popup-burger {
  position: absolute;
  width: 320px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index:5;
}
.cora-popup-burger-header {
  color: #fff;
  font-weight: 400;
  background-color: #000000;
}
.cora-popup-burger-item {
  color: #fff;
  font-weight: 400;
  height: 48px;
  width: 100%;
  font-size: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  
}

.cora-popup-burger-item-disabled {
  color: #fff;
  font-weight: 400;
  height: 48px;
  width: 100%;
  font-size: 20px;
  display: none;
  flex-direction: row;
  align-items: center;
  
}

.cora-popup-burger-list {
  width: 100%;
}
.cora-popup-burger-item-icon {
  width: 60px;
  height: 60px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.cora-popup-burger-item-text {
  padding-left: 12px;
}
.cora-popup-stores {
  width: 100%;
  height: 100%;
  background-color: #fff;
    z-index:500;
}
.cora-popup-page {
  width: 100%;
  height: 100%;
  background-color: #fff;
      z-index:5;
}
.cora-popup-page-main {
  display: block;
  padding-top: 0px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.cora-popup-page-title {
  overflow: hidden;
}
.cora-popup-page-image {
  width: 100%;
  height: auto;
}
.cora-popup-card {
  width: 400px;
  height: 550px;
  background-color: #fff;
      z-index:5;
}
.cora-popup-card-main {
  display: block;
  padding-top: 0px;
}
.cora-popup-card-title {
  width: 280px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cora-popup-card-image {
  width: 400px;
  height: 400px;
  padding: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #fff;
}
.cora-popup-card-separator {
  width: 100%;
  height: 1px;
  background-color: #dedede;
}
.cora-popup-card-actions {
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
}
.cora-popup-card-actions-cart {
  width: 200px;
  height: 40px;
  color: #fff;
  background-color: #197bbe;
  display: none;
  visibility: hidden;
}
.cora-popup-contents {
  width: 400px;
  height: 600px;
  background-color: #fff;
      z-index:500;
}
.cora-popup-contents-list {
  width: 100%;
  height: auto;
}
.cora-popup-contents-item {
  width: 100%;
  padding: 10px;
  font-size: 14px;
  cursor: pointer;
}
.cora-popup-thumbs {
  width: 80%;
  height: 80%;
  background-color: #fff;
     z-index:500;
}
.cora-popup-thumbs-main {
  justify-content: space-around;
}
.cora-popup-thumbs-item {
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.cora-popup-thumbs-item-image {
  margin: 10px;
}
.cora-popup-thumbs-item-label {
  margin-bottom: 20px;
  text-align: center;
}
/* POPUP PRODUCTS */
.cora-popup-products {
  width: 80%;
  height: 80%;
  background-color: #fff;
  z-index:5;
}
.cora-popup-products-main {
  padding-top: 0px;
}
.cora-popup-products-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-wrap: wrap;
}
.cora-popup-product-item {
  margin: 10px;
  width: 200px;
  height: 310px;
  box-shadow: 0px 1px 3px #999;
}
.cora-popup-product-item-photo {
  width: 180px;
  height: 180px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin: 10px;
}
.cora-popup-product-item-name {
  font-weight: 400;
  color: #333;
  height: 52px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 10px;
  padding-right: 10px;
}
.cora-popup-product-item-price {
  font-weight: 500;
  color: #c00;
  font-size: 14px;
  height: 20px;
  padding-left: 10px;
  padding-right: 10px;
}
.cora-popup-product-item-actions {
  width: 100%;
  height: 38px;
  background-color: #efefef;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
}
.cora-popup-product-item-button {
  width: 30px;
  height: 30px;
  color: #197bbe;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* POPUP CART */
.cora-popup-cart {
  width: 400px;
  height: 600px;
  background-color: #fff;
      z-index:5;
}
.cora-popup-cart-main {
  display: block;
  padding-top: 0px;
}
.cora-popup-cart-wrapper {
  position: absolute;
  width: 100%;
  /*
	height: 460px; //IMPORTANT KEEP
	*/
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.cora-popup-cart-empty {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #efefef;
  padding: 40px;
}
.cora-popup-cart-holder {
  position: absolute;
  width: 100%;
  height: 100%;
}
.cora-popup-cart-tools {
  position: absolute;
  width: 100%;
  height: 36px;
  bottom: 0px;
  background-color: #197bbe;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.cora-popup-cart-list {
  position: absolute;
  width: 100%;
  top: 0px;
  bottom: 36px;
}
.cora-popup-cart-item {
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #dedede;
  overflow-x: hidden;
  overflow-y: hidden;
  display: flex;
  flex-direction: row;
}
.cora-popup-cart-item-photo {
  width: 50px;
  height: 50px;
  border: 0.6px solid #ccc;
  margin-left: 5px;
  align-self: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.cora-popup-cart-item-name {
  width: 280px;
  height: 100%;
  padding: 5px;
  margin-left: 5px;
  color: #333;
  font-size: 14px;
}
.cora-popup-cart-item-remove {
  width: 60px;
  height: 60px;
  background-color: #efefef;
  color: #197bbe;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.cora-popup-share {
  width: 400px;
  height: 280px;
  background-color: #fff;
  z-index:5;
}
.cora-popup-share-main {
  flex-direction: column;
}
.cora-popup-share-item {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.cora-popup-share-svg {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* PRINTERS */
.cora-printer-cart-header {
  width: 100%;
  height: 90px;
}
.cora-printer-cart-header-logo {
  position: absolute;
  left: 5px;
  top: 26px;
  height: 20px;
  width: auto;
}
.cora-printer-cart-header-holder {
  width: 100%;
  height: 90px;
  text-align: center;
}
.cora-printer-cart-header-title {
  font-weight: 500;
  font-size: 20px;
  padding-top: 20px;
}
.cora-printer-cart-item {
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #000;
  overflow-x: hidden;
  overflow-y: hidden;
  display: flex;
  flex-direction: row;
}
.cora-printer-cart-item-photo {
  width: 50px;
  height: 50px;
  border: 1px solid #333;
  margin-left: 5px;
  align-self: center;
}
.cora-printer-cart-item-name {
  flex-grow: 1;
  /*width: 280px;*/
  height: 100%;
  padding: 5px;
  margin-left: 5px;
  color: #333;
  font-size: 14px;
}
.cora-printer-cart-item-check {
  width: 16px;
  height: 16px;
  border: 0.6px solid #000;
  align-self: center;
}
.cora-printer-cart-footer {
  width: 100%;
  height: auto;
}
.cora-printer-cart-footer-holder {
  width: 100%;
  height: auto;
}
.cora-printer-cart-footer-eurocora {
  margin-top: 10px;
  font-size: 9px;
  text-align: justify;
}
@media screen and (max-width: 768px) {
  .cora-header-container-right {
    visibility: hidden;
  }
  .cora-burger-button {
    visibility: visible;
  }
  .cora-openscreen-cookies{
    visibility: hidden;
  }
}
@media screen and (orientation: portrait) {
  .cora-popup-contents {
    width: 100%;
    height: 100%;
	    z-index:500;
  }
  .cora-popup-card {
    width: 100%;
    height: 100%;
	    z-index:100;
	
  }
  .cora-popup-card-image {
    width: 100%;
  }
  .cora-popup-products {
    width: 100%;
    height: 100%;
  }
  .cora-popup-product-item {
    width: 160px;
    height: 270px;
  }
  .cora-popup-product-item-photo {
    width: 140px;
    height: 140px;
  }
  .cora-popup-thumbs {
    width: 100%;
    height: 100%;
  }
  .cora-popup-share {
    width: 100%;
    height: 100%;
  }
  .cora-popup-cart {
    width: 100%;
    height: 100%;
  }
  .cora-popup-cart-item-name {
    flex-grow: 1;
    width: auto;
  }
}

/* AJOUT DES AX de LM */
@charset "utf-8";



/*
*
* AX TEXT
*font-family: 'Gloria Hallelujah', cursive;
*/

.ax-text-base
{
	position:absolute;
	text-shadow:none;
	cursor:default;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#666666;
}


/*
*
* AX PAGE TEMPLATE SLIDER
*
*/

.ax-page-slider
{
}
.ax-page-slider-title
{
	position:absolute;
	text-shadow:none;
	color:#333333;
	text-align:center;
	font-weight:bold;
	font-size:36px;
}

.ax-page-slider-description
{
	position:absolute;
	text-shadow:none;
	color:#666666;
	text-align:center;
	font-size:18px;
}

.ax-comps-panel-title
{
	font-size:36px;
	color:#514F50;
	margin-left:10px;
	margin-top:14px;
	text-align:left;
	font-weight:bold;
	background-color:#FFF;
	cursor:default;
	text-shadow:none;
	font-family:Arial, Helvetica, sans-serif;
}

.ax-comps-panel-description
{
	font-size:15px;
	margin-left:10px;
	margin-top:10px;
	color:#514F50;
	text-align:left;
	background-color:#FFF;
	cursor:default;
	text-shadow:none;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
}

.ax-comps-panel-products
{
	font-size:15px;
	margin-left:10px;
	margin-top:10px;
	color:#FFF;
	text-align:left;
	background-color:#59AD21;
	cursor:pointer;
	text-shadow:none;
	text-align:center;
	min-height:44px;
	border-radius:6px;
	background-image:url(../assets/digital_thumbs.png);
	background-repeat:no-repeat;
	background-position:20px center;
	line-height:44px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

.ax-comps-panel-ideas
{
	box-sizing:border-box;
	font-size:15px;
	margin-left:10px;
	margin-top:10px;
	color:#666;
	text-align:center;
	background-color:#FFF;
	cursor:pointer;
	text-shadow:none;
	text-align:center;
	min-height:44px;
	border-style:solid;
	border-width:3px;
	border-color:#666;
	border-radius:6px;
	line-height:44px;
	font-family:'Gloria Hallelujah', cursive;
}

.ax-comps-panel-medias
{
	margin-left:10px;
	margin-top:10px;
	width:80%;
	background-color:#FFF;
	/*height:100px;*/
}

.ax-comps-panel-medias-item
{
	font-size:13px;
	padding-left:60px;
	padding-top:13px;
	padding-bottom:2px;
	margin-top:0px;
	color:#333;
	text-align:left;
	background-color:#FFF;
	cursor:pointer;
	text-shadow:none;
	text-align:left;
	min-height:34px;
	background-repeat:no-repeat;
	background-position:4px center;
	/*line-height:36px;*/
	font-family:Arial, Helvetica, sans-serif;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#999;
}

.ax-comps-panel-medias-item-web
{
	background-image:url(../assets/media_conseils.png);
}
.ax-comps-panel-medias-item-memo
{
	background-image:url(../assets/media_conseils.png);
}
.ax-comps-panel-medias-item-services
{
	background-image:url(../assets/media_conseils.png);
}
.ax-comps-panel-medias-item-light
{
	background-image:url(../assets/media_conseils.png);
}
.ax-comps-panel-medias-item-video
{
	background-image:url(../assets/media_video.png);
}
.ax-comps-panel-medias-item-diaporama
{
	background-image:url(../assets/media_video.png);
}
.ax-comps-panel-medias-item-plan
{
	background-image:url(../assets/media_plan.png);
	background-position:10px center;
}

.ax-comps-panel-advice
{
	font-size:13px;
	margin-left:10px;
	margin-top:10px;
	width:80%;
	/*height:100px;*/
	color:#333;
	text-align:left;
	background-color:#E9ECF3;
	cursor:default;
	text-shadow:none;
	text-align:left;
}

.ax-comps-panel-advice-image
{
	position:absolute;
	left:0px;
	top:0px;
	width:80px;
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
	
}
.ax-comps-panel-advice-title
{
	padding-left:60px;
	padding-right:10px;
	padding-top:10px;
	font-size:15px;
	font-family: 'Gloria Hallelujah', cursive;
}
.ax-comps-panel-advice-description
{
	padding:5%;
	text-shadow:none;
	text-align:justify;
}

.ax-comps-panel-clientlink
{
	margin-top:10px;
	display:none;
}

.ax-comps-panel-clientlink-label
{
	text-shadow:none;
	padding:2px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	cursor:default;
}

.ax-comps-panel-clientlink-button
{
	text-shadow:none;
	color:#FFF;
	padding:2px;
	padding-left:4px;
	padding-right:4px;
	cursor:pointer;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}



.ax-comps-panel-button-products
{
	position:absolute;	
	left:20px;
	width:18px;
	height:18px;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(../assets/digital_thumbs.png);
}

/*
*
* AX COMPS PAGE NAVIGATOR
*
*/
.ax-comps-page-navigator
{
	position:absolute;
	text-shadow:none;
	cursor:pointer;
	box-sizing:border-box;
	background-color:#666666;
	overflow-x:hidden;
}
.ax-comps-page-navigator-item
{
	position:absolute;
}
.ax-comps-page-navigator-image
{
	position:absolute;
	height:100%;
	box-sizing:border-box;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}
.ax-comps-page-navigator-title
{
	position:absolute;
	right:10px;
	top:10px;
	text-shadow:none;
	color:#FFF;
	font-weight:bold;
	/*font-size:22px;*/
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
.ax-comps-page-navigator-description
{
	position:absolute;
	top:40px;
	text-shadow:none;
	color:#FFF;
	/*font-size:18px;*/
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
.ax-comps-page-navigator-discover
{
	position:absolute;
	top:200px;
	text-shadow:none;
	color:#FFF;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}


/*
*
* AX COMPS PAGE HASHTAG
*
*/
.ax-comps-page-sharp
{
	position:absolute;
	right:0px;
	top:0px;
	border-left: 100px solid transparent;
	border-bottom: 100px solid transparent;
	border-top: 100px solid #000;
	color:#FFF;
	text-shadow:none;
}
.ax-comps-page-sharp-text
{
	position:absolute;
	right:16px;
	top:16px;
	color:#FFF;
	font-size:30px;
	font-weight:bold;
	text-shadow:none;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

/*
*
* AX COMPS PANEL
*
*/
.ax-comps-panel-left
{
	position:absolute;
	box-shadow:0px 0px 10px 5px #CCC;
}

.ax-comps-panel-left-title
{
	position:absolute;
	background-color:#FFF;
	left:26px;
	top:26px;
	right:26px;
	width:342px;
	color:#444;
	text-shadow:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	font-weight:bold;
}

.ax-comps-panel-left-description
{
	position:absolute;
	background-color:#FFF;
	left:26px;
	top:70px;
	right:26px;
	width:342px;
	color:#555;
	text-align:justify;
	text-shadow:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	
}

.ax-comps-mini-before
{
	position:absolute;
	width:100px;
	height:34px;
	background-color:#2C2C2C;
	top:-4px;
	cursor:default;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:36px;
	font-weight:bold;
	
	-webkit-transform:rotate(-2deg);
	-webkit-transition-property:top;
	-webkit-transition-duration:500ms;
	
	transform:rotate(-2deg);
	transition-property:top;
	transition-duration:500ms;
}

.ax-effects-left
{
	-webkit-transition-property:left;
	-webkit-transition-duration:500ms;
	
	transition-property:left;
	transition-duration:500ms;	
}

.ax-comps-mini-separator
{
	position:absolute;
	top:0px;
	left:500px;
	width:4px;
	height:100%;
	background-color:#FFF;
	
	-webkit-transition-property:left;
	-webkit-transition-duration:500ms;
	
	transition-property:left;
	transition-duration:500ms;
}

.ax-comps-mini-separator-background
{
	box-sizing:border-box;
	position:absolute;
	left:-48px;
	top:100px;
	width:100px;
	height:100px;
	background-color:#CCC;
	border-style:solid;
	border-width:4px;
	border-color:#FFF;
	border-radius:50px;
}
.ax-comps-mini-separator-left
{
	box-sizing:border-box;
	position:absolute;
	left:0px;
	top:0px;
	width:46px;
	height:92px;
	/*background-color:#0F0;*/
	border-bottom-left-radius:46px;
	border-top-left-radius:46px;
	text-shadow:none;
	line-height:92px;
	color:#333;
	cursor:pointer;
	font-size:40px;
	text-align:center;
}
.ax-comps-mini-separator-right
{
	box-sizing:border-box;
	position:absolute;
	left:46px;
	top:0px;
	width:46px;
	height:92px;
	/*background-color:#F00;*/
	border-bottom-right-radius:46px;
	border-top-right-radius:46px;
	text-shadow:none;
	line-height:92px;
	color:#333;
	cursor:pointer;
	font-size:40px;
	text-align:center;
}

.ax-comps-mini-after
{
	position:absolute;
	width:100px;
	height:34px;
	background-color:#2C2C2C;
	top:-4px;
	cursor:default;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:36px;
	font-weight:bold;
	
	-webkit-transform:rotate(-2deg);
	-webkit-transition-property:top;
	-webkit-transition-duration:300ms;
	
	transform:rotate(-2deg);
	transition-property:top;
	transition-duration:300ms;
}

.ax-comps-mini-plus
{
	position:absolute;
	width:30px;
	height:30px;
	cursor:pointer;
	background-image:url(../assets/digital_plus.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}

.ax-comps-mini-info
{
	position:absolute;
	width:30px;
	height:30px;
	cursor:pointer;
	background-image:url(../assets/digital_info.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}

/*
.ax-comps-mini-plus
{
	position:absolute;
	background-color:#59AD21;
	width:30px;
	height:30px;
	color:#FFF;
	border-radius:15px;
	text-align:center;
	text-shadow:none;
	line-height:30px;
	cursor:pointer;
}
*/
.ax-comps-zoom-spot-OLD
{
  /*border-radius: 50%;*/
  background-color: #FCEA0E;
  width: 150px;
  height: 150px;
  position: absolute;
  z-index:500;
  opacity: 0;
  animation: scaleIn 1s infinite cubic-bezier(.36, .11, .89, .32);
  cursor: cell;
}

.ax-comps-zoom-spot
{
  /*border-radius: 50%;*/
	background-color: rgba(0,0,0, 1);
  width: 20px;
  height: 20px;
  /*border-radius:50%;*/
  position: absolute;
  z-index:5;
  opacity: 0;
  /*animation: scaleIn 3s infinite cubic-bezier(.36, .11, .89, .32);*/
    left:50%;
  top:50%;
	cursor: cell;
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  animation: two 5s infinite;
  -o-animation: two 2s infinite;
  -moz-animation: two 2s infinite;
  -webkit-animation: two 5s infinite;
  -ms-animation: two 10s infinite;
  animation-delay:3s;
  animation-timing-function: ease-in-out;
  background-color: #000;
}

.ax-comps-zoom-spot-loupe
{
  /*border-radius: 50%;*/
	background-color: rgba(0,0,0, 0);
  width: 20px;
  height: 20px;
  /*border-radius:50%;*/
  position: absolute;
  z-index:500;
  opacity: 1;
  /*animation: scaleIn 3s 15 cubic-bezier(.36, .11, .89, .32);*/
  animation: scalewh
	cursor: cell;
	animation-name: scalewh;
	-webkit-animation-name: scalewh;
	animation-duration: 800ms;
	-webkit-animation-duration: 800ms;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-direction: alternate;
	-webkit-animation-direction: alternate;
  
}
@keyframes two {
  0% {
    width: 100%;
    height: 100%;
    opacity:0.05;
  }
  
  50% {
    width: 100%;
    height: 100%;
    opacity:0.0;
  }
  
  100% {
    width: 100%;
    height: 100%;
    opacity:0.05;
  }
}

.ax-comps-zoom-target
{
  /*border-radius: 5%;*/
  opacity: 0;
  z-index:5000;
 

}
.ax-comps-zoom-target-show
{
  /*border-radius: 5%;*/
	animation: scale-fade-in 3s cubic-bezier(0.34, 1.56, 0.64, 1) 1;
	position: absolute;
	z-index:5000;
}
.box {
    animation: scale-fade-in 3s cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
	z-index:5000;
}



@keyframes scale-fade-in {
    0% {
        transform: scale(0);
        opacity: 0;
        box-shadow: 0 5px 10px 5px rgba(0,0,0,.25);
    }

    30%, 70%, 100% {
        transform: scale(1);
        opacity: 1;
        box-shadow: 0 0 10px 0 rgba(0,0,0,.25);
    }


}

.ax-comps-fixed
{
	position: absolute;
	z-index: 100;


}

.ax-move-vertically
{
	display: block;
	animation-name: moveVertically;
	-webkit-animation-name: moveVertically;
	animation-duration: 500ms;
	-webkit-animation-duration: 500ms;
	animation-direction: alternate;
	-webkit-animation-direction: alternate;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}
@keyframes moveVertically {
  from {margin-top:-2px}
  to {margin-top:2px}
 }
 @-webkit-keyframes moveVertically {
  from {margin-top:-2px}
  to {margin-top:2px}
 }
 
.ax-move-horizontally
{
	  animation-name: moveHorizontally;
	  animation-duration: 500ms;
	  animation-direction: alternate;
	  animation-iteration-count: infinite;
}
@keyframes moveHorizontally {
  from {margin-left:-3px}
  to {margin-left:3px}
 }
 
.ax-scalewh
{
	display: block;
	position: relative;
	z-index:300;
	/* -webkit-transform: scale(1); */
	/* animation-name: scalewh; */
	/* -webkit-animation-name: scalewh; */
	/* animation-duration: 800ms; */
	/* -webkit-animation-duration: 800ms; */
	/* animation-direction: alternate; */
	/* -webkit-animation-direction: alternate; */
	/* animation-iteration-count: 20; */
	/* -webkit-animation-iteration-count: 20; */
	
	            animation: scalewh;
    -webkit-animation: scalewh;
            animation-duration: 800ms;
    -webkit-animation-duration: 800ms;
            animation-iteration-count: 20;
    -webkit-animation-iteration-count: 20;
            animation-direction: alternate;
    -webkit-animation-direction: alternate;
	
	
}
@-webkit-keyframes scaleIn {
    from {
        -webkit-transform: scale(1);
    }
    to {
        -webkit-transform: scale(1.05);
    }
}
@keyframes scaleIn {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.05);
    }
}
 @keyframes scalewh {
  0%   {transform: scaleX(100%) scaleY(100%);}
  100%   {transform: scaleX(105%) scaleY(105%);}
 }


@-webkit-keyframes scalewh {
    from {
        -webkit-transform: scale(1);
    }
    to {
        -webkit-transform: scale(1.1);
    }
 }

 .ax-scalewhloop
{
	display: block;
		position: relative;
	  animation-name: scalewhloop;
	  -webkit-animation-name: scalewhloop;
	  animation-duration: 500ms;
	  -webkit-animation-duration: 500ms;
	  animation-direction: alternate;
	  -webkit-animation-direction: alternate;
	  animation-iteration-count: infinite;
	  -webkit-animation-iteration-count: infinite;
	  z-index:300;
}
@keyframes scalewhloop {
    from {
        -webkit-transform: scale(1);
    }
    to {
        -webkit-transform: scale(1.12);
    }
 }
 @-webkit-keyframes scalewhloop {
    from {
        -webkit-transform: scale(1);
    }
    to {
        -webkit-transform: scale(1.12);
    }
 }
.ax-scalewhbloc
{
	display: block;
	position: relative;
	  animation-name: scalewhbloc;
	  -webkit-animation-name: scalewhbloc;
	  animation-duration: 800ms;
	  -webkit-animation-duration: 800ms;
	  animation-direction: alternate;
	  -webkit-animation-direction: alternate;
	  animation-iteration-count: 10;
	  -webkit-animation-iteration-count: 10;
	  z-index:300;
}

 @keyframes scalewhbloc {
    from {
        -webkit-transform: scale(1);
    }
    to {
        -webkit-transform: scale(1.02);
    }
 }
 @-webkit-keyframes scalewhbloc {
    from {
        -webkit-transform: scale(1);
    }
    to {
        -webkit-transform: scale(1.02);
    }
 }
.ax-scalewhprice
{
	display: block;
	position: relative;
	  animation-name: scalewhprice;
	  -webkit-animation-name: scalewhprice;
	  animation-duration: 400ms;
	  -webkit-animation-duration: 400ms;
	  animation-direction: alternate;
	  -webkit-animation-direction: alternate;
	  animation-iteration-count: infinite;
	  -webkit-animation-iteration-count: infinite;
	  z-index:300;
}

  @keyframes scalewhprice {
    from {
        -webkit-transform: scale(1);
    }
    to {
        -webkit-transform: scale(1.11);
    }
 }
 @-webkit-keyframes scalewhprice {
    from {
        -webkit-transform: scale(1);
    }
    to {
        -webkit-transform: scale(1.11);
    }
 }
 
.ax-scalewhpricebig
{
	display: block;
	position: relative;
	  animation-name: scalewhpricebig;
	  -webkit-animation-name: scalewhpricebig;
	  animation-duration: 400ms;
	  -webkit-animation-duration: 400ms;
	  animation-direction: alternate;
	  -webkit-animation-direction: alternate;
	  animation-iteration-count: infinite;
	  -webkit-animation-iteration-count: infinite;
	  z-index:300;
}

  @keyframes scalewhpricebig {
    from {
        -webkit-transform: scale(1);
    }
    to {
        -webkit-transform: scale(1.15);
    }
 }
 @-webkit-keyframes scalewhpricebig {
    from {
        -webkit-transform: scale(1);
    }
    to {
        -webkit-transform: scale(1.15);
    }
 }
 
.ax-fadein
{
	  animation-name: fadein;
	  animation-duration: 1s;
	  animation-direction: alternate;
	  animation-iteration-count: 7;
	  z-index:300;
	  opacity:1;
}
@keyframes fadein {
  0%   {opacity: 0}
  100%   {opacity: 100;}
 }
 
.ax-fadeout
{
	  animation-name: fadeout;
	  animation-duration: 1s;
	  animation-direction: alternate;
	  animation-iteration-count: 7;
	  z-index:300;
	  opacity:0;
}
@keyframes fadeout {
  0%   {opacity: 100}
  100%   {opacity: 0;}
 }
 

.ax-comps-thumb-scroller
{
	box-sizing:border-box;
	position:absolute;
	top:0px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	cursor:pointer;
}

.ax-comps-thumb-scroller-border-out
{
	box-sizing:border-box;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:#333;
	opacity:0.5;
}

.ax-comps-thumb-scroller-border-over
{
	box-sizing:border-box;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	border-style:solid;
	border-width:6px;
	border-left-width::8px;
	border-color:#666;
	visibility:hidden;
}

.ax-comps-thumb-scroller-arrow
{
	position:absolute;
	left:-15px;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-right: 15px solid #666;
}

.ax-comps-item-scroller
{
	box-sizing:border-box;
	position:absolute;
	top:0px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:90% 90%;
	cursor:pointer;
}

.ax-comps-item-scroller-border-out
{
	box-sizing:border-box;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	border-style:solid;
	border-width:1px;
	border-color:#666;
}

.ax-comps-item-scroller-border-over
{
	box-sizing:border-box;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	border-style:solid;
	border-width:3px;
	border-color:#59AD21;
	visibility:hidden;
}

.ax-comps-item-scroller-arrow
{
	position:absolute;
	left:0px;
	top:-11px;
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	border-bottom: 11px solid #59AD21;
}

.ax-comps-scroller-arrow-nav
{
	box-sizing:border-box;
	position:absolute;
	width:40px;
	height:40px;
	text-shadow:none;
	color:#666;
	cursor:pointer;
	border-style:solid;
	border-width:1px;
	border-color:#666;
	border-radius:20px;
	background-color:#FFF;
	font-size:30px;
	text-align:center;
	line-height:38px;	
}

/*
*
* AX TEXT
*
*/
/*
.ax-text-base
{
	position:absolute;
	text-shadow:none;
	cursor:default;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#666666;
}
*/
/*
*
* AX FILTER
*
*/
.ax-filters-blur
{
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	/*-ms-filter: blur(5px);*/
	-o-filter: blur(5px);
	filter: blur(5px);
}



/***/
.ax-comps-vscroller-rail
{
	position:absolute;
	top:5px;
	right:10px;
	bottom:5px;
	width:2px;
	background-color:#090;
}

.ax-comps-vscroller-button
{
	position:absolute;
	top:5px;
	right:5px;
	width:8px;
	height:40px;
	
	background-color:#FFF;
	
	box-shadow:0px 0px 4px #666666;
	cursor:pointer;
}

.ax-comps-vscroller-container
{
	position:absolute;
	left:5px;
	top:5px;
	right:5px;
	bottom:5px;
	overflow-x:hidden;
	overflow-y:scroll;
	
	scrollbar-base-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-track-color: #009900; 
	scrollbar-arrow-color: #FFFFFF; 
	scrollbar-shadow-color: #FFFFFF; 
	scrollbar-dark-shadow-color: #FFFFFF;
}

.ax-comps-vscroller-container::-webkit-scrollbar
{
	width:10px;
}
.ax-comps-vscroller-container::-webkit-scrollbar-track
{
	width:4px;
	background-color:transparent;
}
.ax-comps-vscroller-container::-webkit-scrollbar-thumb
{
	background-color:#FFF;
	border-radius: 2px;
	box-shadow:0 1px 1px #333;
}

.ax-comps-vscroller-wrapper
{
	position:absolute;
	left:0px;
	top:0px;
	right:10px;
	/*width:100%;*/
	height:auto;
	text-shadow:none;
	text-align:justify;
	font-size:12px;
	
	cursor:default;
	
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
/* ACCORDION */
.ax-comps-accordion-title
{
	width:100%;
	
	text-shadow:none;
	text-align:justify;
	font-size:12px;
	
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left:0px;
	margin-right:0px;
	
	cursor:pointer;
	
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	
	transition: 0.3s;
}

.ax-comps-accordion-renderer
{
	width:100%;
	
	text-shadow:none;
	text-align:justify;
	font-size:11px;
	
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left:0px;
	margin-right:0px;
	
	background-color:#FFF;
	
	cursor:default;
	
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	
	transition: 0.3s;
}

.ax-comps-accordion-renderer-image
{
	position:relative;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	cursor:default;
}
.ax-comps-accordion-renderer-paragraph
{
	position:relative;
	text-align:justify;
	text-shadow:none;
	text-align:justify;
	font-size:11px;
	
	cursor:default;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.ax-comps-accordion-arrow
{
	color:#090;
	margin-right:6px;
}

/* AX SLIDER */
.ax-comps-slider-container
{
	position:absolute;
	left:0px;
	height:100%;
	cursor:default;
	transition:left 0.3s;
}

.ax-comps-slider-renderer
{
	position:absolute;
	height:100%;
	cursor:default;
}

.ax-comps-slider-renderer-image
{
	position:absolute;
	height:100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	cursor:default;
}
.ax-comps-slider-renderer-paragraph
{
	position:absolute;
	height:100%;
	text-align:justify;
	text-shadow:none;
	text-align:justify;
	font-size:11px;
	
	display:table;
	
	cursor:default;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.ax-comps-slider-renderer-paragraph p
{	
	display: table-cell;
	vertical-align: middle;
	text-align: justify; 

	cursor:default;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.ax-comps-slider-arrow-left
{
	position:absolute;
	left:0px;
	width:20px;
	height:30px;
	background-color:#090;
	border-bottom-right-radius:6px;
	border-top-right-radius:6px;
	color:#FFF;
	
	text-shadow:none;
	text-align:center;
	line-height:30px;
	
	cursor:pointer;
	-moz-user-select:none;
	-webkit-user-select:none;
	user-select:none;
	
	visibility:hidden;
}

.ax-comps-slider-arrow-right
{
	position:absolute;
	right:0px;
	width:20px;
	height:30px;
	background-color:#090;
	border-bottom-left-radius:6px;
	border-top-left-radius:6px;
	color:#FFF;
	
	text-shadow:none;
	text-align:center;
	line-height:30px;
	
	cursor:pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	
	visibility:hidden;
}

.ax-comps-slider-arrow-center
{
	position:absolute;
	left:0px;
	top:0px;
	width:46px;
	height:46px;
	background-color:#B3D334;
	border-radius:23px;
	border-top-left-radius:23px;
	color:#FFF;
	
	text-shadow:none;
	text-align:center;
	line-height:46px;
	
	cursor:pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

/* AX TAB */
.ax-comps-tab-container
{
	position:absolute;
	left:0px;
	cursor:default;
	transition:left 0.3s;
}

.ax-comps-tab-container-tabs
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:34px;
	background-color:#FFF;
	cursor:default;
}

.ax-comps-tab-container-titles
{
	position:absolute;
	left:0px;
	top:34px;
	width:100%;
	height:50px;
	cursor:default;
}

.ax-comps-tab-cursor
{
	position:absolute;
	left:10px;
	right:10px;
	top:0px;
	height:2px;
	background-color:#090;
	cursor:default;
}

.ax-comps-tab-arrow-left
{
	position:absolute;
	left:2px;
	top:0px;
	width:10px;
	height:20px;
	
	color:#090;
	text-shadow:none;
	text-align:right;
	line-height:20px;
	
	cursor:pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	
	visibility:hidden;
}

.ax-comps-tab-arrow-right
{
	position:absolute;
	right:2px;
	top:0px;
	width:10px;
	height:20px;
	
	color:#090;
	text-shadow:none;
	text-align:left;
	line-height:20px;
	
	cursor:pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.ax-comps-tab-button-tabs
{
	position:absolute;
	top:0px;
	background-color:#090;
	box-shadow: 0px 0px 6px #333;
	
	color:#FFF;
	text-shadow:none;
	text-align:center;
	line-height:20px;
	
	cursor:pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	
	transition: 0.3s;
}

.ax-comps-tab-button-titles
{
	position:absolute;
	top:0px;
	height:50px;
	background-color:#FFF;
	
	color:#333;
	text-shadow:none;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	
	cursor:pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	
	transition: 0.3s;
}


.ax-comps-tab-renderer
{
	position:absolute;
	width:100%;
	height:100%;
	cursor:default;
}

.ax-comps-tab-renderer-image
{
	position:absolute;
	height:100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	cursor:default;
}
.ax-comps-tab-renderer-paragraph
{
	position:absolute;
	height:100%;
	text-align:justify;
	text-shadow:none;
	text-align:justify;
	font-size:11px;
	
	display:table;
	
	cursor:default;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.ax-comps-tab-renderer-paragraph p
{	
	display: table-cell;
	vertical-align: middle;
	text-align: justify; 

	cursor:default;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

/* AX AVANT APRES  */
.ax-comps-avant-apres-wrapper
{
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	padding-top:0px;
	-webkit-transition: left 0.3s;
	transition: left 0.05s;
	touch-action: none;
}
.text-block-avant {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background-color: black;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
}
.text-block-apres {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background-color: black;
  color: red;
  padding-left: 20px;
  padding-right: 20px;
}
/* AX YOUTUBE  */
.ax-comps-youtube-wrapper
{
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	padding-top:0px;
	-webkit-transition: left 0.3s;
	transition: left 0.05s;
}

/* AX EMBED-VIDEO  */
.ax-comps-embed-video-wrapper
{
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	-webkit-transition: left 0.3s;
	transition: left 0.3s;
}

/* AX IMAGE DIAPORAMA */
.ax-comps-diaporama-wrapper
{
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	-webkit-transition: left 0.3s;
	transition: left 0.3s;
	touch-action: none;
}

.ax-comps-diaporama-image
{
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	touch-action: none;
}
/* AX IMAGE SEQUENCE FADE */
.ax-comps-sequence-fade-image
{
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	opacity:0;
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
}
/* AX IMAGE 3D */
.ax-comps-image3d-image
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	visibility:hidden;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}

.ax-temp-rotate
{
	-webkit-transform: rotate(-10deg);
	transform: rotate(-10deg);
}
/* IMAGE COMPARE */
* {box-sizing: border-box;}

.img-comp-container {
overflow: auto
  position: relative;
  height: 200px; /*should be the same height as the images*/
}

.img-comp-img {
  position: absolute;
  width: auto;
  height: auto;
  overflow: hidden;
    


}

.img-comp-overlay {
  border-right: dotted 1px;
     animation-name: activedoc_moveoverlay;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 5;
	animation-duration: 1s;
	animation-direction: alternate; 
	animation-fill-mode: none;

}

@keyframes activedoc_moveoverlay_ {
  from {width: 45%;}
  to {width: 48%;} 
}


/* jc car espace refused par js */

.img-comp-img-over {
  position: absolute;
  width: auto;
  height: auto;
  overflow: hidden;
  display: block;
  vertical-align: middle;
  touch-action:  none ;

}


.img-comp-img img {
  display: block;
  vertical-align: middle;
	touch-action:  none ;
}

.img-comp-slider {
  position: absolute;
  z-index: 9;
  cursor: ew-resize;
  /*set the appearance of the slider:*/
  width: 40px;
  height: 40px;
  /* background-color: #648346; */
  background-image: url("../assets/curseur_compare_vert.png");
  background-repeat: no-repeat;
  background-position: left top;
  opacity:1;
  border-radius: 50%;
  border-left: solid 1px #cococo;
  background-size: 40px 40px;
	animation-name: activedoc_movecursor;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 3;
	animation-duration: 500;
	animation-direction: alternate;
	  animation-fill-mode: none;
	 touch-action:  pan-left pan-right ;
}

@keyframes activedoc_movecursor_ {
  from {left: 44%;}
  to {left: 48%;} ;



  

}


.fadetop {
	position: absolute;
	top:0;
	left:0;
	animation-name: activedocfade;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 200ms;
	animation-direction: alternate;
}

@keyframes activedocfade {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}