body { color: #000000; font-family: 'Roboto', sans-serif; margin: 0;  font-size: 20px;  }


header { position: relative; margin: 0 auto; width: 1020px;  }
header h1 { text-align: center; margin: 40px 0 0;}
header h1 a { text-decoration: none; color: #000; font-weight: 100; letter-spacing: 1px; }
header h1 a span { display: block; font-size: 20px; font-weight: 400; }
header nav { text-align: center; }
header nav ul { padding: 0; list-style: none;  }
header nav ul li { display: inline-block; }
header nav ul li a { letter-spacing: 1px; display: block; margin: 8px; padding-bottom: 10px; color: #000; text-decoration: none; font-weight: 200; }
header nav ul li a:hover { border-bottom: 1px solid #666 }
header nav ul li a.active { border-bottom: 1px solid #666 }

/* Les sections */
.content-section { clear: both; position: relative; margin: 0 auto; width: 1020px; padding: 20px 0; }
.content-section p { font-weight: 300; line-height: 34px;  }
.content-section h1 { font-weight: 100; letter-spacing: 1px font-size: 28px;  }
/* Pictures */
ul.pictures { list-style: none; padding: 0; }
ul.pictures li { width: 140px; height: 200; margin: 0 28px 28px 0; float: left; display: inline-block; }
ul.pictures li a { display: block; height: 200px; }

/* Footer */
footer { clear: both; padding: 20px 0; margin-top: 80px;}
.copyright { color:#000; font-size: 16px; font-weight: 200; text-align: center; }

@media (max-width: 1024px) {
    .content-section, header { width: 900px; clear: both; }
}
@media (max-width: 800px) {
    body { padding: 0; }
    h2 { line-height: 40px; margin-top: 40px; margin-bottom: 20px; }
    h2, h3 { padding: 0 20px; clear: both; }
    .content-section, header { width: 100%; clear: both; }
    p, ul {padding: 0 20px; }
    h1 {padding: 0 20px;}
    ul { margin: 0 20px; text-align: center; }
    ul.pictures li { width: 140px; height: 200; margin: 0 12px 12px 0; float: left; display: inline-block; }
    .info-pay { padding: 20px; }
    .info-pay ul { margin: 0; }
    a {display: block; }
    .item { float: none; width: 100%;}
    header h1 { text-align: center; margin: 15px 0 15px; font-size: 28px;}
    header h1 a span { display: block; font-size: 14px; font-weight: 400; }

}