/* 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 cale le logo a gauche */
header ul li img
{
    float: left;
    margin-left: 32px;
}

/* 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 */



/****************************     les gardiens */

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

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

#gardiens ul li a
{
    text-transform: uppercase;
}

#img13
{
    background: url('nardi.jpg') no-repeat top center;
}
#img14
{
    background: url('callens.jpg') no-repeat top center;
}
#img15
{
    background: url('bartouche.jpg') no-repeat top center;
}
/****************************     les defenseurs */

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

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

#defenseurs ul li a
{
    text-transform: uppercase;
}

#img16
{
    background: url('legoff.jpg') no-repeat top center;
}
#img17
{
    background: url('morel.jpg') no-repeat top center;
}
#img18
{
    background: url('saunier.jpg') no-repeat top center;
}
#img19
{
    background: url('mendes.jpg') no-repeat top center;
}
#img20
{
    background: url('laporte.jpg') no-repeat top center;
}
#img21
{
    background: url('hergault.jpg') no-repeat top center;
}
#img22
{
    background: url('fontaine.jpg') no-repeat top center;
}
#img23
{
    background: url('gravillon.jpg') no-repeat top center;
}
#img24
{
    background: url('blanc.png') no-repeat top center;
}
/****************************     les milieus */

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

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

#milieus ul li a
{
    text-transform: uppercase;
}

#img25
{
    background: url('wadja.jpg') no-repeat top center;
}
#img26
{
    background: url('monconduit.jpg') no-repeat top center;
}
#img27
{
    background: url('lemoine.jpg') no-repeat top center;
}
#img28
{
    background: url('marveaux-3.jpg') no-repeat top center;
}
#img29
{
    background: url('le-fee.jpg') no-repeat top center;
}
#img30
{
    background: url('abergel.jpg') no-repeat top center;
}
/****************************     les attaquants */

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

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

#attaquants ul li a
{
    text-transform: uppercase;
}

#img31
{
    background: url('hamel-2.jpg') no-repeat top center;
}
#img32
{
    background: url('lauriente.jpg') no-repeat top center;
}
#img33
{
    background: url('grbco.jpg') no-repeat top center;
}
#img34
{
    background: url('wissa.jpg') no-repeat top center;
}
#img35
{
    background: url('moffi.jpg') no-repeat top center;
}
#img36
{
    background: url('bozok.jpg') no-repeat top center;
}
/****************************     les entraineurs */

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

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

#entraineurs ul li a
{
    text-transform: uppercase;
}

#img37
{
    background: url('pelissier.jpg') no-repeat top center;
}
#img38
{
    background: url('stephanopoli.jpg') no-repeat top center;
}
#img39
{
    background: url('oiutrebon.jpg') no-repeat top center;
}
#img40
{
    background: url('lagarde.jpg') no-repeat top center;
}
#img41
{
    background: url('bazin.jpg') no-repeat top center;
}