/*
    Document   : style
    Created on : 19 juil. 2010, 18:22:21
    Author     : Eric
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
    color: #151F33;
    background: #EEEEFF;
}

/* --- POSITIONNEMENT --- */

/* Page */
#global {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* En-tête */
#entete {
    padding-top: 4px;
    text-align: center;
}

#banner {
    margin-left: -2%;
}

/* Bloc central */
#centre-bis {
    width: 100%;
    min-width: 80em;
    overflow: hidden;
    font-size: .9em;
}

/* Menu de navigation */
#navigation {
    float: left;
    width: 17%;
    margin-left: 2%;
    border-right: 2px inset #8787C8;
}

#navigation ul, #secondaire ul {
    font-size: .9em;
    line-height: 1.5em;
    list-style-type: none;
}

#navigation a, #secondaire a {
    color: #151F33;
    text-decoration: none;
}

#navigation a:hover, #secondaire a:hover {
    color: #8787C8;
}

/* Contenu principal */
#principal {
    margin-left: 19.5%;
    width: 58.8%;
    min-width: 44em;
    min-height: 39em;
    margin-bottom: 1em;
}

#principal > :first-child {
    margin-top: 10px;
}

#principal p {
    line-height: 1.2em;
    margin-bottom: .5em;
    padding: 0 1em 0 1em;
}

#principal ul {
    line-height: 1.5em;
    margin: .5em 1.5em;
    padding: 0 1em 0 1em;
    list-style-type: disc;
}

#principal a {
    font-weight: bold;
    letter-spacing: .03em;
    color: #151F33;
}

#principal a:hover {
    color: #8787C8;
}

.image {
    text-align: center;
    margin-bottom: .5em;
}

#infos a {
    font-weight: bold;
    font-size: 1.1em;
    line-height: 1.7em;
}

#acces a {
    text-decoration: underline;
}

#acces a:visited, #actu a:visited, #news a:visited {
    color: #8787C8;
    text-decoration: none;
}

#actu {
     font-size: .9em;
}

#actu p {
     margin: 1em 0;
}

label {
    display: block;
    width: 25%;
    min-width: 8.5em;
    float: left;
    padding-right: .5%;
    text-align: right;
}

label:hover {
    font-weight: bold;
}

#recherche p {
    text-align: center;
    margin-left: 1em;
}

#search {
    width: 50%;
    min-width: 23.5em;
    margin-right: 2em;
}

#rechercher {
    width: 10%;
    min-width: 6.5em;
}

input[type="text"] {
    margin-left: .5%;
    width: 50%;
    min-width: 25em;
    border: #414187 1px solid;
    background: #F5F5FF;
}

textarea {
    margin-left: .5%;
    width: 50%;
    min-width: 25.6em;
    border: #414187 1px solid;
    background: #F5F5FF;
}

input[type="text"]:hover, input[type="text"]:focus, textarea:hover, textarea:focus {
    border: #8787C8 1px solid;
    background: #FFF;
}

input[type="submit"] {
    width: 25%;
    min-width: 12.5em;
}

input[type="reset"] {
    margin-left: 26%;
    width: 25%;
    min-width: 12.5em;
}

/* Contenu secondaire */
#secondaire {
    float: right;
    width: 17.5%;
    margin-right: 3.5%;
    border-left: 2px outset #8787C8;
    text-align: justify;
}

#secondaire ul {
    line-height: 1.1em;
}

/* Pied de page */
#pied {
    margin: 0;
    font-size: .8em;
    background: -moz-linear-gradient(left,#EEEEFF,#EEEEFF 10%,#8787C8 35%,#8787C8 65%,#EEEEFF 90%,#EEEEFF);
    color: #EEEEFF;
    width: 100%;
    min-width: 70em;
}

#pied a {
    color: #FFF;
}

#pied p {
    padding: .2em .5em .4em .5em;
    text-align: center;
}

/* Mention de copyright */
#copyright {
    margin: 8px 0 0 0;
    font-size: 1em;
    text-align: left;
}