﻿@import"slider.css";
/* Lightbox image */
.lightbox-image{display:block;position:relative;}
.lightbox-image img{position:relative;z-index:2; max-width:100%; height:auto;}
.lightbox-image span{position:absolute;width:100%;height:100%;left:0;top:0;background:url(../images/magnify.png) 50% 50% no-repeat #fff;}
/* Elastislide Style */
.es-carousel-wrapper{padding:29px 15px 30px 30px;position:relative; margin:20px 0 2px 2px; z-index:99;background:#f5f5f5;box-shadow:0px 1px 1px rgba(0,0,0,.2), inset 0 0 1px 1px #fff;}
.es-carousel{overflow:hidden;width:880px !important;height:202px !important}
.es-carousel ul{}
.es-carousel ul li{height:202px;float:left;display:block;width:160px;margin-right:20px}
.es-carousel ul li img{display:block;border:none;height:150px;width:160px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.es-carousel ul li a img:hover{opacity:.8}
.es-carousel ul li .button{ margin-top:24px;}
.es-nav-next,.es-nav-prev{ display:block !important; position:absolute; top:-66px; line-height:0; font-size:0; width:19px; text-indent:-5000px; height:28px; z-index:99; cursor:pointer; background-position:0 0; background-color:#e9e9e9}
.es-nav-next{right:18px; background-image:url(../images/button-next.png);}
.es-nav-prev{right:47px; background-image:url(../images/button-prev.png);}
.es-nav-prev:hover,.es-nav-next:hover{background-position:0 bottom}

.image{ max-width:100%; height:auto;}
/*==========================================*/

/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */