/* 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 4px 16px;
margin: 0;
}
h2 { padding: 12px 9px 0 16px;
font-size: 1.5em;
}
h3 { margin: 0;
padding: 4px 9px 4px 19px;
font-size: 1.1em;
}
h4 { margin: 0;
padding: 12px 9px 0 16px;
font-size: 0.9em;
font-style: italic;
}
h5 { margin: 0;
padding: 12px 9px 0 16px;
font-size: 1em;
}
p { padding: 0 12px 5px 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-- */
#menu { 
 width: 770px;
height: 100px;
margin: 0 auto;
 }

#menu ul { 
 margin:0;
 padding: 0;
 list-style-type:none;
 text-align:center;
 font-size: 0.95em;
 }
 
#menu li {
 float:left;
 margin:auto;
 padding:0;
background-color: #260a00;
 }
 
#menu li a {
 display:block;
width: 115px;
color: #f9edbd;
 text-decoration:none;
 padding:5px;

 }
 
 #menu li a:hover {
 color: #d12b01;
background: #f9edbd;
 }

 #menu ul li ul {
 display:none;
 }
 
#menu ul li:hover ul {
 display:block;
   }
 
#menu li:hover ul li {
 float:none;
 }
 
 #menu li ul {
 position:absolute;
 }
 
 #menu {
 height:28px;
 }

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

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

#contenu img { margin: 24px 13px 8px 17px;
float: left;
}

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

#contenu h1 span { 
color: #d12b01;
margin: 0;
}

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

#contenu ul { padding: 0 9px 0 16px;
}

#bloc2 { position: relative;
height: 362px;
}

#bloc2 {padding: 0 0 25px 0;
    }

	
#blocgauche { float: left;
width: 390px;
margin: 0;
}

#blocgauche p span{ font-weight: bold;
color: #5a1100;
}

#blocgauche li { padding: 0 0 1px 10px;
list-style-type: circle;
list-style-position: inside;
}

#blocgauche li span{ font-weight: bold;
color: #5a1100;
}

#blocdroite { float: left;
width: 555px;
margin: 0;
}

#blocdroite p { padding: 0 0 10px 12px;
}

#blocdroite img { margin: 9px 13px 2px 17px;
float: left;
}

#blocdroite ul { margin: 15px 13px 0 17px;
}

#blocdroite li { padding: 0 0 1px 10px;
list-style-type: circle;
list-style-position: inside;
}

#blocdroite li span { font-weight: bold;
list-style-type: none;
list-style-position: none;
}

#piedfaq { position: relative;
    width: 960px;
    height: 55px;
    margin: 0 auto;
    background: url(accueil-pied.jpg) top left no-repeat;
    }


/* --Pied de page--*/
#pied { position: relative;
width: 960px;
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;
}