body {
    background: url(../images/background.jpg) no-repeat center top #3c3c3b; 
    width: 100%;
    height: 100%;
	font-family: Arial;
	color: #ae427a;
	font-weight: bold;
	font-size: 12px;
}

a, a:hover, a:focus {
	color: #ae427a;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
}
.social img {
	max-height: 35px;
}


.logo img {
	width: 100%;
	max-width: 375px;
}

.logos {
	bottom: 0; 
	position: fixed;  
	text-align:center;
	width:100%;
}
.logos img {
	width: 100%;
	max-width: 740px;
}

#layerContactInfos,
#layerSpectacles {
	background-color: #ae427a;
    color: #FFF;
	display: none;
    padding: 20px;
    position: absolute;
    right: 15px;
    top: 100px;
}
#layerSpectacles {
	text-transform: uppercase;
}
#layerContactInfos a, 
#layerSpectacles a {
    color: #FFF;
	text-transform: none;
}

#fermerContactInfos,
#fermerSpectacles {
	border: 1px solid #fff;
    padding: 0 5px;
    position: absolute;
    right: 5px;
    top: 5px;
}