.filters { float: left; clear: both; width: 100%; }
.filters .header { float: left; clear: both; width: 100%; margin: 0px 0px 5px 0px; }
.filters .column { float: left; width: 33%; }
.filters .field { float: left; clear: both; width: 100%; margin: 20px 0px 5px 0px; }
.filters .checkboxes { 
	float: left; clear: both; width: 100%;
	-webkit-column-width: 250px;
  	-moz-column-width: 250px;
  	column-width: 250px;
}
.filters .checkboxes > div {  }

.promos { 
	float: left; width: 100%; 	
}
.promo { 
	margin: 6px 0px 6px 0px; font-size: 20px; float: left; display: block; 
	width: 100%; min-width: 500px; height: 190px; 
	padding: 2px;
	text-transform: uppercase; letter-spacing: 0px; 
	border: 1px dashed #666;
	position: relative;
	background: white;
	z-index: 0;	
}

@media screen and (max-width: 760px) {
	.promo { font-size: 16px; }
}

.promo > div { z-index: 1; }
.promo .picto { float: left; width: 120px; height: 120px; padding: 0px 0px 0px 0px; position: absolute; left: 10px; top: 40px; }
.promo .picto.filled { background: #ed4c24; }
.promo .picto.filled.blue { background: #3164af; }
.promo .picto.filled .value { font-size: 2em; font-weight: bold; color: white; width: 100%; text-align: center; margin-top: 30px;  }
.promo .picto img { width: 100px; height: 100px; margin: 5px 0px 0px 5px; }
.promo .title { 
	font-size: 1.2em; color: #000; font-weight: bold; line-height: 1em; float: left; clear: both; padding: 10px 10px 0px 10px; white-space: nowrap; width: 70%; 
	position: absolute; left: 0px; top: 0px;
}
.promo .desc { 
	font-size: 1em; color: black; font-weight: normal; line-height: 1em; 
	padding: 0px 0px 0px 0px; width: 70%;
	position: absolute; top: 40px; left: 150px;
}
.promo.type-3 .desc {  }
.promo .desc br { line-height: 1.3em; }
.promo .desc.simple {  }
.promo .desc span { line-height: 1em; letter-spacing: 0px; font-size: 1.4em; }
.promo .desc .upto { color: #cc0000; margin-right: 8px; }
.promo .desc .from { color: #000066; margin-right: 8px; }
.promo .desc .value { font-size: 2.6em; padding: 0px 2px 0px 0px; font-weight: bold; letter-spacing: -1px; position: relative; top: 4px; }
.promo .desc .currency { font-size: 2.6em; font-weight: bold; letter-spacing: -2px; position: relative; top: 4px;   }
.promo .date { 
	font-size: 0.8em; color: #666; font-weight: normal; text-transform: none; 
	position: absolute; right: 10px; top: 10px; 
}
.promo .actions { font-size: 1em; position: absolute; bottom: 5px; left: 20px; }
.promo .actions a.action { font-size: 0.8em; }
.promo .condition { font-size: 0.6em; color: #666; text-transform: none; line-height: 1em; overflow: hidden; position: absolute; bottom: 12px; left: 150px; width: 70%;  }
.promo .conditionStandard { display: none; font-size: 0.6em; color: #666; position: absolute; bottom: 40px; left: 150px; }
.promo .watermark { 
	text-align:right; width:380px; white-space: nowrap; overflow: hidden; position:absolute; z-index: 0;
	bottom:2px; right:4px; font-size:20px; color:#f1f1f1; font-weight:bold; 
}

div.points { width: 370px; float: left; font-size: 14px; }
div.points .title { font-weight: bold; font-size: 1.2em; width: 100%; border-bottom: 1px solid #efefef; }

div.note { width: 370px; float: right; padding: 5px 10px 10px 10px; background: #E7E7E8; font-size: 14px; } 
.note .title { font-size: 1.4em; color: #cc0000; }
.note .bigger { font-size: 1.4em; font-weight: bold; line-height: 1em; padding: 0px 0px 10px 0px; }
.note .normal { padding: 0px 0px 10px 0px; }
.note .normal a.action { font-size: 1em; }

div#pvmList { padding: 0px 0px 0px 0px; width: 100%; }
#pvmList .group { float: left; clear: both; width: 100%; margin: 10px 0px 20px 0px; box-sizing: border-box; }
#pvmList .group .garage { float: left; clear: both; width: 100%; background: #E1E4EA; padding: 5px 10px 5px 10px; box-sizing: border-box; }
#pvmList .group .garage .title { font-size: 1em; font-weight: 700; color: #000; text-transform: uppercase; width: 100%; }
#pvmList .group .garage .title a, #pvmList .group .garage .info a { font-size: inherit; text-decoration: none; font-weight: inherit; color: inherit; }

.garage .infoline { padding: 0px 0px 0px 20px; }
.garage div.address { background: url(http://img.multimarque.com/websites/int/pictos/do/contacts_contact_address_01a.png) 0px 2px no-repeat; }
.garage div.phone { background: url(http://img.multimarque.com/websites/int/pictos/do/contacts_contact_phone_01a.png) 0px 3px no-repeat; }
.garage div.services { background: url(http://img.multimarque.com/websites/int/pictos/do/contacts_contact_distance_01a.png) 0px 3px no-repeat; }

.message-about-width { float: left; clear: both; width: 100%; font-size: 1em; line-height: 1em; padding: 10px 10px 10px 10px; margin: 5px 0px 5px 0px; background: #FFFDBC; }