@extends('master')

@section('title', 'La liste')

@section('content')
    <div class="row 150%">
        <div class="6u 12u$(medium)">
            <header class="major">
                <h2>La liste</h2>
            </header>
        </div>
    </div>

    <div class="row 150% align-center">
        <div style="padding-bottom: 1em;" class="3u 12u$(small) important(medium)">
            <span class="image fit"><img src="images/baptiste.jpg" alt=""/></span>
            <h4 class="bold" style="margin:0;">Baptiste</h4>
            <p>Prez</p>
        </div>
        <div style="padding-bottom: 1em;" class="3u 12u$(small) important(medium)">
            <span class="image fit"><img src="images/aurelie.jpg" alt=""/></span>
            <h4 class="bold" style="margin:0;">Aurélie</h4>
            <p>Vice-Prez</p>
        </div>
        <div style="padding-bottom: 1em;" class="3u 12u$(small) important(medium)">
            <span class="image fit"><img src="images/arthur.jpg" alt=""/></span>
            <h4 class="bold" style="margin:0;">Arthur</h4>
            <p>Trésorier</p>
        </div>
        <div style="padding-bottom: 1em;" class="3u 12u$(small) important(medium)">
            <span class="image fit"><img src="images/oceane.jpg" alt=""/></span>
            <h4 class="bold" style="margin:0;">Océane</h4>
            <p>Sec'gen</p>
        </div>
    </div>

    <div class="row 150% align-center">
        <div style="padding-bottom: 1em;" class="3u 12u$(small) important(medium)">
            <span class="image fit"><img src="images/bastien.jpg" alt=""/></span>
            <h4 class="bold" style="margin:0;">Bastien</h4>
            <p>Respo Tournois</p>
        </div>
        <div style="padding-bottom: 1em;" class="3u 12u$(small) important(medium)">
            <span class="image fit"><img src="images/matthieu.jpg" alt=""/></span>
            <h4 class="bold" style="margin:0;">Matthieu</h4>
            <p>Respo Matos</p>
        </div>
        <div style="padding-bottom: 1em;" class="3u 12u$(small) important(medium)">
            <span class="image fit"><img src="images/louis.jpg" alt=""/></span>
            <h4 class="bold" style="margin:0;">Louis</h4>
            <p>Respo Entreprises</p>
        </div>
        <div style="padding-bottom: 1em;" class="3u 12u$(small) important(medium)">
            <span class="image fit"><img src="images/timothe.jpg" alt=""/></span>
            <h4 class="bold" style="margin:0;">Timothé</h4>
            <p>Respo Voyages</p>
        </div>
    </div>

    <div class="row 150% align-center">
        <div style="padding-bottom: 1em;" class="3u 12u$(small) important(medium)">
            <span class="image fit"><img src="images/rafael.jpg" alt=""/></span>
            <h4 class="bold" style="margin:0;">Rafael</h4>
            <p>Respo Étrangers</p>
        </div>
        <div style="padding-bottom: 1em;" class="3u 12u$(small) important(medium)">
            <span class="image fit"><img src="images/clement.jpg" alt=""/></span>
            <h4 class="bold" style="margin:0;">Clément</h4>
            <p>Respo Com</p>
        </div>
        <div style="padding-bottom: 1em;" class="3u 12u$(small) important(medium)">
            <span class="image fit"><img src="images/thomas.jpg" alt=""/></span>
            <h4 class="bold" style="margin:0;">Thomas</h4>
            <p>Respo 2A</p>
        </div>
    </div>
@stop