/* ETAPE 1 - On change les balises "standard" */
*
{
    margin: 0;
    padding: 0;
}
body 
{
    font-family: Goldman,sans-serif;
    font-size: 18px;
}
h1, h2, h3, h4
{ 
  color: #0BCDF9;  
}

h1
{
    font-size: 35px;
}
h2
{
    font-size: 25px;
}
h3
{
    font-size: 20px;
}
h4
{
    font-size: 14px;
}
p
{
    line-height: 20px;
    color: #777;
}

ul
{
    list-style: none;
}

.wrapper
{
    width: 1000px;
    margin: 0 auto;
    padding: 0 10px;
}

/********************************* EN TETE *********************************/
header
{
    width: max;         		/* On prend toute la largeur */
    margin: 0 auto;
    padding: 0 110px;
	display: inline-block;		/* On considère l'en tete comme un seul bloc*/
}

/* On mets les elements du menu en ligne */
header ul li
{
    float:left;
    display: inline;
}

/* On decale le menu 70px du top */
header ul li nav ul
{
	margin-top: 70px;
}

/* On ecrit le menu en gras majuscule, 20px entre les items du menu */
header ul li nav ul li a
{
    text-transform: uppercase;
    font-weight: bold;
	margin-right: 40px;
}

/****************************     ETAPE 2 On s'occupe de l'introduction */



/****************************     la creation */

#la creation
{
    margin: 60px 0;
}
#la creation ul
{
    margin: 20px 0;
}
#la creation ul li
{
    width: 300px;
    float:left;
    padding-top: 600px;
    text-align: center;
    margin-right: 20px; 
}

#la creation h4
{
    text-transform: uppercase;
    margin-top: 50px;
}

#la creation ul li a
{
    text-transform: uppercase;
}
/****************************     1990-2000 */

#1990-2000
{
    margin: 60px 0;
}
#1990-2000 ul
{
    margin: 20px 0;
}
#1990-2000 ul li
{
    width: 300px;
    float:left;
    padding-top: 600px;
    text-align: center;
    margin-right: 20px; 
}

#1990-2000 h4
{
    text-transform: uppercase;
    margin-top: 50px;
}

#1990-2000 ul li a
{
    text-transform: uppercase;
}
/****************************     Les années-2000 */

#les années-2000
{
    margin: 60px 0;
}
#les années-2000 ul
{
    margin: 20px 0;
}
#les années-2000 ul li
{
    width: 300px;
    float:left;
    padding-top: 600px;
    text-align: center;
    margin-right: 20px; 
}

#les années-2000 h4
{
    text-transform: uppercase;
    margin-top: 50px;
}

#les années-2000 ul li a
{
    text-transform: uppercase;
}