@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'AdelleLight';
    src: url('fonts/AdelleSansSage/AdelleSansSage-light.eot');
    src: url('fonts/AdelleSansSage/AdelleSansSage-light.eot?#iefix') format("embedded-opentype"), url('fonts/AdelleSansSage/AdelleSansSage-light.woff') format("woff"), url('fonts/AdelleSansSage/AdelleSansSage-light.ttf') format("truetype"), url('fonts/AdelleSansSage/AdelleSansSage-light.svg') format("svg");
}
@font-face {
    font-family: 'AdelleRegul';
    src: url('fonts/AdelleSansSage/AdelleSansSage.eot');
    src: url('fonts/AdelleSansSage/AdelleSansSage.eot?#iefix') format("embedded-opentype"), url('fonts/AdelleSansSage/AdelleSansSage.woff') format("woff"), url('fonts/AdelleSansSage/AdelleSansSage.ttf') format("truetype"), url('fonts/AdelleSansSage/AdelleSansSage.svg') format("svg");
}
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
    font-family: 'AdelleRegul', sans-serif;
	font-weight: 400;
    font-size: 14px;
    line-height: 1.42857;
    background-color: #fff;
}

/* FIXDABO Title Product */

.container {
	padding: 20px;
	margin: 20px auto;
	text-align: center;
	border-bottom: solid 1px #F2F2F2;
}
ul.card {
    width: 280px;
    min-height: 280px;
    display: inline-block;
    overflow: hidden;
    border-radius: 4px;
    transition: all .3s ease-out;
    margin: 0 10px 20px 10px;
	padding: 0;
    text-align: center;
    color: #2c2a29;
    background: #fff;
    box-shadow: 0 0 6px 2px rgba(44,42,41,.1);
}

ul.card a {
	display: inline-block;
	text-decoration: none;
	padding: 10px;
}
ul.card:hover {
    background: #FAFAFA;
    box-shadow: 0 0 6px 2px rgba(0,75,135, 1);
	transition: all .4s ease-out;
}
ul.card li {
    list-style: none;
    overflow-wrap: break-word;
    display: block;
    color: #333333;
}
ul.card .card-header p.title {
	font-family: 'AdelleLight';
	font-weight: 100;
    color: #8246af;
    font-size: 1.45rem;
    margin: 0;
	padding: 0;
}
ul.card .card-body {
    padding: 20px 10px;
}

ul.card .card-body ul.enum {
	margin: 0;
	padding: 0;
	text-align: left;
}
ul.card .card-body ul.enum a {
	width: 220px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 4px;
}
ul.card .card-body ul.enum a:hover {
	text-decoration: underline;
}

.thumb {
    display: inline-block;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    background: no-repeat 50%;
    background-size: cover;
}
.thumb.icon-48 img {
    width: 48px;
    max-height: 48px;
}