@charset "UTF-8";


@media screen {
	
	#contenu div.listeCommercants{
	font-size: 2.2em;
	font-family: Georgia, "Times New Roman", serif; color: #057BD5;}
	#contenu div.listeCommercants ul{font-size: 0.8em; margin: 0 0 0 1em; padding: 0;}
	#contenu div.listeCommercants ul li{list-style: none; }
	#contenu div.listeCommercants ul li strong{display: block; margin-bottom: 0.5em; border-bottom: 1px solid #057BD5;}
	#contenu div.listeCommercants ul ul {}
	#contenu div.listeCommercants ul ul li strong{border-bottom: none; margin-bottom: 0;}
	#contenu div.listeCommercants ul ul li.pair{background: #E6E6E7;}
	#contenu div.listeCommercants ul li a{text-decoration: none; color: #057BD5;}
	#contenu div.listeCommercants ul ul{margin: 0; padding: 0 0 0 2em;}
	#contenu div.listeCommercants ul ul li:hover{background: #D5D2C8;}
	
	#contenu div.commercants {	
		position: relative;
		margin: 1em 0 0 0;
	}
	#contenu div.commercants ul{
		position: relative;
		list-style: none;
		margin: 0;
		padding: 0;
		width: 670px;
		height: 90px;
	}
	#contenu div.commercants ul li{
		position: relative;
		float: left;
		display: inline;
		width: 200px;
		height: 80px;
		font-weight: normal;
		font-size: 1.2em;
		margin: 0 0 10px 10px;
		padding: 5px;
		border: 1px solid #057BD5;		
		background: url(../images/semi-transparent.png);
	}	
	#contenu div.commercants ul li a{
		display: block;
		width: 200px;
		height: 80px;
		text-decoration: none;
		color: #057BD5;
	}	
	#contenu div.commercants ul li a span img{
		float: left; border: none; margin: 0 3px 3px 0;
	}	
	#contenu div.commercants ul li a span.adresse{
		display: block; 
		color: black; text-align: right;
	}	
	#contenu div.commercants ul li a strong{
		display: block;
		font-family: Georgia, "Times New Roman", serif;
	}
	#contenu p.adresse {
		font-size: 1.2em;
		margin: 0 0 0 1em;
	}
}

@media print {
}