body
{
    text-align : center;
    margin : 0;
    padding : 0;
    font-size : 10pt;
    font-family : Trebuchet MS;
    background-color : #555;
}

a, a:visited, a:link { color : #fff; }

a:hover { color : #f3e240; }


/* -- Menu -- */

div#menu
    a.item
{
    float : left;
    display : block;
    color : #222;
    margin : 0;
    padding : 5px 0;
    text-align : center;
    text-decoration : none;
}

div#menu
    a.item:hover
{
    font-weight : 900;
    background-color : #f3e240;
}

a#accueil { width : 100px; }

a#club { width : 110px; }

a#equipes { width : 140px; }

a#medias { width : 110px; }

a#infos { width : 150px; }

a#partenaires { width : 130px; }

/* -- Content -- */

div#content
    h1
{
    color : #0f1c48;
    font-family: Arial;
    font-size : 20pt;
    font-weight : bold;
    text-align : left;
    padding : 0 0 0 0.7em;
    background-color: #f3e240;
}

div#content
    div.news
{
    text-align : left;
    margin : 1.5em 20px 0 20px;
}

div#content
    h2
{
    color : #f3e240;
    margin : 1.5em 1em 1em 1em;
    padding : 0 0 0 1em;
    text-align : left;
    font-size : 12pt;
}

div#content
    p
{
	color: #fff;
    text-align: left;
    margin: 0 3em 0 3em;
}

div#content
    div.news
        p:First-Letter
{
    margin : 0 0 0 1em;
    color : #1e3178;
    font-weight : 900;
    font-size : 11pt;
}

div#content
    div.news
        span.date
{
    float : right;
    color : #555;
    font-size : 7pt;
    font-style : italic;
}


div#content
    div.equipe
{
    margin : 35px 0 0 0;
}

/* -- Footer -- */

div#footer
    a
{
    color : #fff;
    margin : 5px;
    font-size : 8pt;
}

div#footer
    a:hover
{
    color : #222;
}

.yellow { color: #f3e240 ;}



label.form-label
{
	float: left;
	text-align: right;
	color: #fff;
	font-size: 10pt;
	width: 120px;
    font-family: Trebuchet MS;
}

input.input-text-login
{
	border: none;
	margin: 0 0 0 5px;
	background-color: #efefef;
    font-family: Trebuchet MS;
}