.transition(@property, @duration, @function, @delay){-webkit-transition:@arguments;-moz-transition:@arguments;-ms-transition:@arguments;-o-transition:@arguments;transition:@arguments;}.border-radius(@radius){-webkit-border-radius:@radius;-moz-border-radius:@radius;border-radius:@radius;}.box-shadow(@shadow){-webkit-box-shadow:@shadow;-moz-box-shadow:@shadow;box-shadow:@shadow;}.user-select(@select){-webkit-touch-callout:@select;-webkit-user-select:@select;-khtml-user-select:@select;-moz-user-select:@select;-ms-user-select:@select;user-select:@select;}.opacity(@opacity){@opacity-ie:@opacity * 100;-ms-filter:e("progid:DXImageTransform.Microsoft.Alpha(Opacity=@{opacity-ie})");filter:e("alpha(opacity=@{opacity-ie})");opacity:@opacity;}.transform(@transform){-webkit-transform:@transform;-moz-transform:@transform;-ms-transform:@transform;-o-transform:@transform;transform:@transform; }body .ideoslider .preventAnim{.transition( none, 0s, ease, 0s );}#<%=uid%>{@animationTime:<%=animationDuration%>ms;.galerie{.frameSlider{.transition(all, @animationTime, ease, 0s);}.bigWrapperMini{.transition(all, @animationTime, ease, 0s);}.description{.transition(all, 0.3s, ease-in-out, 0s);}.frameSlider{z-index: 0;.opacity(0);}.frameSlider.animate-in{z-index: 1;.opacity(1);}.frameSlider.animate-out{z-index: 0;.opacity(0);}}@grandeHeight:480px;@miniHeight:110px;@loaderSize:40px;@loaderMiniSize:30px;@marginMini: 7px;@color1:<%=colors[0]%>;@color2:<%=colors[1]%>;@radius : 10px;.rounded-corners(@radius: @radius) {  border-radius: @radius;  -webkit-border-radius: @radius;  -moz-border-radius: @radius;}#contenu-gauche .galerie .description h2 {font:normal 18px/18px Arial, Helvetica, sans-serif;text-transform:uppercase;color:#FFF;background:none;margin:5px 0 0 0;padding:5px 10px;border:none;}#contenu-gauche .galerie .description p {font: 12px/14px Arial, Helvetica, sans-serif;color:#FFF;margin:0;padding:0 10px 10px;}.galerie{&.ideoslider{position:relative;margin:15px 3px;}.blockGrande{position:relative;height:@grandeHeight - 22;overflow:hidden;border: 1px solid #EEE;background:#FFF;.box-shadow( 0px 1px 3px 0px rgba(0, 0, 0, 0.3));}.frameWrapper{position:relative;margin:10px;height:@grandeHeight - 42;overflow:hidden;}.grandeImage{position:relative;height:@grandeHeight - 42;overflow:hidden;}.frameSlider{z-index: 0;width: 100%;.opacity(0);position:absolute;height:@grandeHeight - 42;background-color:#EDEDED;overflow:hidden;}.description{width:100%;position:absolute;left:0;bottom:-120px;margin:0;background-color: rgba(0, 0, 0, 0.5);background-color: rgb(0, 0, 0) ;}.grandeImage:hover .description{bottom:0;}.blockMiniaturesWrapper{position: relative;padding: 11px;}.miniaturesWrapper{position: relative;overflow:hidden;}.miniatures{position:relative;margin:5px;width:@miniHeight;height:@miniHeight;background-color:@color1;cursor:pointer;border: 5px solid;border-color:lighten(@color1, 100%);.box-shadow( 0px 0px 3px 0px rgba(0, 0, 0, 0.3) );&.active{cursor:default;border-color:lighten(@color1, 50%);}}.miniImage {width:@miniHeight;height:@miniHeight;}.btnPrevMiniature{cursor: pointer;position: absolute;text-align: center;top: 40%;width:40px;height:40px;background: @color1;background-image: url(../images/btnPrevMiniature.png);background-position: center center;background-repeat: no-repeat;left: 0;.opacity(1);&:hover{.opacity(1);  background: @color2;background-image: url(../images/btnPrevMiniature.png);background-position: center center;background-repeat: no-repeat;}&:hover.inactive, &.inactive{display: none;}}.btnNextMiniature{cursor: pointer;position: absolute;text-align: center;top: 40%;width: 40px;height:40px;background: @color1;background-image: url(../images/btnNextMiniature.png);background-position: center center;background-repeat: no-repeat;right: 0;.opacity(1);&:hover{.opacity(1);  background: @color2;background-image: url(../images/btnNextMiniature.png);background-position: center center;background-repeat: no-repeat; }&:hover.inactive, &.inactive{display: none;}}.slideLoader, .miniLoader{position: absolute;left: 50%;top: 50%;margin-left:-(@loaderSize / 2);margin-top:-(@loaderSize / 2);}.miniLoader{margin-left:-(@loaderMiniSize / 2);margin-top:-(@loaderMiniSize / 2);}}}