@import url(http://fonts.googleapis.com/css?family=Arvo);
/**
*** least.
*** Author: Kamil Czujowski, Sergej Müller
*** Version: 1.5
*** Made with ♥ - Copyright (c) 2013 Hamburg, Germany - All rights reserved.
*** https://twitter.com/kamilczujowski, http://wpcoder.de
**/
/* @group Mixins */
/* @end */
/* @group Colors */
/* @end */
/* @group Default */
* { border: 0; margin: 0; padding: 0; outline: 0; }

ul { list-style: none; }

h2 { font-family: Arvo, Arial, sans-serif; font-size: 30px; line-height: 25px; font-weight: 500; text-transform: uppercase; color: white; letter-spacing: 1px; }

p { font-family: Georgia, Arial, sans-serif; font-size: 15px; line-height: 15px; font-weight: 100; color: white; }

/* @end */
/* @group Gallery */
section { min-width: 100%; width: 100%; min-height: 100%; text-align: center; padding: 30px 0; margin-bottom: 30px; background-color: #000000; box-shadow: 0 0 10px #; /* @group Fullimage */ /* @end */ /* @group Smallimages */ }
section #fullPreview { background-color: #000000; border-top: 2px solid #333333; border-bottom: 2px solid #333333; padding: 50px 0 30px 0; display: none; }
section #fullPreview img, section #fullPreview .fullCaption { max-width: 960px; width: 100%; margin: 0 auto; display: block; }
section #fullPreview .fullCaption { font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 15px; font-weight: 300; color: #ffffff; margin: 15px auto 0 auto; }
section #fullPreview figure { background-image: url("../img/effects/close.png"); background-size: 100%; width: 30px; height: 30px; position: absolute; top: 10px; right: 20px; cursor: pointer; }
section li { display: inline-block; vertical-align: top; position: relative; /* @group Over */ /* @group Description */ /* @end *
/* @end */ }
section li:hover .overLayer { -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; opacity: 0.6; display: block; background: #B59A61; }
section li:hover .infoLayer { -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; opacity: 1; display: block; }
section li a { display: block; width: 240px; height: 150px; position: absolute; bottom: 10px; position: center; z-index: 6; color:white; }
section li a.spinner { background-size: 100%; background-image: url("../img/effects/spinner.gif"); width: 50px; height: 50px; position: absolute; left: 95px; top: 60px; }
section li img { border: none; margin: 10px 10px 0 0; }
section li .overLayer, section li .infoLayer { -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; width: 240px; height: 150px; position: absolute; text-align: center; opacity: 0; top: 10px; left: 0; z-index: 4; /* @end */ }
section li .overLayer ul, section li .infoLayer ul { padding: 50px 0 0 0; }
section li .overLayer ul li, section li .infoLayer ul li { display: block; margin: 0 auto; width: 200px; padding: 0 0 5px 0; }
section li .overLayer ul li:first-child, section li .infoLayer ul li:first-child { border-bottom: 2px #B59A61 solid; }
section li .overLayer ul li:last-child, section li .infoLayer ul li:last-child { padding: 5px 0 0 0; text-transform: lowercase; }
section li .overLayer ul li h2, section li .infoLayer ul li h2 { font-size: 25px; }
section li .projectInfo { display: none; }


/*---Lien catalogue pour en savoir plus----*/

#catLink{
	background:url(../images/btn-voir-catalogue.png) no-repeat;
	width:140px;
	height:20px;
	display:block;
	color:#FFF;
	font-size:13px;
	text-align:center;	
	text-decoration:none;
	padding:6px 0 0 0;
	float:right;
	margin:0 20px 0 0;
}

/* end */