body{

	background-color: rgb(255,235,206);

	font-family:Arial, Helvetica, sans-serif;

	font-size: 11px;

	margin: 0px;

	padding: 0px;

	color: #636360;

}

#heures{

padding-top: 15px; padding-right: 15px; 
          padding-bottom: 15px; padding-left: 15px;

}

h1{

	font-size: 21px;

	font-family: "Times New Roman", Times, serif;

	color: #636360;

	margin:1px 0px;

	font-weight: normal;

}



h2{

	font-size: 14px;

	font-family: "Times New Roman", Times, serif;

	color: #636360;

	margin:10px 0 0px 0;

}



p {

	padding:5px 0px 5px 0px;

	margin:0px 0px 5px 0px;
	
	text-align: justify
	
	
	
	

}




form{

	padding: 0px;

	margin: 0px;

}



td{

	vertical-align: top;

}



a:link{color:#A81900;}

a:visited{color:#A81900;}

a:hover{color:#565650;}

a:active{color:#A81900;}



hr {

	border: 0;

	width: 100%;

	color: #E5E5E0;

	background-color: #E5E5E0;

	height: 1px;

	margin: 0px;

	padding: 0px;

}



.clr {

	clear: both;

	height: 0px;

}

.clr span{

	height: 0px;

}



/*

#container block wraps the entire page, centers it, and applies the background drop-shadow

 */

#container{
    
	width: 756px;

	position: relative;

	left: 50%;

	margin-left: -378px;

	background: transparent url(images/bg_shdw.png) repeat-y;

}



/*

#container-inside block is narrower than it's parent, allowing drop shadow to appear behind

 */

#container-inside{

	width: 750px;

	background-color: #fff;

	margin-left: 3px;
	
	position:relative;

}





/* Begin Header Styles */





#header-top{

	height: 19px;

	background: transparent url(../images/hdr_top_bg.gif) repeat-x;

}



#header-middle{

	margin: 0px; padding:0px;

}



#header-middle a span{

	display: none;

}



#header-middle a.logo{

	margin: 0 0 0 15px;

	padding: 0px;

	display: block;

	height: 80px; 

	width: 347px;

	background: transparent url(images/Katsugen-kai_Logo.jpg) no-repeat;

}

#header-middle a.callout{

	margin: 0px 20px 0 15px;

	padding: 0px;

	display: block;

	height: 84px; 

	width: 65px;

	background: transparent url(images/katsug3.jpg) no-repeat;

}



#header-bottom{

	height: 29px;

	background: transparent url(images/nav_bg.png) repeat-x;

	margin: 0px; padding:0 0 0 15px;

}

/* End Header Styles */





/* Begin Navblock Styles */





#nav{


	width: 600px; height: 29px;

	background: url(images/nav_buttons.png);

	margin: 0; padding: 0;

	position: relative;

}



#nav span{

	display: none;

}



#nav li{

	margin: 0px; padding: 0px; list-style: none;

	position: absolute; top: 0;

}



#nav li, #nav a {

	height: 29px; display:block;

}

#home{left: 0px; width: 100px;}
#presentation{left: 100px; width: 100px;}
#historique{left: 200px; width: 100px;}
#stages{left: 300px; width: 100px;}
#photos{left: 400px; width: 100px;}
#contacts{left: 500px; width: 100px;}
#about{left: 600px; width: 100px;}


#home a:hover{background: transparent url(images/nav_buttons.png) 0 -29px no-repeat;}
#presentation a:hover{background: transparent url(images/nav_buttons.png) -100px -29px no-repeat;}
#historique a:hover{background: transparent url(images/nav_buttons.png) -200px -29px no-repeat;}
#stages a:hover{background: transparent url(images/nav_buttons.png) -300px -29px no-repeat;}
#photos a:hover{background: transparent url(images/nav_buttons.png) -400px -29px no-repeat;}
#contacts a:hover{background: transparent url(images/nav_buttons.png) -500px -29px no-repeat;}
#about a:hover{background: transparent url(images/nav_buttons.png) -600px -29px no-repeat;}


body.body-home #home,
body.body-home #home a:hover{background: transparent url(images/nav_buttons.png) 0 -58px no-repeat;}
 


body.body-presentation #presentation, 
body.body-presentation #presentation a:hover{background: transparent url(images/nav_buttons.png) -100px -58px no-repeat;}

body.body-historique #historique, 
body.body-historique #historique a:hover{background: transparent url(images/nav_buttons.png) -200px -58px no-repeat;}

body.body-stages #stages, 
body.body-stages #stages a:hover{background: transparent url(images/nav_buttons.png) -300px -58px no-repeat;}

body.body-photos #photos, 
body.body-photos #photos a:hover{background: transparent url(images/nav_buttons.png) -400px -58px no-repeat;}

body.body-contacts #contacts, 
body.body-contacts #contacts a:hover{background: transparent url(images/nav_buttons.png) -500px -58px no-repeat;}

body.body-about #about, 
body.body-about #about a:hover{background: transparent url(images/nav_buttons.png) -600px -58px no-repeat;}



/* Begin Navblock Styles */


.content{

	float: left;

	width: 710px;

	padding: 0px 20px 10px 35px;

	margin-top: 20px;
	

	


}



.h1-presentation{margin-bottom: 10px;}




/* Begin page header classes*/


.left{

	text-align: left;

}





td{

	padding: 4px 2px 4px 5px;

	text-align:center;

	font-size: 10px;

}






th{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	background-color: #EEEEE9;

	padding: 2px;

	padding-left: 5px;

	text-align: center;

}