/* 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 { font-size: 1.7em;
padding: 12px 9px 9px 16px;
margin: 0;
}
h2 { margin: 0;
padding: 12px 9px 0 16px;
font-size: 1.5em;
}
p { padding: 1px 9px 9px 16px;
margin: 0;
font-size: 1em;
line-height: 21px;
}
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;
}
/* --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-- */
#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#lien5 { display: block;
height: 30px;
width: 128px;
line-height: 29px;
padding: 70px 0 0 0;
margin: 0;
color: #d12b01;
}
#navigation li#lien2 a, #navigation li#lien3 a, #navigation li#lien4 a, #navigation li#lien1 a, #navigation li#lien6 a { display: block;
height: 30px;
width: 128px;
line-height: 29px;
padding: 70px 0 0 0;
margin: 0;
color: #f9edbd;
text-decoration: none;
}

#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 { 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 {background: #f9edbd;
}

/* --Partie haute du conteneur (logo, image, texte "slogan" et explication)-- */
#haut { position: relative;
width: 769px;
height: 250px;
margin: 0 auto;
background: url(header-stage-chine.jpg) top left no-repeat;
}

#contenu { position: relative;
    width: 769px;
    margin: 0 auto;
    background: url(contenu.jpg) top left repeat-y;    
}

#contenu h1 { padding-top: 25px;
font-weight: normal;
color: #5a1100;
}

#contenu h2 { font-weight: normal;
color: #5a1100;
}

#contenu li { padding: 0 9px 7px 35px;
list-style-type: disc;
list-style-position: inside;
}

#contenu img { padding-left: 45px;
}

/* --Partie basse du conteneur
(derni&egrave;re question...)--*/

#piedfaq { position: relative;
    width: 769px;
    height: 258px;
    margin: 0 auto;
    background: url(pied-stage-kungfu.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;
}