Homogeneous design on the whole site

[WebDevJL]

Jérémie needs to reorganize the CSS into one single file following the following patern :

• first we have the reset css,
• then the general css (that applies the same across the website),
• and then the css for each page (order: home page product page, contact page, legal page).

For each page css, the order used is:

• general css across the page first
• then the section specific css in order of apparence in the views

For the following elements, the css must remain consistent: headings, paragraphs, links and buttons.

Do this task one page elements at a time as shown in the below template:

# CSS Reset
...
# Global CSS that applies on all the website
...
# CSs for header
...
# CSS for home page
# with the banner CSS first
# then the common css to the 2 sections
# then the description section
# then the booking/contact section
...
# CSS for product page
# with the banner css first
# then the highlight css
# then the "Circuit" sections
# then the "Partner" sections
# then the FAQ
...
# CSS for contact page
# with the header styles
# and then the form
...
# CSS for legal page
...
# CSS for the footer
# first the partner links
# then the internal site links
# finally the social links
...
# End !