    <div class="fiches">
        <div class="fiche">
            <div>
                <h2 class="thetitre">Thème 1</h2>


                <img src="https://www.carhaix2020.bzh/images/photo.jpg" alt="" />
            </div>
            <div>
                <p>Contributions</p>
            </div>
            <div>
                <input type="button" value="Participer" class="thebutton">
            </div>
        </div>
        <div class="fiche">
            <div>
                <h2 class="thetitre">Thème 2</h2>


                <img src="https://www.carhaix2020.bzh/images/photo.jpg" alt="" />
            </div>
            <div>
                <p>Contributions</p>
            </div>
            <div>
                <input type="button" value="Participer" class="thebutton">
            </div>
        </div>
    </div>

    <div class="fiches">
        <div class="fiche">
            <div>
                <h2 class="thetitre">Thème 3</h2>


                <img src="https://www.carhaix2020.bzh/images/photo.jpg" alt="" />
            </div>
            <div>
                <p>Contributions</p>
            </div>
            <div>
                <input type="button" value="Participer" class="thebutton">
            </div>
        </div>
        <div class="fiche">
            <div>
                <h2 class="thetitre">Thème 4</h2>


                <img src="https://www.carhaix2020.bzh/images/photo.jpg" alt="" />
            </div>
            <div>
                <p>Contributions</p>
            </div>
            <div>
                <input type="button" value="Participer" class="thebutton">
            </div>
        </div>
    </div>

    <div class="fiches">
        <div class="fiche">
            <div>
                <h2 class="thetitre">Thème 5</h2>


                <img src="https://www.carhaix2020.bzh/images/photo.jpg" alt="" />
            </div>
            <div>
                <p>Contributions</p>
            </div>
            <div>
                <input type="button" value="Participer" class="thebutton">
            </div>
        </div>
        <div class="fiche">
            <div>
                <h2 class="thetitre">Thème 6</h2>


                <img src="https://www.carhaix2020.bzh/images/photo.jpg" alt="" />
            </div>
            <div>
                <p>Contributions</p>
            </div>
            <div>
                <input type="button" value="Participer" class="thebutton">
            </div>
        </div>
    </div>

    <div class="fiches">
        <div class="fiche">
            <div>
                <h2 class="thetitre">Thème 7</h2>


                <img src="https://www.carhaix2020.bzh/images/photo.jpg" alt="" />
            </div>
            <div>
                <p>Contributions</p>
            </div>
            <div>
                <input type="button" value="Participer" class="thebutton">
            </div>
        </div>
        <div class="fiche">
            <div>
                <h2 class="thetitre">Thème 8</h2>


                <img src="https://www.carhaix2020.bzh/images/photo.jpg" alt="" />
            </div>
            <div>
                <p>Contributions</p>
            </div>
            <div>
                <input type="button" value="Participer" class="thebutton">
            </div>
        </div>
    </div>
    <div class="fiches">
        <div class="fiche">
            <div>
                <h2 class="thetitre">Thème 9</h2>


                <img src="https://www.carhaix2020.bzh/images/photo.jpg" alt="" />
            </div>
            <div>
                <p>Contributions</p>
            </div>
            <div>
                <input type="button" value="Participer" class="thebutton">
            </div>
        </div>
        <div class="fiche">
            <div>
                <h2 class="thetitre">Thème 10</h2>


                <img src="https://www.carhaix2020.bzh/images/photo.jpg" alt="" />
            </div>
            <div>
                <p>Contributions</p>
            </div>
            <div>
                <input type="button" value="Participer" class="thebutton">
            </div>
        </div>
    </div>


    <style>
        .fiches {
            width: 800px;
            text-align: center;

        }

        .thetitre {
            width: 100%;
            background: red;
            color: white;
            margin: 0;
        }

        .thebutton {
            width: 100%;
            background: #00cc77;
            color: black;
            font-size: 1.2em;
            margin: 0;
        }

        .fiche {
            display: inline-block;
            margin: 20px;
            text-align: center;


        }

        .ficheimg {
            display: inline-block;
            vertical-align: text-top;
        }

        .ficheref {
            display: inline-block;
            vertical-align: text-top;
            text-align: center;
        }
    </style>
