





.fpg-wrapper {
padding: 10px 10px;
width: 100%;
}



.fpg-page {
}



ul.fpg-row {
height: 102px;
padding-left: 152px;
padding-bottom: 10px;
}

ul.fpg-row.fpg-last-row {
padding-bottom: 0px;
}



li.fpg-item {
height: 100px;
width: 50%
}



li.fpg-item.fpg-first-col {
width: 150px;
margin-left: -150px;
}

li.fpg-item.fpg-last-col {
width: 50%
}



.fpg-item-wrapper {
height: 100px;
width: 150px;

border-top: solid 1px #525252;
border-bottom: solid 1px #000000;
border-right: solid 1px #000000;
border-left: solid 1px #525252;

-moz-box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.5); 
-webkit-box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.5); 
box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.5);

background: #FFFFFF;
padding: 0px;
}

.fpg-item-wrapper:hover {
margin-top: 2px;
margin-right: -2px;

-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5); 
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
}



img.fpg-image {
height: 100px;
width: 150px;

}



.fpg-text {
width: 140px;
background: #000000; 
background: rgba(0,0,0,0.5);

border-top: solid 0px #000000;
border-bottom: solid 0px #000000;
border-right: solid 0px #000000;
border-left: solid 0px #;

-moz-box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.5), 2px 2px 2px 2px rgba(0,0,0,0.5) inset; 
-webkit-box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.5), 2px 2px 2px 2px rgba(0,0,0,0.5) inset; 
box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.5), 2px 2px 2px 2px rgba(0,0,0,0.5) inset;

margin: 0px 0px 0px 0px;
}



h3.fpg-title, h3.fpg-title a:link, h3.fpg-title a:visited, h3.fpg-title a:active {
color: #FFFFFF;
font-family: Arial, Veranda, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 12px;
line-height: 12px;
}


p.fpg-excerpt, p.fpg-excerpt a:link, p.fpg-excerpt a:visited, p.fpg-excerpt a:active {
color: #FFFFFF;
font-family: Arial, Veranda, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 10px;
line-height: 10px;
}


p.fpg-author, p.fpg-author a:link, p.fpg-author a:visited, p.fpg-author a:active {
color: #FFFFFF;
font-family: Arial, Veranda, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 8px;
line-height: 8px;
}


p.fpg-date, p.fpg-date a:link, p.fpg-date a:visited, p.fpg-date a:active {
color: #FFFFFF;
font-family: Arial, Veranda, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 8px;
line-height: 8px;
float: left;
}


.fpg-arrow-left, 
.fpg-arrow-right {
background-image: url(http://www.mdsg.fr/wp-content/plugins/featured-posts-grid/images/arrow-orange.png);
}

.fpg-arrow-pip {
width: 30px;
background-image: url(http://www.mdsg.fr/wp-content/plugins/featured-posts-grid/images/pip-orange.png);
}

ul.fpg-row li.fpg-item .fpg-item-wrapper a {
background: #000000;
}



