﻿div.Miniatures
{
    margin:0px;
    margin-left:-5px;
    margin-right:-5px;
    padding:0px;
}

div.Miniatures div.Miniature
{
    width:25%;
    
    margin:0px;
    margin-bottom:10px;
    padding:0px;
    padding-bottom:0.1px;
    
    float:left;
}

@media (max-width:750px)
{
    div.Miniatures div.Miniature
    {
        width:50%;
    }
}

div.Miniatures div.Miniature div.Photo
{
	margin:0px;
    padding:10px;

    background:#FEFFFF;
    background:-webkit-linear-gradient(top, #FEFFFF 20%, #F2F6F9 100%);
    background:-moz-linear-gradient(top, #FEFFFF 20%, #F2F6F9 100%);
    background:linear-gradient(to bottom, #FEFFFF 20%, #F2F6F9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEFFFF', endColorstr='#F2F6F9', GradientType=0);
    
    border:1px solid #DBDBDB;

    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    
    -webkit-border-radius:1px 1px 0px 0px;
	-moz-border-radius:1px 1px 0px 0px;
	border-radius:1px 1px 0px 0px;
}

div.Miniatures div.Miniature div.Photo a
{
    margin:0px;
    padding:0px;
    
    background:#FFFFFF;
    
    display:block;
}

div.Miniatures div.Miniature div.Photo a img
{
	width:auto;
	max-width:100%;
	height:auto;
	max-height:100%;
	
    margin:0px;
    margin-left:auto;
    margin-right:auto;
    padding:0px;
    
    border:none;
    
    display:block;
    
    position:relative;
}

div.Miniatures div.Miniature div.Photo div.Tailles
{
    height:0px;
    
    margin:0px;
    padding:0px;
    
    display:none;
    
    position:relative;
    top:-58px;
}

div.Miniatures div.Miniature div.Photo:hover div.Tailles
{
    display:block;
}

div.Miniatures div.Miniature div.Photo div.Tailles p
{
    margin:0px;
    padding:0px;
    padding-top:10px;
    padding-bottom:10px;
    
    text-align:center;
    
    background:rgba(230, 230, 230, 0.8);
}

div.Miniatures div.Miniature div.Photo div.Tailles p span
{
    font-weight:bold;
}

div.Miniatures div.Miniature div.Photo div.Promotion
{
    height:0px;
    
    margin:0px;
    padding:0px;
    
    float:left;
    
    position:relative;
    top:5px;
    left:5px;
    z-index:10;
}

div.Miniatures div.Miniature div.Photo div.Promotion p
{
    width:50px;
    line-height:50px;
    
    margin:0px;
    padding:0px;
    
    color:#FFFFFF;
    font-size:0.9em;
    font-weight:bold;
    text-align:center;
    
    background:url('../Images/Promotion.png') no-repeat;
    background-position:center center;
    background-size:50px 50px;
    
    display:block;
}

div.Miniatures div.Miniature div.Texte
{
    margin:0px;
    padding:0px;
    padding-top:10px;
    
    border-left:1px solid #DBDBDB;
    border-right:1px solid #DBDBDB;
    border-bottom:1px solid #DBDBDB;
    
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    
    -webkit-border-radius:0px 0px 1px 1px;
	-moz-border-radius:0px 0px 1px 1px;
	border-radius:0px 0px 1px 1px;
}

div.Miniatures div.Miniature div.Texte p
{
    text-align:center;
}