* { margin: 0; padding: 0; }

.clearfix { clear: both; }

body { font-family: Verdana, sans-serif; font-size: 12px; background: #f8f6ec; }

#header { background: url("../img/bg-header.png") repeat-x 0 0; height: 86px; }

#header-center { width: 960px; margin: 0 auto; }

a.logo { background: url("../img/logo.png") no-repeat 0 0; display: block; float: left; width: 347px; height: 76px; }

p.conectez { color: white; margin-top: 30px; display: inline-block; float: right; }

p.conectez a { background: url("../img/bg-conectez.png") repeat-x 0 0; height: 31px; border: 1px solid #ffae27; display: inline-block; vertical-align: middle; line-height: 31px; color: #224365; text-decoration: none; font-weight: bold; padding: 0 5px; margin: 0 10px; }

p.conectez a:hover, p.conectez a:active { text-decoration: underline; }

#content { width: 960px; margin: 0 auto; padding: 30px 0; color: #224466; }

#content h1, #content h2 { text-align: center; }

#content h1 { padding-bottom: 20px; font-size: 30px; }

#content h2 { font-weight: normal; font-size: 20px; line-height: 30px; }

#links { width: 640px; margin: 0 auto; }

#links a { float: left; text-decoration: none; color: #224466; font-weight: bold; font-size: 13px; }

#links a img { border: 0; margin: 20px 20px 5px 20px; }

#links a span { display: block; text-align: center; }

#links a:hover span { text-decoration: underline; }

#footer { background: #224365; }

#footer-center { width: 960px; margin: 0 auto; }

.footer-links { float: left; margin: 20px 10px; width: 250px; }

.footer-links h3 { color: white; text-transform: uppercase; font-size: 12px; padding-bottom: 5px; }

.footer-links a { display: block; color: #9da9a2; font-size: 11px; text-decoration: none; width: 140px; border-bottom: 1px solid #516a82; line-height: 18px; }

.footer-links a:hover, .footer-links a:active { color: #c7cdcc; }

#copy { padding: 10px 0; color: white; float: right; text-align: right; }

#copy p { line-height: 20px; }

hr { border: 0; background: #516a82; height: 1px; }

#social-aff { width: 640px; margin: 0 auto; margin-top: 20px; }

#social-aff #social { float: left; }

#social-aff img { float: right; }

#social-aff a img { border: 0; }

#social a.twitter { width: 145px; height: 31px; display: block; background: url("../img/twitter.png") no-repeat 0 0; margin-bottom: 12px; }

#social a.facebook { width: 145px; height: 31px; display: block; background: url("../img/facebook.png") no-repeat 0 0; }

.mentions { line-height: 20px; }

.mentions p { padding-bottom: 10px; }

.mentions h3 { padding: 10px 0; color: #6aaecc; }

.mentions a { color: #6aaecc; }

#content.mentions h2 { text-align: left; font-size: 14px; font-weight: bold; }

#content.mentions #left-c { float: left; width: 700px; }

#content.mentions #right-c { float: right; width: 240px; }

#content.mentions #right-c h2 { text-align: center; }

a.conectezvous { background: url("../img/conectezvous.png") no-repeat 0 0; width: 157px; height: 42px; display: block; margin: 0 auto; }