/* 
		Association SONG SHAN - juin 2008
		Design by UNI
                Thème: Kung fu Panda
*/

/* --Généralités-- */

body { margin: 0;
    padding: 0;
    font-size: 87.5%;
    font-family: "Helvetica Neue", "Trebuchet MS", Georgia, Times;    
    text-align: left;
    background: #260a00 url(grandbgdfaq.jpg) top center repeat-x;
    }

h1 { margin: 0;
    font-size: 1.7em;
    color: #d12b01;
    }

h2 { margin: 0;
    font-style: italic; 
    font-size: 1em;
    color: #5a1100;
    }

p { padding: 0;
    margin: 0;
    font-size: 1em;
    }

ul, li { list-style-type: none;
    }

ul { margin: 0;
    padding: 0;
    }

a { color: #d12b01;
    text-decoration: underline;
    }

a:hover { text-decoration: none;
background-color: #260a00;
}
acronym { cursor: help;
}

blockquote { padding-left: 345px;
    margin: 0;
    font-size: 0.9em;
    font-style: italic;
    }

/* --Bande haute pouvant accueillir du texte-- */

#bandehaute { margin: 0;
    position: relative;
    width: 100%;
    height: 53px;
    background: url(bandehaute.jpg) top left repeat-x;
    }

/* --Barre de navigation
(4 éléments: accueil, cours, faq et contacts)-- */

#navigation { position: relative;
    width: 769px;
    height: 100px;
    margin: 0 auto;
    background-color: #260a00;
    }

#navigation ul { position: absolute;
    height: 100px;
    text-align: center;
    font-size: 0.9em;
    background-color: #260a00;
    }

#navigation li { float: left;
    }

#navigation li#lien3 { display: block;
    height: 30px;
    width: 128px;
    line-height: 29px;
    padding: 70px 0 0 0;
    margin: 0;
    color: #d12b01;
    }

#navigation li#lien1 a, #navigation li#lien2 a, #navigation li#lien4 a, #navigation li#lien6 a, #navigation li#lien5 a { display: block;
    height: 30px;
    width: 128px;
    line-height: 29px;
    padding: 70px 0 0 0;
    margin: 0;
    color: #f9edbd;
    text-decoration: none;
    }

#navigation li#lien1 a:hover, #navigation li#lien2 a:hover, #navigation li#lien4 a:hover, #navigation li#lien5 a:hover, #navigation li#lien6 a:hover { display: block;
    height: 30px;
    width: 128px;
    line-height: 29px;
    padding: 70px 0 0 0;
    margin: 0;
    color: #d12b01;
    }

#navigation li#lien2 a:hover, #navigation li#lien3 a:hover, #navigation li#lien4 a:hover, #navigation li#lien1 a:hover, #navigation li#lien6 a:hover , #navigation li#lien5 a:hover {background: #f9edbd;
}

#navigation li span { display: none;
    }

/* --Partie haute du conteneur 
(logo, image, texte "slogan" et explication)-- */

#haut { position: relative;
    width: 769px;
    height: 229px;
    margin: 0 auto;
    background: url(hautfaqcomplet.jpg) top left no-repeat;
    }

/* -- Contenu générale
(h1 thème, h2 question et p réponse) --*/

#contenu { position: relative;
    width: 769px;

    margin: 0 auto;
    background: url(contenu.jpg) top left repeat-y;
    }

#contenu h1, #contenu h2, #contenu p { padding-left: 12px;
    }

#contenu h1 { padding-top: 8px;
    margin-bottom: 7px;
    }

#contenu h2 { margin-top: 2px;
    }

#contenu p { padding: 0 19px 7px 12px;
    }

#contenu p span{ font-style: italic;;
    }

/* --Partie basse du conteneur
(dernière question...)--*/

#piedfaq { position: relative;
    width: 769px;
    height: 258px;
    margin: 0 auto;
    background: url(piedfaque.jpg) top left no-repeat;
    }

/* --Pied de page
(4 ŽlŽments: plan du site, webmaster, forum et boutique)--*/
#pied { position: relative;
width: 769px;
height: 85px;
margin: 0 auto;
}
#pied h2 { padding-left: 8px;
font-size: 0.9em;
color: #f9edbd;
}
#pied h2 span { padding-left: 8px;
font-size: 0.8em;
font-style: italic;
color: #f9edbd;
}