/* 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.5em;

margin: 0;
}
h2 { font-size: 1em;
}
h3 { margin: 0;
padding: 12px 0 0 5px;
font-size: 1em;
}
p { 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
(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#lien1 { 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#lien5 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#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#lien5 a:hover, #navigation li#lien6 a:hover {background: #f9edbd;
}
/* --Partie haute du conteneur (logo, image, texte "slogan" et explication)-- */
#haut { position: relative;
width: 960px;
height: 449px;
margin: 0 auto;
background: url(accueil-header.jpg) top left no-repeat;
}
#video { position: absolute;
top: 41px;
left: 393px;
width: 525px;
height: 350px;

}


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

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

/* -- Introduction -- */

#intro h1 { top: 5px;
font-size: 1.7em;
font-weight: bold;
color: #5a1100;
margin: 0;
}

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

/* --Présentation-- */

#presentation { height: 540px;
}

#presentation p { padding: 1px 9px 0 5px;
}

#presentation h1 { padding: 0 9px 0 3px;
margin-top: 15px;
font-weight: bold;
}

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

#bloc1 { float: left;
width: 630px;
margin: 0 16px 0 5px;

}

#bloc1 h1 { font-size: 1.7em;
color: #5a1100;
font-weight: bold;
padding-left: 10px;
}

#bloc1 p { margin: 0 5px 0px 5px;
}

#bloc1 img { border: none;
margin: 15px 0 5px 0;
}

li.now { font-size: 1.5em;
}

#bloc1  ul { width: 600px;
margin: 19px 0 7px 0;

}

#bloc1  li { list-style-type: circle;
list-style-position: inside;
margin: 5px 6px 17px 11px;
}

#bloc1point5 { float: left;

width: 300px;

height: 220px;

margin: 0;

}

#bloc1point5 img { 

margin: 0 5px 2px 0;

border: none;

}

#bloc1point5 a { 

text-align: center;

}

#bloc1point5 a:hover { 

color: #f9edbd;

}


#bloc2 { float: left;
width: 285px;
margin: 0;

}

#bloc2 h1 {  padding: 0 5px 0 8px;
font-size: 1.7em;
color: #5a1100;
font-weight: bold;

}

#bloc2 p {  padding: 0 5px 0 8px;

}

#bloc2 img { float: left;
margin: 0 5px 2px 0;
}

/* -- News -- */

#news { height: 230px;
}
#news h1 { margin-top: 15px;
}

#news p { margin: 0;
font-size: 1em;
line-height: 20px;
}


#news p span{ font-size: 0.9em;
font-style: italic;
}

#bloc3 { float: left;
width: 636px;
margin: 0 0 0 11px;
}

#bloc3 h1 { padding: 0 9px 9px 4px;
font-size: 1.7em;
color: #5a1100;
font-weight: bold;
}

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

#bloc3 p{ padding: 0 6px 10px 6px;
}

#bloc3 p span{ font-size: 0.9em;
font-style: italic;
}

#bloc3 img { float: left;
margin: 0 5px 2px 0;
}

p#top { margin-top: 6px;
}

#bloc4 { float: left;
width: 285px;
margin: 0;

}

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

#bloc4 h1 { padding: 0 9px 19px 11px;
font-size: 1.7em;
color: #5a1100;
font-weight: bold;
}

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

#bloc4 img { float: left;
margin: 0 5px 2px 0;
}


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

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


/* --Pied de page
(4 ŽlŽments: plan du site, webmaster, forum et boutique)--*/
#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;
}