h2.title span { display:block; font-size:14px; padding:0; margin:0;}

#picsContainer { margin:0 auto; width:100%; display:block; position:relative; }
#picsContainer h1 { display:block; }


#catsContainer { border-spacing:5px;border-collapse:separate; text-align:center; }
#catsContainer h1 { width:100%; }
#catsContainer h1 span { margin-top:15px;text-shadow:none; color:#999; font-style:italic; }
#catsContainer div { display:inline-block;padding:5px;margin:0 3px 10px 3px;vertical-align:top;min-height:200px;width:200px;text-align:center;background-color:#212121;padding:20px 0;color:#CCC; border-radius:5px;opacity:1; }
#catsContainer div h2 { display: block; margin: 0 0 20px; padding: 0; text-align: center; }
#catsContainer div h2 a { color: #FFF !important; }
#catsContainer div:hover h2 a { color: #FFF000 !important; text-decoration:none; }
#catsContainer div h2 a:hover { text-decoration:none; }
#catsContainer div:hover { background-color:#013293; cursor:pointer;opacity:1; }
#catsContainer div img { border:3px solid #CCC; border-radius:5px; }
#catsContainer span { display:block; font-size:10px; line-height:16px; }
#catsContainer span.count { color:#FFF; }
#catsContainer .jumpToLine { display:table-row; }

@media only screen and (min-width: 960px) {

	.fotorama { width:640px; }
	.fotorama__img { width:640px; }

}

@media only screen and (min-width: 480px) and (max-width: 767px) {

	.fotorama { width:360px; }
	.fotorama__img { width:360px; }

}

@media only screen and (max-width: 479px) {

	.fotorama { width:260px; }
	.fotorama__img { width:260px; }

}

.clear { clear:both; display:table; }




    ul.enlarge{
    list-style-type:none; /*remove the bullet point*/
    margin:0;
    padding: 0;
    position: relative;
    }
    ul.enlarge li{
    display:inline-block; /*places the images in a line*/
    z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
    margin:0px;
    opacity: 1 !important;
    }
    ul.enlarge img{
    }
    ul.enlarge span{
    position:absolute;
    /*left: -9999px;*/
    top: -1px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
    left: -9999px; /*distance from the left of the thumbnail to the left of the popup image*/
    background-color:#eae9d4;
    font-family: 'Droid Sans', sans-serif;
    font-size:.9em;
    text-align: center;
    color: #495a62;
    opacity:0;
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* Hack IE8 */
	filter: alpha(opacity = 30); /* Hack IE 5-7 */
	-webkit-transition: all 0.1s linear;/* transition pour Chrome et Safari */
	-moz-transition: all 0.1s linear;/* transition pour Firefox */
	-o-transition: all 0.1s linear;/* transition pour Opéra */
    transition: all 0.1s linear;   }
    ul.enlarge li:hover{
    z-index: 50;
    cursor:pointer;
    }
    ul.enlarge span img{
    width:375px;
    margin:0;
    padding: 0;
    border: 1px solid #ccc;
    }
    ul.enlarge li span{
    }
    ul.enlarge li:hover span{
    opacity:1;
    left: -379px;
	-webkit-transition: all 0s linear;/* transition pour Chrome et Safari */
	-moz-transition: all 0s linear;/* transition pour Firefox */
	-o-transition: all 0s linear;/* transition pour Opéra */
    transition: all 0s linear;   }
    }
    ul.enlarge li:hover:nth-child(1) span{}
    ul.enlarge li:hover:nth-child(2) span{}
    ul.enlarge li:hover:nth-child(3) span{}
    ul.enlarge li:hover:nth-child(4) span{}
    /**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
    ul.enlarge img, ul.enlarge span{
    behavior: url(pie/PIE.htc);
    }