/* Système de navigation pour la recherche de magasin par liste */
#str-list-nav {
	float: left;
	clear: both;
}
/* Liste des zones dans lesquelles des magasins se trouvent.  */
#str-list-zones {
	list-style-type: none;
	width: 440px;
	float: left;
}
#str-list-zones li {
	float: left;
}
#str-list-zones li a {
	display: block;
	width: 110px;
	color: #0099CC; text-transform: uppercase;

	background-position: center 10px;
	background-repeat: no-repeat;
	padding-top: 105px; padding-bottom: 16px;
	
	text-align: center;	
}
#str-list-zones li#str-zone-manche a {
	background-image: url(/images/magasins/manche-off.png);
}
#str-list-zones li.selected#str-zone-manche a {
	background-image: url(/images/magasins/manche-on.png);
}
#str-list-zones li#str-zone-bretagne a {
	background-image: url(/images/magasins/bretagne-off.png);
}
#str-list-zones li.selected#str-zone-bretagne a {
	background-image: url(/images/magasins/bretagne-on.png);
}
#str-list-zones li#str-zone-atlantique a {
	background-image: url(/images/magasins/atlantique-off.png);
}
#str-list-zones li.selected#str-zone-atlantique a {
	background-image: url(/images/magasins/atlantique-on.png);
}
#str-list-zones li#str-zone-pyrenees a {
	background-image: url(/images/magasins/pyrenees-off.png);
}
#str-list-zones li.selected#str-zone-pyrenees a {
	background-image: url(/images/magasins/pyrenees-on.png);
}
#str-list-zones li#str-zone-mediterranee a {
	background-image: url(/images/magasins/mediterranee-off.png);
}
#str-list-zones li.selected#str-zone-mediterranee a {
	background-image: url(/images/magasins/mediterranee-on.png);
}
#str-list-zones li#str-zone-corse a {
	background-image: url(/images/magasins/corse-off.png);
}
#str-list-zones li.selected#str-zone-corse a {
	background-image: url(/images/magasins/corse-on.png);
}
#str-list-zones li#str-zone-est a {
	background-image: url(/images/magasins/est-off.png);
}
#str-list-zones li.selected#str-zone-est a {
	background-image: url(/images/magasins/est-on.png);
}
#str-list-zones li#str-zone-guadeloupe a {
	background-image: url(/images/magasins/guadeloupe-off.png);
}
#str-list-zones li.selected#str-zone-guadeloupe a {
	background-image: url(/images/magasins/guadeloupe-on.png);
}
/* Fiche magasin */
div.manager {
	padding-left: 2px;
}
div.manager, div.manager a {
	color: #006AB1; font-weight: bold;
}
div.str-image {
	width: 331px; height: 221px;
	background-image: url(/images/magasins/card/image-background.png);
	float: left;
}
div.str-image img {
	margin: 6px 0 0 58px;
}
#content div.str-contact {
	width: 489px; height: 220px;
	background-image: url(/images/magasins/card/contact-bottom.png);
	background-position: left bottom;
	float: left;
}
#content div.str-contact h2 {
	background-image: url(/images/magasins/card/contact-top.png);
	height: 26px;
}
#content div.str-contact h2 {
	font-size: 11px; text-transform: uppercase;
	padding-left: 44px; padding-top: 5px; margin: 0;
}
#content div.str-contact h2 span {
	color: #BE0C1D; background-color: white;
}
#content div.str-contact div.str-access {
	float: left; margin-left: 30px;
	padding-top: 5px;
}
#content div.str-contact div.vcard {
	margin-left: 30px; padding-bottom: 20px;
	float: left;
}
#content div.str-contact div.vcard div.org {
	color: #E85C0F; text-transform: uppercase;
	font-weight: bold;
}
#content div.str-contact div.spacer {
	padding-top: 20px;
}
#content div.vcard div.adr span.type {
	display: none;
}
#content div.vcard a {
	color: #006AB1;
}
#content div.vcard div.tel span.type {
	display: none;
}
#content div.desc {
	clear: both; padding: 1em 0;
	padding-left: 2px;
}
#content div.images div.image {
	width: 222px; height: 222px;
	background-image: url(/images/magasins/card/image-background-2.png);
	float: left;
}
#content div.images div.image img {
	margin: 36px;
}