@charset "utf-8";
/* CSS Document */

body {
	width : 100%;
	margin : 0;
	background-color: #000000;
	background-image: url(../images/fond.png);
	background-repeat: repeat-y;
	background-position: center;
}
.sous-titre {
	font-family: "Trebuchet MS", sans-serif;
	font-size: large;
	font-style: italic;
	color: #FFCC33;
}
.wrap_index, .wrap {
	width : 955px;
	height: 500px;
	margin : 0 auto;
}
.wrap_mini {
	width: 955px;
	height: 580px;
	margin: 0 auto;
}
.titre{
	width: 925px;
	margin: 0 auto;
	padding: 0;
}

.texte{
	width: 925px;
	margin: 0 auto;
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	text-align: justify;
	color: #FFFFFF;
	font-size: medium;
}
.puce-or {
list-style-image: url(../images/puce.png);
}
a:link, a:link:visited, a:hover, a:visited:hover {
	font-family: "Trebuchet MS", sans-serif;
	font-style: normal;
}
a, a:visited {
	color: #FFCC33;
}
a:hover, a:visited:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
/*texte sur deux colonnes*/
#colonnegauche {
	float: left;
	width: 420px;
	margin-right: 85px;
}
#colonnedroite {
	float: right;
	width: 420px;
}
/* Note de bas de page*/
#copyright {
	font-family: "Trebuchet MS", sans-serif;
	font-size: x-small;
	font-style: normal;
	color: #CCCCCC;
	text-align: center;
}
/*--------------page index---------------*/
/*-------boutons sur la page index-------*/
#logo {
	top: 10px;
	left: 267px;
	z-index: 1;
}
#boutons_index {
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 925px;
	height: 390px;
}
#boutons_index li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}
#boutons_index li, #boutons_index a {
	display: block;
}
#btn_shinkendo {
	left: 407px;
	top: 5px;
	height: 87px;
	width: 111px;
	z-index: 2;
	background-image: url(../images/logo_index/shinkendo_base.png);
}
#btn_shinkendo a:hover {
	background: transparent url(../images/logo_index/shinkendo_hover.png);
}
#btn_dojo {
	left: 302px;
	top: 50px;
	height: 87px;
	width: 98px;
	z-index: 2;
	background-image: url(../images/logo_index/dojo_base.png);
}
#btn_dojo a:hover {
background: transparent url(../images/logo_index/dojo_hover.png);
}
#btn_contact {
	left: 255px;
	top: 147px;
	height: 116px;
	width: 96px;
	z-index: 2;
	background-image: url(../images/logo_index/contact_base.png);
}
#btn_contact a:hover {
background: transparent url(../images/logo_index/contact_hover.png);
}
#btn_seminaires {
	left: 296px;
	top: 269px;
	height: 91px;
	width: 111px;
	z-index: 2;
	background-image: url(../images/logo_index/seminaires_base.png);
}
#btn_seminaires a:hover {
background: transparent url(../images/logo_index/seminaires_hover.png);
}
#btn_livres_dvds {
	left: 410px;
	top: 323px;
	height: 84px;
	width: 108px;
	z-index:2;
	background-image: url(../images/logo_index/livres_dvds_base.png);
}
#btn_livres_dvds a:hover {
background: transparent url(../images/logo_index/livres_dvds_hover.png);
}
#btn_armes {
	left: 526px;
	top: 269px;
	height: 90px;
	width: 98px;
	z-index: 2;
	background-image: url(../images/logo_index/armes_base.png);
}
#btn_armes a:hover {
background: transparent url(../images/logo_index/armes_hover.png);
}
#btn_photos_demos {
	left: 566px;
	top: 147px;
	height: 111px;
	width: 110px;
	z-index: 2;
	background-image: url(../images/logo_index/photos_demos_base.png);
}
#btn_photos_demos a:hover {
background: transparent url(../images/logo_index/photos_demos_hover.png);
}
#btn_obata_kaiso {
	left: 526px;
	top: 47px;
	height: 90px;
	width: 98px;
	z-index: 2;
	background-image: url(../images/logo_index/obata_kaiso_base.png);
}
#btn_obata_kaiso a:hover {
background: transparent url(../images/logo_index/obata_kaiso_hover.png);
}
/*fin du code de l'index*/

/* code pour le menu en haut des pages interieures */
#menu {
	width: 925px;
	height: 150px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	background-image: url(../images/menu.png);
}
#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}
#menu li, #menu a {
	display: block;
}
#panel1 a, #panel2 a, #panel3 a, #panel4 a, #panel6 a, #panel7 a, #panel8 a, #panel9 a {
height:30px;
}
#panel5 a{
height: 60px;
}
#panel1 { top: 90px; left: 0; width: 137px; height: 30px; }
#panel2 { top: 90px; left: 138px;  width: 201px; height: 30px; }
#panel3 { top: 90px; left: 340px; width: 239px; height: 30px; }
#panel4 { top: 90px; left: 580px; width: 179px; height: 30px; }
#panel5 { top: 90px; left: 760px; width: 165px; height: 60px; }
#panel6 { top: 120px; left: 0; width: 137px; height: 30px; }
#panel7 { top: 120px; left: 138px;  width: 201px; height: 30px;}
#panel8 { top: 120px; left: 340px; width: 239px; height: 30px;}
#panel9 { top: 120px; left: 580px; width: 179px; height: 30px;}

#panel1 a:hover {
   background: transparent url(../images/menu.png)
               0 -150px no-repeat;
}
#panel2 a:hover {
   background: transparent url(../images/menu.png)
               -138px -150px no-repeat;
}
#panel3 a:hover {
   background: transparent url(../images/menu.png)
               -340px -150px no-repeat;
}
#panel4 a:hover {
   background: transparent url(../images/menu.png)
               -580px -150px no-repeat;
}
#panel5 a:hover {
   background: transparent url(../images/menu.png)
               -760px -150px no-repeat;
}
#panel6 a:hover {
   background: transparent url(../images/menu.png)
               0 -180px no-repeat;
}
#panel7 a:hover {
   background: transparent url(../images/menu.png)
               -138px -180px no-repeat;
}
#panel8 a:hover {
   background: transparent url(../images/menu.png)
               -340px -180px no-repeat;
}
#panel9 a:hover {
   background: transparent url(../images/menu.png)
               -580px -180px no-repeat;
}
/* fin du code pour le menu */

/*boutonsa = page shinkendo, boutonsb = page dojo, boutonsc = page gorin goho gogyo*/
#boutonsa, #boutonsb, #boutonsc {
	margin: 0 auto;
	padding: 0;
	position: relative;
}
#boutonsa {
	width: 925px;
	height: 115px;
}
#boutonsb {
	width: 925px;
	height: 235px;
}
#boutonsc {
	width: 925px;
	height: 330px;
}
#boutonsa li, #boutonsb li, #boutonsc li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	z-index: 2;
}
#boutonsa li, #boutonsa a, #boutonsb li, #boutonsb a, #boutonsc li, #boutonsc a {
display: block;
}

#bouton1, #bouton2, #bouton3, #bouton4, #bouton7, #bouton8, #bouton9, #bouton10, #bouton11, #bouton12, #bouton13 {
	height: 115px;
	width: 162px;
	background-image: url(../images/boutons/btn_base.png);
}
/*boutons page shinkendo*/
#bouton1 {
	left: 180px;
	top: 0px;
}
#bouton2 {
	left: 521px;
	top: 0px;
}
/*boutons page dojo*/
#bouton3 {
	left: 80px;
	top: 0px;
}
#bouton4 {
	left: 365px;
	top: 0px;
}
#bouton5 {
	left: 627px;
	top: 0px;
	height: 115px;
	width: 228px;
	background-image: url(../images/boutons/btn_base.png);
	background-position: center;
	background-repeat: no-repeat;
}
#bouton6 {
	left: 46px;
	top: 119px;
	height: 115px;
	width: 228px;
	background-image: url(../images/boutons/btn_base.png);
	background-position: center;
	background-repeat: no-repeat;
}
#bouton7 {
	left: 365px;
	top: 120px;
}
#bouton8 {
	left: 659px;
	top: 120px;
}
/*boutons page gorin goho gogyo*/
#bouton9 {
	left: 382px;
	top: 0px;
}
#bouton10 {
	left: 495px;
	top: 80px;
}
#bouton11 {
	left: 270px;
	top: 80px;
}
#bouton12 {
	left: 313px;
	top: 212px;
}
#bouton13 {
	left: 450px;
	top: 212px;
}
/*positionner images sur page gorin*/
#gorin {
top: 10px;
left: 305px;
}
/*boutons sur toutes les pages*/
#bouton1 a:hover, #bouton2 a:hover, #bouton3 a:hover, #bouton4 a:hover, #bouton5 a:hover, #bouton6 a:hover, #bouton7 a:hover, #bouton8 a:hover, #bouton9 a:hover, #bouton10 a:hover, #bouton11 a:hover, #bouton12 a:hover, #bouton13 a:hover {
   background: transparent url(../images/boutons/btn_hover.png);
}
#bouton5 a:hover, #bouton6 a:hover {
   background-position: center;
   background-repeat: no-repeat;
}
/*note de la page etiquette*/
.note {
	width: 655px;
	padding: 3px;
	border: 1px dotted #FFCC33;
	margin: 0 auto;
	text-align: left;
}
/*note de la page horaire*/
.note-haut {
	width: 655px;
	height: 135px;
	padding: 3px;
	border: 1px dotted #FFCC33;
	margin: 0 auto;
	text-align: left;
}
#colonnegauche_note {
	float: left;
	width: 320px;
}
#colonnedroite_note {
	float: right;
	width: 320px;
}