@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: pointer;
}

.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:500;
  opacity: 0;
  /*animation: scaleIn 3s infinite cubic-bezier(.36, .11, .89, .32);*/
    left:50%;
  top:50%;
  cursor: pointer;
  -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;
  
}
@keyframes two {
  0% {
    width: 10px;
    height: 10px;
    opacity:0.05;
  }
  
  50% {
    width: 10px;
    height: 10px;
    opacity:0.5;
  }
  
  100% {
    width: 100%;
    height: 100%;
    opacity:0.05;
  }
}

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

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



@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: relative;
	z-index: 100;
	cursor: pointer;


}

.ax-comps-fixed-un
{
	position: relative;
	z-index: 100;
	cursor: pointer;


}

.ax-comps-fixed-reveal
{
	position: relative;
	z-index: 100;
	cursor: pointer;
	transition: all .5s ease-in-out;
	border-style: inset;
	border-width: 2px;
	border-color:#188803;
	border-style:solid;
}

.ax-comps-fixed-reveal:hover
{
	transform: scale(1.15);
}
.ax-comps-fixed-revealhover
{
	transform: scale(1.15);
}

.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;
	cursor: pointer;
}

.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;
  }
}