#footer {
	width:100%;
	position: fixed;
	bottom:0;
	left:0;
	color: white;
	color:rgba(255,255,255,0.5);
	font-size: 0.9em;
	z-index: 10;
	height:78px;
	padding-top: 40px;
	max-width: 300px;
}

body.page #footer {
	background: url("../images/footer/background.png") bottom left no-repeat;
	max-width: 900px;
}

/* Page accueil */
body.body #footer {
	margin-bottom: 15px;
}

#footer .c {
	padding:10px 20px;
}

#footer ul {
	overflow:hidden;
}

#footer ul li {
	float:left;
	margin-left:5px;
}

@media screen and (max-width: 980px) {

	#footer {
		position: relative;
		background: #0067B2;
		width: auto;
		max-width: none;
		height:auto;
		padding-top:0;
	}
}

@media screen and (max-width: 600px) {

	#footer {
		margin-top:20px;
	}

	#footer .c {
		padding-left:0;
		padding-right:0;
	}

    #footer ul li {
        text-align: center;
        margin-right:0;
    }

    #footer ul li a {
        padding:10px 0;
    }

    #footer ul li a:hover {
        text-decoration: none;
    }

}