html {
	color: #000;
	background: #FFF;
	font-family: 'lucida grande','lucida sans unicode','trebuchet ms',helvetica,verdana,arial,sans-serif;
	font-size: 9pt;
	line-height: 1.5em;
}

h1, h2, h3 {
	color: #000;
	font-weight: normal;
	text-transform: uppercase;
}

h1 {
	font-size: 1.15em;
	line-height: 1em;
	letter-spacing: .05em;
	border-bottom: 2px solid #000;
}

h2 {
	margin: 1.5em 0 0;
	font-size: .9em;
	letter-spacing: .1em;
	text-align: center;
	text-decoration: underline;
}

h3 {
	margin: 0 0 .4em;
	font-size: 1.15em;
	text-align: center;
}

p {
	margin: 0 0 1.5em;
	font-weight: normal;
}

form {
	float: left;
	width: 500px;
}
	form fieldset {
		border: 0;
	}
		form fieldset.actions {
			padding: 1.5em 0 0;
		}

	form label {
		display: block;
		float: left;
		clear: both;
		padding: 4px 4px 4px 0;
		width: 140px;
		color: #000;
	}

a:link, a:active, a:visited {
	color: #3493A0;
}

a:hover {
	color: #000;
}

#page {
	width: 900px;
	margin: 0 auto;
}

#header,
#feature,
#content,
#footer {
	width: 850px;
	margin: 0 0 0 25px;
	background-color: #FFF;
}

#header {
	float: left;
	padding: 15px 0 0;
}

#logo {
	float: left;
	margin: 0 2px 0 0;
	padding: 1px 0 0;
	width: 250px;
	height: 85px;
	/* border-bottom: 2px solid #CCC; */
	background: transparent url(/images/smallweblogo.gif) no-repeat 30px top;
}
	#logo * {
		margin: 0 0 0 110px;
	}

	#logo h1 {
		border: 0;
	}
		#logo h1 a {
			display: block;
			margin: 23px 0 0 3px;
			width: 185px;
			height: 19px;
			text-indent: -999em;
			background: transparent url(http://www.kurtismcclellan.com/images/kurtismcclellan.gif) no-repeat;
		}
	
	#logo h2 {
		padding: 3px;
		color: #666;
		font-size: 1em;
		line-height: 1em;
		font-weight: normal;
		letter-spacing: .15em;
		text-align: left;
		text-transform: uppercase;
		text-decoration: none;
	}


#nav {
	float: right;
	margin: 39px 0 0;
	width: 525px;
	border-bottom: 0 solid #CCC;
}
	#nav li {
		display: block;
		float: left;
		margin: 0 2px 0 0;
		width: 123px;
	}
		#nav li.dernier {
			margin: 0;
			padding: 1px 0;
			width: 25px;
			line-height: 1em;
			border-bottom: 2px solid #CCC;
		}

		#nav a {
			display: block;
			padding: 1px 0;
			color: #999;
			line-height: 1em;
			letter-spacing: .08em;
			text-decoration: none;
			text-transform: uppercase;
			border-bottom: 2px solid #999;
		}
			#nav a:hover {
				color: #666;
				border-bottom: 2px solid #666;
			}
			
			#nav a.on {
				color: #000;
				border-bottom: 2px solid #000;
			}

#feature {
	margin: 15px 0 0 25px;
	float: left;
	background: transparent url('../images/featureback.gif') repeat top; 

}

#featurephoto {
		float: left;
		padding: 20px 5px 20px 40px;
		width: 250px;
	}

#featuretext {
		float: right;
		padding: 10px 40px 20px 10px;
		width: 500px;
	}

#openspace {
	margin: 15px 0 0 25px;
	float: left;
	width: 950px;
}
	.col-desk {
		float: left;
		padding: 0px;
		width: 453px;
	}
		.col-desk .rubrique h1 {
		padding-left: 25px;
		width: 448px;
		color: #756d63;
		border-bottom: 2px solid #CCC;
	}

	.col-suitcase {
		float: left;
		padding: 0 0 25px 25px;
		width: 207px;
	}
	
			.col-suitcase .rubrique h1 {
		width: 207px;
	}
	
	.col-familytree {
		float: left;
		padding: 0 0 25px 5px;
		width: 175px;
	}
			.col-familytree .rubrique h1 {
		width: 148px;
	}

#content {
	float: left;
}
	.col-etroite {
		float: left;
		padding: 0 25px;
		width: 250px;
	}

	.col-large {
		float: left;
		padding: 0 0 25px 25px;
		width: 525px;
	}

.clear {
	clear: both;
}

.rubrique {
	float: left;
	margin: 2.5em 0 2em;
}
	.rubrique h1 {
		float: left;
		margin-bottom: -2px;
		width: 498px;
	}
	
	#content .rubrique u,
	#openspace .rubrique u {
		display: block;
		float: right;
		margin: 9px 0 0 0;
		width: 25px;
		font-size: 1.15em;
		line-height: 1em;
		letter-spacing: .05em;
		text-decoration: none;
		text-align: center;
		border-bottom: 2px solid #CCC;
	}
		#content .rubrique a:hover,
		#content .rubrique:hover a {
			color: #333;
		}

.col-etroite .rubrique {
	margin-left: -25px;
	margin-bottom: 2.3em;
}
	.col-etroite .rubrique h1 {
		padding-left: 25px;
		width: 298px;
		color: #756d63;
		border-bottom: 2px solid #CCC;
	}
	
	.col-etroite ul {
		float: left;
		margin: 0 0 1.5em 0;
		width: 250px;
	}
		.col-etroite ul li {
			margin: 0 0 2px;
		}
			#contenu .col-etroite ul li a {
				display: block;
				padding: 4px;
				width: 250px;
				text-decoration: none;
			}
				.col-etroite ul li a:hover {
					background: #53B8C7;
					color: #FFF;
				}

				#contenu .col-etroite ul li.on {
					background: #c8c5ca;
					color: #333;
				}
				
	.col-etroite p.telechargement {
	text-align: center;
	}

	.col-large p {
		width: 500px;
		color: #333;
		font-family: georgia;
		font-size: 1.2em;
		line-height: 1.53em;
	}
	
	.col-large h3 {
	width: 500px;
	color: #333;
	font-family: georgia;
	font-size: 1.6em;
	line-height: 1.53em;
	text-align: left;
	}
	
	.col-large h4 {
	color: #333;
	font-family: georgia;
	font-size: 1.1em;
	text-align: right;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	float: right;
	width: 150px;
	}
	
	.col-etroite p {
		line-height: 1.82em;
	}
	
		.col-etroite img {
		border-color:#268BD2;
	}
	
	.col-large ul.spip {
		background-color: #EEE;
		padding-top: 5px;
		padding-right: 10px;
		padding-bottom: 5px;
		padding-left: 10px;
	}
	
		.col-large ul.spip li strong {
			color: #666;
		}
		
	.col-large .rubrique a {
		color: #666;
	}
	
	.col-large .liste_presentation ul#presentation {
		padding-top: 0px;
		padding-right: 5px;
		padding-bottom: 0px;
		padding-left: 5px;
	}
	
		.col-large .liste_presentation ul#presentation li {
		margin: 5px;
		padding: 0px;
		float: left;
		}
		
		.col-large .liste_presentation ul#presentation li a {
		margin: 0px;
		padding: 0px;
		border: 3px solid #CCC;
		display: block;
		}
		
		.col-large .liste_presentation ul#presentation li a:hover {
		margin: 0px;
		padding: 0px;
		border: 3px solid #53B8C7;
		display: block;
		}
	
	form span.erreur_message {
	float: right;
	padding: 4px;
	width: 300px;
	color: #CC0000;
	}
	
	div.visuel img {
	border: 5px solid #53B8C7;
	margin-bottom: 0px;
	}
	
	div.urlSite {
	background-color: #53B8C7;
	padding: 0px;
	text-align: right;
	border-top-width: 0px;
	border-right-width: 10px;
	border-bottom-width: 5px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #53B8C7;
	border-right-color: #53B8C7;
	border-bottom-color: #53B8C7;
	border-left-color: #53B8C7;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	}
	
	div.urlSite a {
	color: #FFFFFF;
	text-decoration: underline;
	}
	
	div.urlSite a:hover {
	color: #000;
	text-decoration: none;
	}
	
	.encart {
	color: #000;
	background-color: #53B8C7;
	padding: 10px;
	float: right;
	width: 180px;
	margin-left: 10px;
	}
	
	#page form input,
	#page form textarea,
	#page form select {
		float: right;
		padding: 4px;
		width: 300px;
		color: #fff;
		background: #222;
		border: none;
		border-top: 1px solid #111;
	}
		#page form textarea {
			height: 200px;
		}
			#page form textarea.large {
				width: 490px;
			}

		#page form fieldset.actions input,
		#page form p.boutons input.submit {
			float: left;
			padding: 4px;
			width: auto;
			color: #fff;
			background: #000;
			border: none;
			border-top: 1px solid #000;
			border-bottom: 1px solid #000;
		}
		
		#page form input.checkbox {
			float: left;
			margin: 4px 4px 4px 50px;
			width: auto;
		}

	#page form p {
		float: right;
		padding: 0 5px 5px;
		width: 300px;
	}


#footer {
	clear: both;
	border-top: 2px solid #CCC;
}
	#copyright, 
	#client {
		color: #666;
		padding: 12px 25px;
	}
	
	#footer #client {
		float: right;
	}
		#footer #client a {
			color: #939598;
		}