body
{
width: 950px;
margin: auto;
margin-top: 10px;
margin-bottom: 10px;
background-color: #666600;
background-image: url("images/fond.png");
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;

}

#header
{
width: 950px;
height: 99px;
background-image: url("images/headphoto.png");
background-repeat: no-repeat;
margin-bottom: 10px;
border: ridge 4px black;
margin-bottom: 10px;
}

#titre
{
width: 538px;
height: 125px;
background-image: url("images/titre3.png");
background-repeat: no-repeat;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 25%;
}

a img
{
border: none;
}
a
{
color: blue;
}




#cadre
{
width: 950px;
height: 1240px;
border: ridge 4px #4d4bb9;
position: absolute;
}


#gal11
{
width: 184px;
height: 138px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 20px;
left: 28px;
}
#titre11
{
width: 184px;
height: 30px;
border: ridge 2px #4d4bb9;
position: absolute;
top: 163px;
left: 28px;
text-align: center;
background-color: #808080;
font-weight: bolder;
font-family: "comic sans MS", "arial black", "arial", "verdana", serif;
}

#gal12
{
width: 184px;
height: 138px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 20px;
left: 265px;
}
#titre12
{
width: 184px;
height: 30px;
border: ridge 2px #4d4bb9;
position: absolute;
top: 163px;
left: 265px;
text-align: center;
background-color: #808080;
font-weight: bolder;
font-family: "comic sans MS", "arial black", arial, verdana, serif;
}

#gal13
{
width: 184px;
height: 138px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 20px;
left: 502px;
}
#titre13
{
width: 184px;
height: 30px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 163px;
left: 502px;

text-align: center;
background-color: #808080;
font-weight: bolder;
font-family: "comic sans MS", "arial black", arial, verdana, serif;
}

#gal14
{
width: 184px;
height: 138px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 20px;
left: 739px;
}
#titre14
{
width: 184px;
height: 30px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 163px;
left: 739px;

text-align: center;
background-color: #808080;
font-weight: bolder;
font-family: "comic sans MS", "arial black", arial, verdana, serif;
}

#gal21
{
width: 184px;
height: 138px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 223px;
left: 28px;
}
#titre21
{
width: 184px;
height: 30px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 365px;
left: 28px;

text-align: center;
background-color: #808080;
font-weight: bolder;
font-family: "comic sans MS", "arial black", arial, verdana, serif;
}

#gal22
{
width: 184px;
height: 138px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 223px;
left: 265px;
}
#titre22
{
width: 184px;
height: 30px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 365px;
left: 265px;

text-align: center;
background-color: #808080;
font-weight: bolder;
font-family: "comic sans MS", "arial black", arial, verdana, serif;
}

#gal23
{
width: 184px;
height: 138px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 223px;
left: 502px;
}
#titre23
{
width: 184px;
height: 30px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 365px;
left: 502px;

text-align: center;
background-color: #808080;
font-weight: bolder;
font-family: "comic sans MS", "arial black", arial, verdana, serif;
}

#gal24
{
width: 184px;
height: 138px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 223px;
left: 739px;
}
#titre24
{
width: 184px;
height: 30px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 365px;
left: 739px;

text-align: center;
background-color: #808080;
font-weight: bolder;
font-family: "comic sans MS", "arial black", arial, verdana, serif;
}

#gal31
{
width: 184px;
height: 138px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 425px;
left: 28px;
}
#titre31
{
width: 184px;
height: 30px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 567px;
left: 28px;

text-align: center;
background-color: #808080;
font-weight: bolder;
font-family: "comic sans MS", "arial black", arial, verdana, serif;
}

#gal32
{
width: 184px;
height: 138px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 425px;
left: 265px;
}
#titre32
{
width: 184px;
height: 30px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 567px;
left: 265px;

text-align: center;
background-color: #808080;
font-weight: bolder;
font-family: "comic sans MS", "arial black", arial, verdana, serif;
}

#gal33
{
width: 184px;
height: 138px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 425px;
left: 502px;
}
#titre33
{
width: 184px;
height: 30px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 567px;
left: 502px;

text-align: center;
background-color: #808080;
font-weight: bolder;
font-family: "comic sans MS", "arial black", arial, verdana, serif;
}

#gal34
{
width: 184px;
height: 138px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 425px;
left: 739px;
}
#titre34
{
width: 184px;
height: 30px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 567px;
left: 739px;

text-align: center;
background-color: #808080;
font-weight: bolder;
font-family: "comic sans MS", "arial black", arial, verdana, serif;
}

#gal41
{
width: 184px;
height: 138px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 630px;
left: 28px;
}
#titre41
{
width: 184px;
height: 30px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 772px;
left: 28px;

text-align: center;
background-color: #808080;
font-weight: bolder;
font-family: "comic sans MS", "arial black", arial, verdana, serif;
}

#gal42
{
width: 184px;
height: 138px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 630px;
left: 265px;
}
#titre42
{
width: 184px;
height: 30px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 772px;
left: 265px;

text-align: center;
background-color: #808080;
font-weight: bolder;
font-family: "comic sans MS", "arial black", arial, verdana, serif;
}

#gal43
{
width: 184px;
height: 138px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 630px;
left: 502px;
}
#titre43
{
width: 184px;
height: 30px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 772px;
left: 502px;

text-align: center;
background-color: #808080;
font-weight: bolder;
font-family: "comic sans MS", "arial black", arial, verdana, serif;
}

#gal44
{
width: 184px;
height: 138px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 630px;
left: 739px;
}
#titre44
{
width: 184px;
height: 30px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 772px;
left: 739px;

text-align: center;
background-color: #808080;
font-weight: bolder;
font-family: "comic sans MS", "arial black", arial, verdana, serif;
}

#gal51
{
width: 184px;
height: 138px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 835px;
left: 28px;
}
#titre51
{
width: 184px;
height: 30px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 977px;
left: 28px;

text-align: center;
background-color: #808080;
font-weight: bolder;
font-family: "comic sans MS", "arial black", arial, verdana, serif;
}

#gal52
{
width: 184px;
height: 138px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 835px;
left: 265px;
}
#titre52
{
width: 184px;
height: 30px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 977px;
left: 265px;

text-align: center;
background-color: #808080;
font-weight: bolder;
font-family: "comic sans MS", "arial black", arial, verdana, serif;
}

#gal53
{
width: 184px;
height: 138px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 835px;
left: 502px;
}
#titre53
{
width: 184px;
height: 30px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 977px;
left: 502px;

text-align: center;
background-color: #808080;
font-weight: bolder;
font-family: "comic sans MS", "arial black", arial, verdana, serif;
}

#gal54
{
width: 184px;
height: 138px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 835px;
left: 739px;
}
#titre54
{
width: 184px;
height: 30px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 977px;
left: 739px;

text-align: center;
background-color: #808080;
font-weight: bolder;
font-family: "comic sans MS", "arial black", arial, verdana, serif;
}

#gal61
{
width: 184px;
height: 138px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 1040px;
left: 28px;
}
#titre61
{
width: 184px;
height: 30px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 1182px;
left: 28px;

text-align: center;
background-color: #808080;
font-weight: bolder;
font-family: "comic sans MS", "arial black", arial, verdana, serif;
}

#gal62
{
width: 184px;
height: 138px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 1040px;
left: 265px;
}
#titre62
{
width: 184px;
height: 30px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 1182px;
left: 265px;

text-align: center;
background-color: #808080;
font-weight: bolder;
font-family: "comic sans MS", "arial black", arial, verdana, serif;
}

#gal63
{
width: 184px;
height: 138px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 1040px;
left: 502px;
}
#titre63
{
width: 184px;
height: 30px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 1182px;
left: 502px;

text-align: center;
background-color: #808080;
font-weight: bolder;
font-family: "comic sans MS", "arial black", arial, verdana, serif;
}

#gal64
{
width: 184px;
height: 138px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 1040px;
left: 739px;
}
#titre64
{
width: 184px;
height: 30px;
border: ridge 2px #4d4bb9;

position: absolute;
top: 1182px;
left: 739px;

text-align: center;
background-color: #808080;
font-weight: bolder;
font-family: "comic sans MS", "arial black", arial, verdana, serif;
}


#footer
{
width: 950px;
height: 33px;
border: ridge 4px black;
text-align: center;
padding-top: 7px;
background-image: url("images/banfoot.png");
background-repeat: no-repeat;
position: absolute;
top: 1555px;
}

a:hover
{
color: yellow;
background-color: #808080;
}

a:focus
{
color: red;
background-color: #808080;
}