<section class="bar-matchs">

	<header class="bar-matchs-header">
		<h4 class="bar-matchs-header-title">Matchs diffusés<br />au café des sports</h4>
	</header>

	<div class="bar-matchs-period">Du lundi 4 janvier au lundi 1er février</div>

	<div class="bar-matchs-wrapper">

		<div class="bar-matchs-separator">dimanche 27 décembre 2016</div>

		<ul class="bar-matchs-list">

			<li class="bar-matchs-list-item">
				<div class="bar-matchs-list-wrapper">
					<img class="bar-matchs-logo-club bar-matchs-logo-club-left" src="img/layout/logo-match-3.png" alt="">
					<img class="bar-matchs-logo-club bar-matchs-logo-club-right" src="img/layout/logo-match-4.png" alt="">
					<div class="bar-matchs-list-item-picto">
						<span class="icon-svg icon-ball">
							<svg>
					            <use xlink:href="img/sprites/sprite.svg#icon-ball"></use>
					        </svg>
						</span>
					</div>
					<p class="bar-matchs-list-item-match">FOOTBALL - LIGUE 1</p>
					<p class="bar-matchs-list-item-hourly">18H00</p>
					<h5 class="bar-matchs-list-item-title">PARIS SAINT GERMAIN - OLYMPIQUE DE MARSEILLE</h5>
				</div>
			</li>

			<li class="bar-matchs-list-item">
				<div class="bar-matchs-list-wrapper">
					<img class="bar-matchs-logo-club bar-matchs-logo-club-left" src="img/layout/logo-match-1.png" alt="">
					<img class="bar-matchs-logo-club bar-matchs-logo-club-right" src="img/layout/logo-match-2.png" alt="">
					<div class="bar-matchs-list-item-picto">
						<span class="icon-svg icon-ball">
							<svg>
					            <use xlink:href="img/sprites/sprite.svg#icon-ball"></use>
					        </svg>
						</span>
					</div>
					<p class="bar-matchs-list-item-match">BASKETBALL - NBA</p>
					<p class="bar-matchs-list-item-hourly">20H00</p>
					<h5 class="bar-matchs-list-item-title">CHICAGO BULLS - LOS ANGELES LAKERS</h5>
				</div>
			</li>

			<li class="bar-matchs-list-item">
				<div class="bar-matchs-list-wrapper">
					<img class="bar-matchs-logo-club bar-matchs-logo-club-left" src="img/layout/logo-match-5.png" alt="">
					<img class="bar-matchs-logo-club bar-matchs-logo-club-right" src="img/layout/logo-match-6.png" alt="">
					<div class="bar-matchs-list-item-picto">
						<span class="icon-svg icon-ball">
							<svg>
					            <use xlink:href="img/sprites/sprite.svg#icon-ball"></use>
					        </svg>
						</span>
					</div>
					<p class="bar-matchs-list-item-match">RUGBY - TOP 14</p>
					<p class="bar-matchs-list-item-hourly">19H00</p>
					<h5 class="bar-matchs-list-item-title">MONTPELLIER - AGEN</h5>
				</div>
			</li>

		</ul>

		<div class="bar-matchs-separator">LUNDI 28 décembre 2016</div>

		<ul class="bar-matchs-list">

			<li class="bar-matchs-list-item">
				<div class="bar-matchs-list-wrapper">
					<img class="bar-matchs-logo-club bar-matchs-logo-club-left" src="img/layout/logo-match-1.png" alt="">
					<img class="bar-matchs-logo-club bar-matchs-logo-club-right" src="img/layout/logo-match-2.png" alt="">
					<div class="bar-matchs-list-item-picto">
						<span class="icon-svg icon-ball">
							<svg>
					            <use xlink:href="img/sprites/sprite.svg#icon-ball"></use>
					        </svg>
						</span>
					</div>
					<p class="bar-matchs-list-item-match">FOOTBALL - LIGUE 1</p>
					<p class="bar-matchs-list-item-hourly">18H00</p>
					<h5 class="bar-matchs-list-item-title">PARIS SAINT GERMAIN - OLYMPIQUE DE MARSEILLE</h5>
				</div>
			</li>

			<li class="bar-matchs-list-item">
				<div class="bar-matchs-list-wrapper">
					<img class="bar-matchs-logo-club bar-matchs-logo-club-left" src="img/layout/logo-match-3.png" alt="">
					<img class="bar-matchs-logo-club bar-matchs-logo-club-right" src="img/layout/logo-match-4.png" alt="">
					<div class="bar-matchs-list-item-picto">
						<span class="icon-svg icon-ball">
							<svg>
					            <use xlink:href="img/sprites/sprite.svg#icon-ball"></use>
					        </svg>
						</span>
					</div>
					<p class="bar-matchs-list-item-match">BASKETBALL - NBA</p>
					<p class="bar-matchs-list-item-hourly">20H00</p>
					<h5 class="bar-matchs-list-item-title">CHICAGO BULLS - LOS ANGELES LAKERS</h5>
				</div>
			</li>

			<li class="bar-matchs-list-item">
				<div class="bar-matchs-list-wrapper">
					<img class="bar-matchs-logo-club bar-matchs-logo-club-left" src="img/layout/logo-match-5.png" alt="">
					<img class="bar-matchs-logo-club bar-matchs-logo-club-right" src="img/layout/logo-match-6.png" alt="">
					<div class="bar-matchs-list-item-picto">
						<span class="icon-svg icon-ball">
							<svg>
					            <use xlink:href="img/sprites/sprite.svg#icon-ball"></use>
					        </svg>
						</span>
					</div>
					<p class="bar-matchs-list-item-match">RUGBY - TOP 14</p>
					<p class="bar-matchs-list-item-hourly">19H00</p>
					<h5 class="bar-matchs-list-item-title">MONTPELLIER - AGEN</h5>
				</div>
			</li>

			<li class="bar-matchs-list-item">
				<div class="bar-matchs-list-wrapper">
					<img class="bar-matchs-logo-club bar-matchs-logo-club-left" src="img/layout/logo-match-1.png" alt="">
					<img class="bar-matchs-logo-club bar-matchs-logo-club-right" src="img/layout/logo-match-2.png" alt="">
					<div class="bar-matchs-list-item-picto">
						<span class="icon-svg icon-ball">
							<svg>
					            <use xlink:href="img/sprites/sprite.svg#icon-ball"></use>
					        </svg>
						</span>
					</div>
					<p class="bar-matchs-list-item-match">RUGBY - TOP 14</p>
					<p class="bar-matchs-list-item-hourly">19H00</p>
					<h5 class="bar-matchs-list-item-title">MONTPELLIER - AGEN</h5>
				</div>
			</li>

		</ul>

	</div>

</section>