/* CSS Document - LEESIULUNG STYLE 2010 - author Nicolas G - www.nicolas-g.fr  */
body {
background: #6a0000;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 14px;
line-height: 18px;
color: #000000;
margin: 0px;
padding: 0px;
}
#blocbando {
margin: 25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #000000;
border: 0px;
height: 150px;
}
#bandeau {
position: relative;
width: 924px;
height: 150px;
margin: 0px auto 0px auto;
padding: 0;
background-color: #000000;
}
#dragon {
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
}
h4 {
position: absolute;
top: 0px;
left: 200px;
margin: 0px;
padding: 0px;
width: 230px;
height: 150px;
background-image: url(img/titre_leesiulung.jpg);
}
.invisible {
visibility: hidden;
}
#anim {
position: absolute;
right:150px;
top: 0px;
}
#logo {
position: absolute;
right: 0px;
top: 0px;
}
h1 {
margin: 0px;
padding: 0px;
}
p {
margin: 0px;
padding: 0px;
}
.lien_interne {
color: #ffcc33;
text-decoration: none;
font-style: normal;
}
.lien_interne:hover, .lien_interne:focus {
color: #ffcc33;
text-decoration: none;
font-weight: bold;
text-decoration: underline;
}
/* CONTENU DE LA PAGE ........................................................ */
#contenu {
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
background: url(img/arrplan_contenu.png);
width: 1024px;
height: auto;
}
/* MENU PRINCIPAL ........................................................... */
#menu {
margin: 0px auto 25px auto;
padding: 0px 0px 0px 20px;
background: url(img/arrplan_menu.png);
height: 25px;
width: 904px;
list-style-type: none;
font-size: 14px;
color: #ffcc33;
}
#menu li {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px;
}
#menu li a {
display: block;
height: 23px;
margin: 0px 20px 0px 0px;
padding: 2px 6px 0px 5px;
text-align: center;
color: #ffcc33;
text-decoration: none;
}
#menu a:hover, #menu a:hover {
background: #000000;
border-bottom: 1px #ffcc33 solid;
}
/* FIN MENU PRINCIPAL - COLONNE DE GAUCHE .....................................*/
#colgauche {
position: relative;
float: left;
margin: 0px 25px 0px 50px;
padding: 0px 0px 0px 0px;
width: 590px;
height: 470px;
background: url(img/fondacc_n.png) 0px -15px no-repeat;
}
#hautcadre {
margin: 0px;
padding: 0px;
background: transparent;
height: 10px;
/* background: url(img/hautcadre.png); */
}
/* MENU BULLES PAGE ACCUEIL .....................................*/
.bulle {
width: 130px;
height: 130px;
margin: 0px;
padding; 0px;
background:url(img/bulle.png);
}
/* POSITIONNEMENT DES BULLES .....................................*/
#bullewing {
position: absolute;
top: -20px;
left: 235px;
}
#bulletaichi1 {
position: absolute;
top: 30px;
left: 70px;
}
#bulletaichi2 {
position: absolute;
top: 30px;
left: 400px;
}
#bulleself {
position: absolute;
top: 180px;
left: 10px;
}
#bullevietvodao {
position: absolute;
top: 180px;
left: 465px;
}
#bullevinh {
position: absolute;
top: 330px;
left: 40px;
}
#bullecourenfant {
position: absolute;
top: 330px;
left: 430px;
}
/* INTERIEUR DES BULLES .....................................*/
.cacher {
visibility: hidden;
}
.menubulle {
display: block;
width: 130px;
height: 130px;
margin: 0px;
padding: 0px;
text-decoration: none;
}
#wingchun {
background: url(img/wingchun.png)
}
#wingchun:hover {
background: url(img/wingchun_hover.png)
}
#self {
background: url(img/self.png)
}
#self:hover {
background: url(img/self_hover.png)
}
#vietvodao {
background: url(img/vietvodao.png)
}
#vietvodao:hover {
background: url(img/vietvodao_hover.png)
}
#taichi1 {
background: url(img/taichi2.png)
}
#taichi1:hover {
background: url(img/taichi2_hover.png)
}
#taichi2 {
background: url(img/taichi1.png)
}
#taichi2:hover {
background: url(img/taichi1_hover.png)
}
#coursenfant {
background: url(img/coursenfant.png)
}
#coursenfant:hover {
background: url(img/coursenfant_hover.png)
}
#vinhxuan {
background: url(img/vinhxuan.png)
}
#vinhxuan:hover {
background: url(img/vinhxuan_hover.png)
}
/* FIN DU MENU BULLES ET DEBUT NEW MENU .....................................*/
#newmenu {
margin: 0px auto 20px auto;
padding: 0px 0px 0px 20px;
background: transparent;
height: 60px;
width: 904px;
list-style-type: none;
font-size: 14px;
color: #ffcc33;
}
#newmenu li {
float: left;
margin: 0px 30px 0px 0px;
padding: 0px;
background: url(img/fond_ssmenu.jpg) left top no-repeat;
}

#newmenu li a {
display: block;
height: 60px;
width: 120px;
margin: 0px;
text-align: center;
color: #ffcc33;
text-decoration: none;
}
/* TEXTES DU SS MENU .....................................*/
#sswing {
background: url(img/ssmenu_wing.png) left top no-repeat;
}
#sswing:hover, #sswing a:focus {
background: url(img/ssmenu_wing_red.png) left top no-repeat;
}
#sstaiyang {
background: url(img/ssmenu_tai.png) left top no-repeat;
}
#sstaiyang:hover, #sstaiyang a:focus {
background: url(img/ssmenu_tai_red.png) left top no-repeat;
}
#sstaichen {
background: url(img/ssmenu_tai2.png) left top no-repeat;
}
#sstaichen:hover, #sstaichen a:focus {
background: url(img/ssmenu_tai2_red.png) left top no-repeat;
}
#ssself {
background: url(img/ssmenu_self.png) left top no-repeat;
}
#ssself:hover, #ssself a:focus {
background: url(img/ssmenu_self_red.png) left top no-repeat;
}
#ssvietvo {
background: url(img/ssmenu_vietvo.png) left top no-repeat;
}
#ssvietvo:hover, #ssvietvo a:focus {
background: url(img/ssmenu_vietvo_red.png) left top no-repeat;
}
#ssvinh {
background: url(img/ssmenu_vinh.png) left top no-repeat;
}
#ssvinh:hover, #ssvinh a:focus {
background: url(img/ssmenu_vinh_red.png) left top no-repeat;
}
#ssenfant {
background: url(img/ssmenu_cours.png) left top no-repeat;
}
#ssenfant:hover, #ssenfant a:focus {
background: url(img/ssmenu_cours_red.png) left top no-repeat;
}
/* FIN DU NOUVEAU MENU .....................................*/
#texte {
position: absolute;
top: 130px;
right: 20px;
width: 220px;
height: auto;
background: transparent;
margin: 0px;
padding: 0px;
}
#texte p {
background: transparent;
color: #ffcccc;
margin: 0px 0px 30px 0px;
padding: 0px;
text-align: justify;
}
.lahr {
visibility: hidden;
margin: 5px 0px 5px 0px;
padding: 0px;
}
.decohr {
background: url(img/fond_hr.png) repeat left top;
height: 2px;
margin: 0px 0px 20px 0px;
padding: 0px;
}
.retourhaut {
margin: 0px;
padding: 0px;
}
.retourhaut a {
color: #000;
text-decoration: underline;
font-style: italic;
}
.retourhaut a:hover {
color: #fff;
text-decoration: none;
font-style: normal;
}
/* COLONNE DE DROITE ........................................................*/
#coldroite {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 26px 0px;
background: url(img/bas_coldroite.jpg) no-repeat left bottom;
width: 270px;
}
#coldroite h3 {
margin: 0px auto 0px auto;
padding: 0px;
background: url(img/haut_coldroite.jpg) no-repeat left top;
height: 50px;
width: 270px;
font-size: 14px;
}
.planning {
margin: 0px;
padding: 0px 0px 0px 0px;
background: url(img/fond_coldroite.jpg) repeat left top;
width: 250px;
}
.planning h5 {
margin: 0px 0px 0px 50px;
padding: 10px 0px 0px 0px;
font-weight: bold;
}
#coldroite p {
margin: 0px 0px 0px 50px;
padding: 0px 0px 10px 0px;
font-size: 12px;
width: 170px;
border-bottom: 2px dotted #3a0000;
}
#coldroite p a {
color: #cc0000;
font-weight: bold;
text-decoration: none;
}
#coldroite p a:hover {
text-decoration: underline;
}
/*  ...........................................................................*/
.sepa {
clear: both;
visibility: hidden;
margin: 0px;
padding: 0px;
}
/* MENU DU BAS DE PAGE ...................................................... */
#menubas {
margin: 0px auto 0px auto;
padding: 0px;
background: url(img/bas_page.png);
height: 25px;
width: 1024px;
}
#menubas ul {
margin: 0px 0px 0px 150px;
padding: 0px;
list-style-type: none;
font-size: 11px;
color: #996666;
}
#menubas li {
float: left;
margin: 0px auto 0px auto;
padding: 0px;
}
#menubas li a {
color: #996666;
text-decoration: none;
}
#menubas a:hover, #menubas a:hover {
color: #ffcc33;
}
/* PIED DE PAGE ...................................................... */
#pied {
margin: 20px auto 0px auto;
padding: 0px;
color: #996666;
width: 1024px;
text-align: center;
font-size: 10px;
}
#pied a {
color: #996666;
text-decoration: none;
}
#pied a:hover, #pied a:hover {
text-decoration: underline;
}
a.affiliation {
text-decoration: none;
font-size: 12px;
}
a.affiliation:hover, a.affiliation:focus {
text-decoration: underline;
}
/* PAGE INSCRIPTION  ......................................................... */
#colcentre {
margin: 0px 75px 0px 75px;
padding: 0px 0px 10px 0px;
background: transparent;
}
#gauche {
float: left;
margin: 0px 25px 0px 25px;
padding: 0px 0px 0px 0px;
width: 200px;
background: transparent;
color: #ffcccc;
}
#milieu {
float: left;
margin: 0px 25px 0px 0px;
padding: 0px 0px 0px 0px;
width: 370px;
background: url(img/fond_inscrip.jpg) no-repeat;
text-align: center;
}
#droite {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: transparent;
height: auto;
color: #ffcccc;
width: 200px;
text-align: justify;
}
.titretab {
text-align: center;
font-weight: bold;
font-style: italic;
background: transparent;
/*border-bottom: 1px #999 solid; */
}
#tab_inscript a {
text-decoration: none;
color: #666;
}
#tab_inscript a:hover {
color: #000;
text-decoration: underline;
}
/* PAGE CONTACT  ......................................................... */
#colgauchecontact {
float: left;
margin: 0px 75px 0px 75px;
padding: 0px 0px 0px 0px;
background: transparent;
}
#titrecontact {
margin: 0px 75px 15px 75px;
padding: 0px 0px 0px 0px;
height: 30px;
text-align: center;
background: transparent;
border-bottom: 1px solid #000000;
color: #ffcccc;
}
#contacteric {
float: left;
margin: 0px 25px 0px 15px;
padding: 0px 0px 0px 0px; 
}
#coldroitecontact {
float: left;
margin: 0px;
padding: 0px; 
}
.assistants {
margin: 0px 10px 20px 0px;
padding: 0px;
border: none;
text-align: center;
width: 250px;
color: #ffffff;
}
.assistant {
margin: 0px 0px 5px 0px;
padding: 5px 5px 10px 5px; 
background: #540101;
width: 250px;
font-size: 12px;
text-align: center;
}
#lesassistants {
float: left;
margin: 0px;
padding: 0px;
color: #ffcccc;
}
#collaborateur {
float: left;
margin: 0px 10px 0px 20px;
padding: 0px;
color: #ffcccc;
}
/* PAGE BOUTIQUE  ......................................................... */
#boutique {
margin: 0px 75px 0px 75px;
padding: 0px 0px 10px 0px;
}
#titreboutique {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 25px;
border: none;
color: #cccc33;
text-align: left;
background: #000;
}
.produits {
width: 650px;
height: 220px;
list-style-type: none;
margin: 10px 0px 0px 0px;
padding: 0px;
background: transparent;
}
.produits li {
float: left;
margin: 0px 30px 20px 0px;
padding: 0px;
background: transparent;
}
.fete {
width: 650px;
height: auto;
list-style-type: none;
margin: 10px 0px 0px 0px;
padding: 0px;
background: transparent;
}
.fete li {
display: inline;
margin: 0px 20px 20px 0px;
padding: 0px;
background: transparent;
}
.fete li a img {
border: none;
}
table td {
background: #4a0000;
text-align: center;
}