.metro {
	z-index: 1;
}

.metro .tile .brand,
.metro .tile .tile-status {
  position: absolute;
  min-height: 29px;
  margin: 0;
  z-index: 5;
}
.metro .tile .brand .text,
.metro .tile .tile-status .text {
    margin: 2px 2px 2px 2px;
    font-size: 12px;
    padding: 0px;
    padding-left: 15px;
}



.metro a,
.metro a:hover,
.metro .link {
  color: #ffffff;
}

.metro .tile .brand .text, .metro p {
    margin: 4px 4px 4px 20px;
}
.metro p {
    font-size: 12px;
    width: 160px;
    padding-left: 30px;
    padding-top: 60px;
  
}

.metro .tile {
  width: 243px;
  height: 200px;
  box-shadow: inset 0px 0px 1px #c9cbcb;
  
}

.metro .tile.small {
  width: 164px;
}

.metro .tile.double {
width: 496px;  /*2*simple + margin*/
}
.metro .tile.triple {
width: 749px; /*3*simple + 2*margin*/
}
/*
.metro #tileContainer {
	width: 530px;
	height: 550px;
	display: block;
	position: relative;
}*/

/*
.two-sidebars #content {
    width: 600px;
    height: 600px;
}
*/

.metro .tile .views-field-field-date,
.metro .tile .views-field-field-date-sans-heure,
.metro .node-type p{

	/*line-height: 12pt;*/
	color: #E8E9EB;
	position: absolute;
	z-index: 4;
	margin: 0px; 
	font-size: 0.8em;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 3px;
    width: 100%;
}

.metro .tile .views-field-field-date {
	padding-left: 10px;
}
.metro .node-type {
    height: 30px;
    width: 243px;
    margin: 0px;
    
    text-transform: uppercase;
    text-align: left;
    background-color: #4d646c;
    font-size: 10px;
    letter-spacing: 0.5em;
    padding: 0px;
    padding-left:10px;
    padding-top: 5px;
    
    position: absolute;
    left:10px;
    top:16px;    
    z-index: 10;
    
    /*Rotation*/
    -ms-transform: rotate(90deg); /* IE 9 */
    -ms-transform-origin:5px 10px; /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin:5px 10px; /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    transform-origin:5px 10px;
}

/*.metro .tile .field-content {
	font-size: 0.6em;
	line-height: 12pt;
	width: 120px;
	color: #33383D;
	position: absolute;
	z-index: 4;
}

.metro .tile .field-content .tile-content.image img{
	position: absolute;
	z-index: 4;
}
*/

.metro .tile .views-field-title {
	padding-top: 20px;
}

.metro, .metro.background {
	/*width: 759px;*/
	max-height: 630px;
	padding-top: 10px;
	padding-left: 10px;
	/*display: inline-block;*/
    overflow: hidden;
}

.metro.background {
	z-index: 0;
	background-color: #c9cbcb;
    opacity: 0.7;
    
    position: absolute;
    top: 0px;
}

.metro img {
    margin-top: 21px;
    margin-right: 25px;
    float: right;
}

.metro .partenaires img {   
   	margin: 0px;
	margin-right: 17px;
	margin-top: 4px;
	/* margin-bottom: 1px; */
	height: 45px;
}

.metro .partenaires .node-type {
    top:-5px;    
}



.bg-black {
  background-color: #000000 !important;
}
.bg-white {
  background-color: #ffffff !important;
}
.bg-lime {
  background-color: #a4c400 !important;
}
.bg-green {
  background-color: #60a917 !important;
}
.bg-emerald {
  background-color: #008a00 !important;
}
.bg-teal {
  background-color: #00aba9 !important;
}
.bg-cyan {
  background-color: #1ba1e2 !important;
}
.bg-cobalt {
  background-color: #0050ef !important;
}
.bg-indigo {
  background-color: #6a00ff !important;
}
.bg-violet {
  background-color: #aa00ff !important;
}
.bg-pink {
  background-color: #dc4fad !important;
}
.bg-magenta {
  background-color: #d80073 !important;
}
.bg-crimson {
  background-color: #a20025 !important;
}
.bg-red {
  background-color: #e51400 !important;
}
.bg-orange {
  background-color: #fa6800 !important;
}
.bg-amber {
  background-color: #f0a30a !important;
}
.bg-yellow {
  background-color: #e3c800 !important;
}
.bg-brown {
  background-color: #825a2c !important;
}
.bg-olive {
  background-color: #6d8764 !important;
}
.bg-steel {
  background-color: #647687 !important;
}
.bg-mauve {
  background-color: #76608a !important;
}
.bg-taupe {
  background-color: #87794e !important;
}
.bg-gray {
  background-color: #555555 !important;
}
.bg-dark {
  background-color: #333333 !important;
}
.bg-darker {
  background-color: #222222 !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.bg-darkBrown {
  background-color: #63362f !important;
}
.bg-darkCrimson {
  background-color: #640024 !important;
}
.bg-darkMagenta {
  background-color: #81003c !important;
}
.bg-darkIndigo {
  background-color: #4b0096 !important;
}
.bg-darkCyan {
  background-color: #1b6eae !important;
}
.bg-darkCobalt {
  background-color: #00356a !important;
}
.bg-darkTeal {
  background-color: #004050 !important;
}
.bg-darkEmerald {
  background-color: #003e00 !important;
}
.bg-darkGreen {
  background-color: #128023 !important;
}
.bg-darkOrange {
  background-color: #bf5a15 !important;
}
.bg-darkRed {
  background-color: #9a1616 !important;
}
.bg-darkPink {
  background-color: #9a165a !important;
}
.bg-darkViolet {
  background-color: #57169a !important;
}
.bg-darkBlue {
  background-color: #16499a !important;
}
.bg-lightBlue {
  background-color: #4390df !important;
}
.bg-lightRed {
  background-color: #ff2d19 !important;
}
.bg-lightGreen {
  background-color: #7ad61d !important;
}
.bg-lighterBlue {
  background-color: #00ccff !important;
}
.bg-lightTeal {
  background-color: #45fffd !important;
}
.bg-lightOlive {
  background-color: #78aa1c !important;
}
.bg-lightOrange {
  background-color: #c29008 !important;
}
.bg-lightPink {
  background-color: #f472d0 !important;
}
.bg-grayDark {
  background-color: #333333 !important;
}
.bg-grayDarker {
  background-color: #222222 !important;
}
.bg-grayLight {
  background-color: #999999 !important;
}
.bg-grayLighter {
  background-color: #eeeeee !important;
}
.bg-blue {
  background-color: #00aff0 !important;
}


.view-metro-view .view-content {
     position: relative;
}