body {
    width: 100%;
    margin: 0;
    background-color: #008fc7;
    background-image: url('../img/index/fond.jpg');
    background-position: top;
    background-repeat: repeat-x;
}

p,
a,
h1,
h2 {
    color: white;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}

#contenu-index {
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    height: 660px;
}

    /*Paramètres du header*/

#header-index {
    height: 150px;
    background-image: url('../img/index/header.jpg');
    background-position: left;
    background-repeat: no-repeat;
}

#identite {
    padding: 98px 0 0 249px;
    font-size: 16px;
}

    /*Paramètres du menu horizontal*/

#navigation {
    height: 35px;
    background-image: url('../img/index/fond-menu.jpg');
    background-position: left;
    background-repeat: no-repeat;
}

#menu-index, #menu-index ul /* Liste */     
{
    padding : 0 0 0 144px;
    margin : 0; /* ni extérieure */
    list-style : none; /* on supprime le style par défaut de la liste */
    line-height : 35px; /* on définit une hauteur pour chaque élément */
    text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu-index a /* Contenu des listes */
{
    display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
    padding : 0; /* aucune marge intérieure */
    font-weight: bold;
    color : white; /* couleur du texte */
    text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
    width : 160px; /* largeur */
    background-repeat: repeat-x;
}

#menu-index li /* Éléments des listes */      
{ 
    float : left;
    margin-left: 2px;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
    border-right: 2px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}


#bouton-contact-index a {
    float: left;
    margin: -10px 0 0 35px;
    padding: 9px 0 11px 0;
    text-align: center;
    background-image: url('../img/index/fond-bouton-contact.png');
    background-repeat: no-repeat;
    background-position: center;
}

#bouton-contact-index a:hover {
    background-image: url('../img/index/fond-bouton-contact-over.png');
}

    /*Paramètres de l'accroche*/

#accroches {
    height: 343px;
    background-image: url('../img/index/accroches3.jpg');
    background-position: top;
    background-position: left;
    background-repeat: no-repeat;
}

#bouton-index {
    padding: 80px 0 0 420px;
}

#bouton-index a {
    display: block;
    text-decoration: none;
    text-align: center;
    padding: 5px 0 6px 0;
    width: 172px;
    background-image: url('../img/index/bouton.png');
    background-repeat: no-repeat;
}

#bouton-index a:hover {
    background-image: url('../img/index/bouton-over.png');
    background-repeat: no-repeat;
}

    /*Paramètres des blocs du footer*/

#footer-index {
    height: 131px;
    background-image: url('../img/index/footer.jpg');
    background-position: top;
    background-position: left;
    background-repeat: no-repeat;
}

#footer-index h1 a {
    display: block;
    text-decoration: none;
    color: #003366;
    font-size: 24px;
    font-weight: bold;
    width: 175px;
    margin-bottom: 10px;
    background-image: url('../img/index/fleche.png');
    background-position: right;
    background-repeat: no-repeat;
}

#footer-index h1 a:hover {
    text-decoration: underline;
}

#footer-index p {
    font-size: 12px;
    font-weight: bold;
}

#bas-site {
    margin-top: 20px;
    text-align: center;
    font-size: 12px;
}

.bloc-index {
    margin: 18px 0 0 110px;
    float: left;
    width: 200px;
}

#access-index {
    margin-left: 120px;
}

#eco-index {
    margin-left: 150px;
}

    /*Paramètres du bas de site*/

#bas-site p {
    color: black;
    margin-top: 10px;
}

#bas-site a {
    font-size: 9px;
    color: black;
    text-decoration: none;
}

#bas-site a:hover {
    text-decoration: underline;
}