/* 

		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;

    padding-left: 15px;

    font-size: 1.7em;

    color: #d12b01;

    }



h2 { font-style: italic; 

    font-size: 1.5em;

    color: #5a1100;

    }



p { margin: 0;

    padding: 1px 12px 15px 12px;

    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;
}

img { border: none;

    float: right;

    }





/* --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#lien2 { display: block;

    height: 30px;

    width: 128px;

    line-height: 29px;

    padding: 70px 0 0 0;

    margin: 0;

    color: #d12b01;

    }

#navigation li#lien1 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#lien5 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#lien5 a:hover, #navigation li#lien3 a:hover, #navigation li#lien4 a:hover, #navigation li#lien1 a:hover, #navigation li#lien6 a:hover {background: #f9edbd;
}



#navigation li a:visited { color: #f9edbd;

    text-decoration: none;

    }



#navigation li span { display: none;

    }



/* --Partie haute du conteneur 

(logo, image, texte "slogan" et explication)-- */



#haut { width: 769px;

    height: 229px;

    margin: 0 auto;

    background: url(headercours.jpg) top left no-repeat;

    }



/* -- Contenu g�n�ral --*/



#contenu { position: relative;

    width: 769px;

    margin: 0 auto;

    background: url(contenu.jpg) top left repeat-y;

    }



/* -- Blocs gauche --*/



#bloc2gauche, #bloc3gauche { margin-top: 18px;

    }



#bloc1gauche { width: 425px;

    padding: 5px 0 0 19px;

    margin: 0;

    }



#bloc1gauche li { padding-top: 5px;

    margin: 0;

    font-size: 1em;

    list-style-type: disc;

    list-style-position: inside;

    }



#bloc1gauche li span { padding-top: 5px;

    margin: 0;

    font-size: 0.8em;

    font-style: italic;

    }



#bloc2gauche { width: 425px;

    padding: 5px 0 0 19px;

    }



#bloc2gauche li { padding-top: 5px;

    margin: 0;

    font-size: 1em;

    list-style-type: disc;

    list-style-position: inside;

    }



#bloc2gauche li span { padding-top: 5px;

    margin: 0;

    font-size: 0.8em;

    font-style: italic;

    }



#bloc3gauche { width: 425px;

    padding: 5px 0 0 19px;

    }



#bloc3gauche li { padding-top: 5px;

    margin: 0;

    font-size: 1em;

    list-style-type: disc;

    list-style-position: inside;

    }



#bloc3gauche li span { padding-top: 5px;

    margin: 0;

    font-size: 0.8em;

    font-style: italic;

    }



#bloc3gauche p { font-size: 0.8em;

    }



.form a {padding-left: 10px;

    font-size: 1em;

    list-style-type: none;

    }



#attention { width: 750px;

    height: 190px;

    padding-left: 15px;

    margin: 12px 0 0 11px; 

    background: url(attentionfond.jpg) top left no-repeat;

    }



#attention h3 { padding: 7px 0 0 150px; 

    margin: 0;

    font-size: 1.4em;

    color: #f9edbd;

    }


#attention p { width: 550px;

    padding: 15px 0 0 150px;

    font-size: 1em;

    color: white;

    }




#piedcours { 

    width: 769px;

    height: 258px;

    margin: 0 auto;

    background: url(piedfaq.jpg) top left no-repeat;

    }





/* -- Blocs droite --*/



#bloc1droit { position: absolute;

    top: 0;

    left: 461px;

    width: 292px;

    padding: 1px 8px 8px 5px;

    margin: 0;

    }


#bloc1droit img { float: left;

    border: 0 none;

    }


#bloc1droit li { padding: 1px 2px 12px 15px;

    margin: 0;

    font-size: 0.9em;

    list-style-type: circle;

    list-style-position: inside;

    }



#bloc1droit h1 { padding: 0 0 9px 15px;

    margin: 0;
    }

#bloc1droit h4 { padding: 11px 0 9px 15px;

    margin: 0;

    font-style: italic; 

    font-size: 0.9em;

    color: #5a1100;


    }

/* --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;
}