body {
    padding-top: 60px;
}
footer{
    background-color: #EEE;
}
.fond-sport{
    background-color:#92c83c;
}
.fond-web{
    background-color:#1fbbca;
}
.fond-event{
    background-color:#884d9d;
}
.fond-photo{
    background-color:#f99f53;
}
/*SOCIAL NETWORK */
#social {
    width: 30px;
    height: 110px;
    position: fixed;
    top: 125px;
    left: 50%;
    margin-left: 500px;
    z-index:99;
}

#social div.twitter {
    display: block;
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
    background: url(../img/social.png) no-repeat;
}
#social div.twitter:hover {
    display: block;
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
    background: url(../img/social.png) no-repeat -30px 0px;
}
#social div.facebook {
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
    background: url(../img/social.png) no-repeat 0 -30px;
}
#social a:hover div.facebook {
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
    background: url(../img/social.png) no-repeat -30px -30px;
}
#social div.rss {
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
    background: url(../img/social.png) no-repeat 0 -60px;
}
#social a:hover div.rss {
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
    background: url(../img/social.png) no-repeat -30px -60px;
}
#social div.home {
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
    background: url(../img/social.png) no-repeat 0 -90px;
}
#social a:hover div.home {
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
    background: url(../img/social.png) no-repeat -30px -90px;
}

#social2 {
    width: 30px;
    height: 110px;
    margin: 20px 0 0 10px;
}

#social2 div.twitter {
    display: block;
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
    background: url(../img/social.png) no-repeat;
}
#social2 div.twitter:hover {
    display: block;
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
    background: url(../img/social.png) no-repeat -30px 0px;
}
#social2 div.facebook {
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
    background: url(../img/social.png) no-repeat 0 -30px;
}
#social2 a:hover div.facebook {
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
    background: url(../img/social.png) no-repeat -30px -30px;
}
#social2 div.rss {
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
    background: url(../img/social.png) no-repeat 0 -60px;
}
#social2 a:hover div.rss {
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
    background: url(../img/social.png) no-repeat -30px -60px;
}
#social2 div.home{
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
    background: url(../img/social.png) no-repeat 0 -90px;
}
#social2 a:hover div.home {
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
    background: url(../img/social.png) no-repeat -30px -90px;
}
.arrondi{
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    overflow:hidden;
}