body
{
    background-color: black; /* Le fond de la page sera noir */
    color: white; /* Le texte de la page sera blanc */
    font-size: 70px;
    font-weight: 100;

}



h2
{
    font-size: 40px; /* Titres de 40 pixels */
}

@font-face {
    font-family: 'Mayenne Sans_Regular';
    src:    url('Mayenne_Sans-Regular_web.eot');
    src:    url('Mayenne_Sans-Regular_web.eot?#iefix') format('embedded-opentype'),
            url('Mayenne_Sans-Regular_web.woff') format('woff'),
            url('Mayenne_Sans-Regular_web.woff2') format('woff2'),
            url('Mayenne_Sans-Regular_web.ttf') format('truetype'),
            url('Mayenne_Sans-Regular_web.svg#svgFontName') format('svg');
    font-weight: normal;
    font-style: normal;
}

a.Home{
color:#000;
display: inline;
width: inherit;
height: inherit;
margin: 0;
background-color: yellow;
}

a{
    background-repeat: no-repeat;
    display: block;
    width: 760px;
    height: 500px;
    background-color: black;
    margin: auto;
}



h1,h1 a
{
    font-family: "Mayenne Sans_Regular";
    font-size: 80px;
    color: yellow;
    text-decoration: none;
    
}

h2
{
  font-family: "Source Sans Pro", sans-serif;
  float-left;
}



h1
{
    background-color: yellow;
    color: black;
}



div {
  text-align: center;
}

.case1:hover{
background-repeat: no-repeat;
background-image: url(case1.jpg)
}

.case2:hover{
background-repeat: no-repeat;
background-image: url(case2.jpg)
}

.case3:hover{
background-repeat: no-repeat;
background-image: url(case3.jpg)
}

.case4:hover{
background-repeat: no-repeat;
background-image: url(case4.jpg)
}

.case5:hover{
background-repeat: no-repeat;
background-image: url(case5.jpg)
}

.case6:hover{
background-repeat: no-repeat;
background-image: url(case6.jpg)
}
.case7:hover{
background-repeat: no-repeat;
background-image: url(case7.jpg)
}
.case8:hover{
background-repeat: no-repeat;
background-image: url(case8.jpg)
}
.case9:hover{
background-repeat: no-repeat;
background-image: url(case9.jpg)
}
.case10:hover{
background-repeat: no-repeat;
background-image: url(case10.jpg)
}
.case11:hover{
background-repeat: no-repeat;
background-image: url(case11.jpg)
}
.case12:hover{
background-repeat: no-repeat;
background-image: url(case12.jpg)
}
.case13:hover{
background-repeat: no-repeat;
background-image: url(case13.jpg)
}
.case14:hover{
background-repeat: no-repeat;
background-image: url(case14.jpg)
}
.case15:hover{
background-repeat: no-repeat;
background-image: url(case15.jpg)
}
.case16:hover{
background-repeat: no-repeat;
background-image: url(case16.jpg)
}
.case17:hover{
background-repeat: no-repeat;
background-image: url(case17.jpg)
}
.case18:hover{
background-repeat: no-repeat;
background-image: url(case18.jpg)
}