@charset "utf-8";
/* CSS Document */
body{font-family:"Trebuchet MS", Arial, Verdana, serif;}
#bg{
background-image:url(../img/bg.jpg);
width:938px;
margin: auto;
}
#conteneur{
width: 800px;
/* margin: 0 auto; */
margin: auto;
background-color: #ffffff;
}
h2 {font-size:0.8em;}
.centrage{text-align:center;}
.liste li{font-size:0.8em;list-style-type:square;}
.liste a{text-decoration:none;color:#680001;}
.liste a:hover{text-decoration:underline;color:#680001;}
/* -----------------------BANNIERE--------------------------- */
#ban{
width:800px;
height:136px;
padding: 0px;
margin: 0px;
background-image:url(../img/banniere.jpg);
}
#ecusson{
background-image:url(../img/ecusson.gif);
width:116px;
height:112px;
position:relative;
left:15px;
top: 15px;
}
#barre{
background-image:url(../img/barre.gif);
background-repeat:no-repeat;
width:800px;
height:25px;
color:#FFFFFF;
}
#barre h1{
font-size:0.7em;
display:inline;
margin-left:40px;
}
#barre h1 a{
text-decoration:none;
color:#FFFFFF;
}
#barre h1 a:hover{
text-decoration:underline;
color:#FFFFFF;
}
.fleur{
background-image:url(../img/sakura.gif);
float:left;
width:33px;
height:34px;
margin-top:7px;
} 
/* -----------------------MENU--------------------------- */
#menu {
float: left;
width: 174px;
height:1250px;
margin: 0;
padding: 0;
background-image:url(../img/bg_menu.gif);
font-size:0.8em;
color:#FFFFFF;
min-height:776px;
/* height:expression(this.scrollHeight > 776 ? "auto":"776px"); */
}
#menu ul{
width:174px;
list-style-type:none;
padding:0;
margin:0;
margin:10px 0;
}
#menu li{
display:inline;
line-height:1.8em;
}
#menu a{
display:block;
color:#FFFFFF;
text-decoration:none;
background-image:url(../img/bg_puce.gif);
}
#menu a:hover{
background-image:url(../img/bg_rub.gif);
color:#021d38;
}
.align{
margin-left:27px;
}
/* -----------------------RUBRIQUES--------------------------- */
#club{
background-image:url(../img/rub_club.gif);
width:174px;
height:41px;
}
#kendo{
background-image:url(../img/rub_kendo.gif);
width:174px;
height:41px;
}
#chanbara{
background-image:url(../img/rub_chanbara.gif);
width:174px;
height:41px;
}
#divers{
background-image:url(../img/rub_divers.gif);
width:174px;
height:41px;
}
/* -----------------------CONTENU--------------------------- */
#contenu{
position:relative;
left:0px;
top:0px;
z-index:0;
margin-left:174px;
width:auto;
height:1250px;
padding-right:15px;
padding-left:15px;
background-color: #ffffff;
background-image:url(../img/bogu2.jpg);
background-repeat:no-repeat;
background-position:right;
color:#021d38;
}
#contenu p{
font-size:0.8em;
}
#contenu h1{
margin:0px;
color:#021d38;
font-weight:bold;
font-size:0.9em;
line-height:40px;
margin-left:40px;
}
#contenu p a{text-decoration:none;color:#680001;}
#contenu p a:hover{text-decoration:underline;color:#680001;}
#photo{
/* background-image:url(../img/photo_accueil.jpg); */
width:540px;
height:250px;
text-align:center;
margin-left:28px;
margin-bottom:10px;
}
#news{
font-size:0.7em;
}
#scroll{
position:absolute;
overflow:auto;
width:590px;
height:1200px;
}
/* -------------------PAGE EQUIP--------------------- */
a#keikogi{position:relative;}
a#keikogi span{display:none;}
a#keikogi:hover span{background: none;z-index: 50;border:0;display: block;position: absolute;left:50px;top:-60px;}
a#hakama{position:relative;}
a#hakama span{display:none;}
a#hakama:hover span{background: none;z-index: 50;border:0;display: block;position: absolute;left:60px;top:-60px;}
a#shinai{position:relative;}
a#shinai span{display:none;}
a#shinai:hover span{background: none;z-index: 50;border:0;display: block;position: absolute;left:60px;top:-60px;}
a#bokken{position:relative;}
a#bokken span{display:none;}
a#bokken:hover span{background: none;z-index: 50;border:0;display: block;position: absolute;left:60px;top:-40px;}
#casque{width:158px;height:141px;position:absolute;left: 348px;top: 61px;font-size:0.8em;}
/* -----------------------BOGU--------------------------- */
#bogu {
background-image:url(../img/bogu.gif);
z-index:1;
width:107px;
height:45px;
float:right;
display:inline;
}
/* -----------------------FOOTER--------------------------- */
#footer {
background-image:url(../img/footer.gif);
background-repeat:no-repeat;
width:800px;
height:2px;
display:inline;
float:left;
}
#copy{font-size:0.6em;color:#680001;width:300px;margin:auto;text-align:center;/*margin-top:10px;*/}
#copy a{text-decoration:underline;color:#680001;}
#copy span{background-image:url(../img/icon.firefox.gif);}