/* CSS Document */
/* taille de typo Valeurs en % Valeurs en px 
 57% / 9px 
 65% / 10px 
 71% / 11px 
 77% / 12px 
 82% / 13px  
 88% / 14px 
 96% / 15px 
103% / 16px 
109% / 17px 
115% / 18px 
121% / 19px  
*/

body{
	margin:0px 0px;
	padding:0px 0px;
	font-family: Arial, Verdana,sans-serif;
	font-size:100%;
	background:#FFF;
	color:#231f20;
	text-align:left;
}

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, textarea, input, option, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size:1em;	
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

#conteneur {
	width:980px;
	text-align:left;
	background: transparent url(../images/generique/bgconteneur.gif) scroll repeat-y top left;
}

#accueil{
	width:100%;
	background: #FFF url(../images/generique/accueil.gif) scroll no-repeat top left;
	height:612px;
}

#accueil ul{
	height:612px;
	width:100%;
	background: #FFF url(../images/generique/accueil.gif) scroll no-repeat top left;	
}

#accueil ul.accueil-cnk{
	width:100%;
	background: #FFF url(../images/generique/accueil-cnk.jpg) scroll no-repeat top left;	
}

#accueil ul.accueil-disciplines{
	width:100%;
	background: #FFF url(../images/generique/accueil-disciplines.jpg) scroll no-repeat top left;	
}

#accueil ul{
	list-style-type:none;
	width:100%;
	cursor:pointer;
}

#accueil li{
	display:inline;
}

#accueil li a{
	display:block;
	width:490px;
	height:612px;
	float:left;
	cursor:pointer;
}

#accueil{
	list-style-type:none;
}


#disciplines{
	width:100%;
	background: #FFF url(../images/generique/dsc-bg.gif) scroll no-repeat top left;
	height:612px;
	position: relative;	
}

#logoback{
	display:block;
	width:251px;
	height:93px;
	padding-top:34px;
}

#logoback img{
	display:block;
}

#fisheye.javascript{
	height: 200px;
	position: relative;
	padding:0px 0px 0px 0px;
	width:875px;
}

#fisheye.default{
	height: 200px;
	position: relative;
	padding:0px 0px 0px 0px;
	width:980px;
}

#fisheye.default .fisheyeContainter{
	height: 200px;
	width: 610px;
	list-style-type:none;
	margin:0px 0px 0px 0px;
	padding:100px 0px 0px 370px;
}

* html #fisheye.default .fisheyeContainter{
	width: 610px;
	width /**/: 980px;
}

#fisheye.javascript .fisheyeContainter{
	height: 200px;
	width: 200px;
	list-style-type:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position: absolute;
}

.fisheyeContainter li {
	display:inline;
	padding:0px;
}

#fisheye.default a.fisheyeItem {
	text-align: center;
	color: #000;
	font-weight: bold;
	width: 90px;
	display: block;
	text-decoration:none !important;
	float:left;
}

#fisheye.javascript a.fisheyeItem {
	text-align: center;
	color: #000;
	font-weight: bold;
	width: 70px;
	position: absolute;
	display: block;
	bottom: 0;
	text-decoration:none !important;
}

#fisheye.javascript .fisheyeItem img{
	border: none;
	margin: 0 auto 15px auto;
	width: 100%;
}

#fisheye.default .fisheyeItem span{
	display: block;
	text-decoration:none;
}

#fisheye.javascript .fisheyeItem span{
	display: none;
	position: absolute;
	bottom: 0px;
	left:50%;
	text-decoration:none;
}

#fisheye.javascript #dsc-kendo span{
	left:15%;
	color:#583119;
}

#fisheye.javascript #dsc-iaido span{
	left:50%;
	color:#623201;
}

#fisheye.javascript #dsc-jodo span{
	left:55%;
	color:#d56300;
}

#fisheye.javascript #dsc-naginata span{
	left:15%;
	color:#7f2b00;
}

#fisheye.javascript #dsc-chanbara span{
	left:23%;
	color:#aa9c5f;
}

#fisheye.javascript #dsc-kyudo span{
	left:35%;
	color:#00294b;
}

#fisheye.default #dsc-kendo span{
	color:#583119;
}

#fisheye.default #dsc-iaido span{
	color:#623201;
}

#fisheye.default #dsc-jodo span{
	color:#d56300;
}

#fisheye.default #dsc-naginata span{
	color:#7f2b00;
}

#fisheye.default #dsc-chanbara span{
	color:#aa9c5f;
}

#fisheye.default #dsc-kyudo span{
	color:#00294b;
}

#footer, #main{
	width:100%;
	clear:both;
}

.clearer{
	height:0 !important;
	clear:both !important;
	margin:0px !important;
	padding:0px !important;
	border: none !important;
}

.outside{
	position:absolute !important;
	overflow:hidden !important;
	top:-2000px !important;
	left:-2000px !important;
	height:0 !important;
	width:0 !important;
}

a{
	text-decoration:underline;
	color:#BC0054;
}

a:hover{
	text-decoration:underline;
	cursor:hand;
}

a img{
	border:none;
}

.right{
	text-align:right !important;
}

.left{
	text-align:left !important;
}

.center{
	text-align:center !important;
}
 
.floatleft{
	float:left;
	margin:0px 10px 10px 0px;
	display:inline;	
}

.floatright{
	float:right;
	margin:0px 0px 10px 10px;
	display:inline;	
}

.floatnone{
	margin:0px auto 10px auto;	
	display:block;	
}

.encol {
	float:left;
	display:inline;
}

.gras{
	font-weight:bold;
}

.italique{
	font-style: italic;
}

/* colonne gauche */

#main{
  width:980px;
}

#lefter {
  float:left;
  display:inline;
  width:174px;
  margin-top:36px;
}

#logo{
	display:block;
	position:relative;
	width:174px;
	height: 89px;
	font-size:65%;
	overflow:hidden;
}

#logo img{
	display:block;
	position:absolute;
	width:174px;
	height: 89px;
	background:#FFF url(../images/cnk/logo.gif) scroll no-repeat top left;
}

#lefter ul{
  list-style-type:none;
  margin-top:8px;
   padding-bottom:50px;
}

#lefter li{
  display:inline;
}

#lefter ul a{
  display:block;
  width:105px;
  overflow:hidden;
  position:relative;
}

#lefter ul a img{
  display:block;
  position:absolute;
  width:105px; 
}

#lefter ul .kendo a, #lefter ul .kendo a img{
  background: #FFF url(../images/generique/lefterkendo.gif) scroll no-repeat 0px -51px;
  height:51px;
}

#lefter ul .kendo a:hover img{
  background: #FFF url(../images/generique/lefterkendo.gif) scroll no-repeat 0px 0px;
}

#lefter ul .iaido a, #lefter ul .iaido a img{
  background: #FFF url(../images/generique/lefteriaido.gif) scroll no-repeat 0px -38px;
  height:38px;
}

#lefter ul .iaido a:hover img{
  background: #FFF url(../images/generique/lefteriaido.gif) scroll no-repeat 0px 0px;
}

#lefter ul .naginata a, #lefter ul .naginata a img{
  background: #FFF url(../images/generique/lefternaginata.gif) scroll no-repeat 0px -42px;
  height:42px;
}

#lefter ul .naginata a:hover img{
  background: #FFF url(../images/generique/lefternaginata.gif) scroll no-repeat 0px 0px;
}

#lefter ul .jodo a, #lefter ul .jodo a img{
  background: #FFF url(../images/generique/lefterjodo.gif) scroll no-repeat 0px -50px;
  height:50px;
}

#lefter ul .jodo a:hover img{
  background: #FFF url(../images/generique/lefterjodo.gif) scroll no-repeat 0px 0px;
}

#lefter ul .chanbara a, #lefter ul .chanbara a img{
  background: #FFF url(../images/generique/lefterchanbara.gif) scroll no-repeat 0px -63px;
  height:63px;
}

#lefter ul .chanbara a:hover img{
  background: #FFF url(../images/generique/lefterchanbara.gif) scroll no-repeat 0px 0px;
}

#lefter ul .kyudo a, #lefter ul .kyudo a img{
  background: #FFF url(../images/generique/lefterkyudo.gif) scroll no-repeat 0px -66px;
  height:66px;
}

#lefter ul .kyudo a:hover img{
  background: #FFF url(../images/generique/lefterkyudo.gif) scroll no-repeat 0px 0px;
}

/* entête de page */


#header{
  float:left;
  width:806px;
}

#header form{
  padding:9px 3px;
  width:238px;
  margin-left:114px;
}

#search{
  font-size:77%;
  border:1px solid #000;
  margin:0px;
  padding:0px;
}

#header form input{
  vertical-align:middle;
}

#switcher{
  background-color:#FFF;
  font-size:65%;
  text-transform:uppercase;  
  padding:1px 3px;
  width:238px;
  margin-left:114px; 
}

#switcher a{
  color:#bbbdc0;
  text-decoration:none;
}

#currentrub a{
  color:#FFF;
}

#currentrub{
  text-transform:uppercase;
  color:#FFF;
  font-weight:bold;
  padding:3px 3px 0px 3px;
  width:238px;
  margin-left:114px; 
  font-size:88%; 
  min-height:54px;  
}

* html #currentrub, * html #switcher{
  width:238px;
  width /**/:243px;
}

* html #currentrub{
  height:54px;
  height /**/:57px; 
}

#actu #currentrub{
  font-size:230%; 
}

#subnav{
  list-style-type:none;

  padding:0px; 
  margin-left:114px; 
  margin-right:82px;   
}

#subnav li{
  display:inline;
}

#subnav li a{
  display:block;
  float:left;
  display:inline;
  text-transform:uppercase;
  color:#FFF;
  font-size:65%;
  text-decoration:none;
  white-space: nowrap;
  min-height:15px;
  padding:0px 4px 0px 4px;
  width:114px;
  letter-spacing:-1px;
}


#content {
  float:left;
  width:806px;
}


#actu #content {
	padding-top:50px;
}

div.intro{
  margin-left:236px;
  border-top: none;   
}

div.txtintro *{
  font-weight:bold;
  font-size:77%;
}

div.normal{
  margin-left:236px;  
}

div.photo{
  padding-left:122px;  
}

div.photo a.bigimg {
  position:absolute;
  display:block;
}

div.photo a.defaultsmallimg {
  position:absolute;
  display:block;
  width:114px;
  left:0px;
  top:-6px;
}

div.photo a.verticalsmallimg {
  position:absolute;
  display:block;
  width:114px;
  left:0px;
  top:-6px;
}

div.photo a.smallimg, div.photo a.smallimg2{
  position:absolute;
  display:block;
  left:0px;
  top:-6px;
}


div.photo img.normalimg {
  float:left;
  display:inline;
  left:0px;
  margin-left:-122px;
  margin-bottom:12px;
}

ul.liste img.normalimg {
  float:left;
  display:inline;
  left:0px;
  margin-left:-122px;
  margin-bottom:12px;
  margin-top:-8px;
}

div.photo a.defaultsmallimg img, div.photo a.smallimg img, div.photo a.verticalsmallimg img, div.photo a.smallimg2 img{
  display:block;
  width:100%;
  height:100%;
}

div.photo p.info{
  position:absolute;
  width:95px;
  font-size:77%; 
  left:-114px;
  top:-6px; 
	margin:0px;
	padding:0px;
}

.bloc{
  margin-left:114px;
  clear:both;
  position:relative;
}

* html .bloc{
  height:1%;
}

#content a{
	text-decoration:none;
	font-weight:bold;
}

#content a:hover, #content a:active, #content a:focus{
	text-decoration:underline;
}

h1{
  text-transform:uppercase;
  font-weight:bold;
  font-size:115%;
  padding:15px 0px 10px 0px;
  margin-bottom:5px;
}

 h1.stage{
	border:none;
}

h2{
  text-transform:uppercase;
  font-weight:bold;
  font-size:103%;
  padding:5px 0px 5px 0px;
}

.bloc .txt{
  font-size:77%;
  margin-bottom:15px;  
}

.bloc .txt ul{

  margin-left:15px;  
}


.liste p{
  font-size:77%;
}

ul.liste li{
  list-style-type:none;
  margin:30px 0px 30px 114px;
  clear:left;
}

.liste h2 a, div.pagination a{
	text-decoration:none;
}

div.pagination p{
  font-size:77%;
  float:right;
  text-align:right;
  margin:30px 0px;
}

div.resume{
	font-weight:bold;
	font-size:88%;
}

.bloc table{
	margin-bottom:10px;
}

.bloc th{
	width:20px;
	font-size:109%;
	font-weight:bold;
	padding:2px 3px 2px 0px;
}

.bloc td{
	padding:2px 3px 2px 20px;
	text-transform:uppercase;	
}

#content p{
  margin-bottom:15px;  
}

/* pied de page */

#footer{
  margin:0px 0px 0px 0px;
  padding:280px 0px 25px 0px;
  width:980px;
}

#footer ul{
  margin-left:410px;
  list-style-type:none;
  height:15px;
  width:490px;
}

#footer li{
  display:inline;
}

#footer li a{
  display:block;
  float:left;
  text-transform:uppercase;
  color:#FFF;
  font-size:65%;
  text-decoration:none;
  width:114px;
  white-space: nowrap;
  min-height:15px;
  padding:0px 4px;
}