/* Copyright 2007 Alex Williams/Nerd Studio - All rights reserved 
 *
 *
 * Colours used in this site
 *
 * #1D1100 = dark brown background
 * #F2F2F2 = almost white regular text
 *
 *
 // stripe colours
 * #FDB913 = (1) yellow text and borders
 * #F89828 = (2) orange text
 * #F47836 = (3) dark orange text
 * #EE3424 = (4) red text
 *
 */
/*
-----------
Generic
-----------
*/
body {
	background: #CCCCCC;
	color: #CCCCCC;
	padding: 0;
	margin: 0 auto;
	width: 970px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.regular {
	color: #636363;
	font-size: 12px;
}
strong {
	font-weight: bold;
	color: #808080;
	font-size: 12px;
}
h3 {
	color: #F89828;
	font-weight: bold;
	font-size: 11px;
}
h4 {
	color: #636363;
	font-size: 12px;
}
h5 {
	color: #636363;
	font-weight: bold;
	font-size: 14px;
}
a { text-decoration: none; color: #808080; }
a:hover { color: #808080; }
img { border: 0; }
.bottom { clear: both; }
/*
-----------
Main Site
-----------
*/
#main { 
	width: 970px; 
	min-height: 550px;
	background-color: #ffffff;
height: auto;
border: 1px solid white;
}
* html .content {
height: 296px;
}
* html .content .text {
height: 296px;
width: 577px;
}
/*
-----------
Top
-----------
*/
#main .top {
	color: #FFFFFF;
	font-size: 11px;
	text-align: right;
	background: #1D1100 url("images/top.jpg") no-repeat;
	height: 82px;
	padding-right: 10px;
	padding-top: 10px;
}
#main .top a { color: #FDB913; }
#main .top a:hover { color: #FFFFFF; }

/*
-----------
Left Menu
-----------
*/
#main ul.left-menu {
	background-color: #F2F2F2;
	float: left;
	width: 167px;
	border: solid #FFFFFF; 
	border-width: 3px 3px 0 3px;
	margin: 0; 
	padding: 0;
} 
#main ul.left-menu li { 
	font-weight: bold; 
	list-style-type: none; 
	border-bottom: 3px solid #FFFFFF;
	background: #F2F2F2 url("images/menu_bk.gif") repeat-y; }
#main ul.left-menu li a{padding: 3px 14px 4px 14px; display:block;
}
#main ul.left-menu li a:hover { 
	background: #FFDC99 url("images/menu_bk-over.gif") repeat-y; 	
}
#main ul.left-menu li a.selected{ 	background: #FFDC99 url("images/menu_bk-over.gif") repeat-y; 	
}
#main ul.left-menu li.space {
	background: none;
	height: 14px;
}
/*
-----------
Top Right Menu
-----------
*/
#main ul.top-menu { 
	background-color: #1D1100; 
	border-top: 1px solid #F2F2F2;
	width: 797px;
	float: left;
	padding: 0; 
	margin: 0;
}
#main ul.top-menu li { 
	color: #4D4D4D; 
	margin: 0; 
	padding: 5px 0 4px 0; 
	display: inline; 
	float: left;
}
#main ul.top-menu a { text-decoration: none; color: #F47836; }
#main ul.top-menu a:hover { color: #FFFFFF; }
#main ul.top-menu a.selected { color: #FFFFFF; }

#main ul.top-menu li a { margin: 0 10px;  }
#main ul.top-menu li.image a { margin: 0; padding: 0; }
#main ul.top-menu li.image { 
	float: right; 
	width: 179px; 
	height: 25px;
	padding: 0; 
	margin: 0;
}
/*
-----------
Main Content
-----------
*/
#main .content {
	background: #000000 url("images/track_moto.jpg") no-repeat;
	border-top: 1px solid #F2F2F2;
	width: 797px;
	min-height: 296px;
	padding: 0;
	margin: 0;
	float: left;
	z-index: 10;
}
#main .content .text {
	background: #FFFFFF url("images/shadow_content.gif") repeat-y;
	width: 577px;
	color: #000000;
	padding: 0 20px 20px 20px;
	float: left;
	min-height: 296px;
	display: block;
}
#main .content .text a.inscription { color: #EE3424; }
#main .content .text a:hover.inscription { color: #F89828; }

#main .content .text div.circuit {
	width: 588px;
	height: 119px;
	background: #FFFFFF url("images/boite_grise.gif") no-repeat;
	color: #FFFFFF;
}
#main .content .text div.circuit img.circuit { margin: 11px 5px 11px 11px; float: left; }
#main .content .text div.circuit img.bande { margin: 12px 0 0 0; padding: 0; }
#main .content .text div.circuit h2 { margin: 5px 0; }
#main .content .text div.circuit p { margin: 12px 0; }
#main .content .text div.circuit a { color: #FFFFFF; }
#main .content .text div.circuit a:hover { color: #CCCCCC; }
#main .content .text hr { width: 90%; color: #DDDDDD; height: 1px; border: 0; background-color: #DDDDDD; }
#main .content .text ul.indent { list-style-type: none; margin: 10px 10px 0 10px; padding: 0; }
#main .content .text ul.indent li { margin: 10px 0; }

#main .content .calendar table { 
	border: 0; 
	width: 560px; 
	margin: 0 0 25px 0;
	border-collapse: collapse;
}
#main .content .calendar th { 
	text-transform: uppercase; 
	text-align: left; 
	padding: 5px; 
	border-bottom: 1px solid #CCCCCC; 
	background-color: #636363;
	border-bottom: 0;
	color: #FFFFFF;
	font-size: 110%;
}
#main .content .calendar td {
	padding: 5px;
	margin: 0;
	text-align: left;
	border: 1px solid #FFFFFF;
	color: #1D1100
}
#main .content .calendar td strong { color: #EE3424; }
#main .content .calendar td.right { text-align: right; }

#main .content .calendar tr {
	background-color: #F2F2F2;
}
#main .content .calendar tr.one {
	background-color: #FFFFFF;
}
#main .content .calendar tr.two {
	background-color: #F2F2F2;
}


/*
-----------
Photo Gallery
-----------
*/
#main .content .gallery { }
#main .content .gallery .category { 
float: left; 
width: 110px; 
border: 5px solid #CCCCCC; 
background-color: #FFFFFF;
padding: 5px;
text-align: center;
margin-right: 12px;
margin-bottom: 12px;
}
#main .content .gallery a { color: #636363; }
#main .content .gallery a:hover { background-color: #636363; color: #FFFFFF; }

#main .content .gallery .thumbnail { float: left; padding: 5px; border: 1px solid #CCCCCC; margin-right: 12px; margin-bottom: 12px; text-align: center; width: 120px; height: 120px; }
#main .content .gallery img.medium { border: 1px solid #CCCCCC; text-align: center; padding: 10px; }

/*
-----------
Bottom Menu
-----------
*/
#main ul.bottom-menu { 
	border-top: 1px solid #F2F2F2; 
	background-color: #1D1100;
	width: 970px;
	padding: 0;
	margin: 0;
	clear: both;
float: left;
}
#main ul.bottom-menu li { 
	margin: 0; 
	padding: 7px 10px 6px 10px; 
	display: inline;
	float: left;
}
#main ul.bottom-menu li.button1 { width: 268px; }
#main ul.bottom-menu li.button2 { width: 424px; }
#main ul.bottom-menu li.button3 { width: 208px; }

#main ul.bottom-menu a { color: #F47836; }
#main ul.bottom-menu a:hover { color: #FFFFFF; }

/*
-----------
Bottom Content
-----------
*/
#main .bottom-content { 
	background-color: #4D4D4D;
	width: 970px; 
	clear: both; 
	margin: 0;
	padding: 10px 0;
	float: left;
	border-top: 0px solid #F2F2F2;
}
#main .bottom-content a { color: #FDB913; }
#main .bottom-content a:hover { color: #FFFFFF; }

#main .bottom-content p.nouvelles { 
	width: 268px; 
	padding: 0 10px; 
	margin: 0;
	font-size: 11px;
	color: #CCCCCC;
	float: left; 
}
#main .bottom-content p.photos { 
	width: 424px; 
	padding: 0 10px; 
	margin: 0;
	float: left; 
	border: 0px solid blue;
}
#main .bottom-content p.photos a { padding: 0; margin: 0 25px 0 0; }
#main .bottom-content p.photos a.last { padding: 0; margin: 0; }
#main .bottom-content p.photos a img { border: 1px solid #FDB913; }
#main .bottom-content ul.services { 
	width: 208px; 
	padding: 0 0 0 10px; 
	float: left;
	margin: 0;
	border: 0px solid red;
}
#main .bottom-content ul.services li { 
	list-style-type: none; 
	color: #FFFFFF; 
	padding: 0 0 4px 0; 
	margin: 0; 
	font-size: 11px;
}

/*
-----------
Footer
-----------
*/
#main ul.footer { 
	border-top: 1px solid #F2F2F2;
	border-bottom: 1px solid #F2F2F2; 
	clear: both;
	font-size: 10px; 
	background-color: #1D1100; 
	padding: 10px 10px 0 10px; 
	margin: 0; 
	height: 20px;
	color: #CCCCCC;
}
#main ul.footer li { 
	float: left;
	display: inline; 
	padding: 0; 
	margin: 0; 
}
#main ul.footer li.first { padding-left: 20px; }
#main ul.footer li.copyright { 
	float: left; 
	width: 308px;
}
#main ul.footer li a { color: #FFFFFF; }
#main ul.footer li a:hover { color: #F89828; }
#main ul.footer li span.separator { padding: 0 3px; }
/*
-------
Formulaire d'inscription
-------
*/
form.inscription table { color: #333333; }
form.inscription fieldset { border: 1px solid #DDDDDD; background-color: #F2F2F2; }
form.inscription legend { color: #333333; font-size: 14px; }
form.inscription table {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: #FFFFFF;
	border-collapse: separate;
	background-color: white;
	 }
form.inscription table th {
	border-width: 2px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
	border-style: solid solid solid solid;
	border-color: #FFFFFF;
	background-color: #F2F2F2;
}
form.inscription table td {
	border-width: 2px 0px 0px 0px;
	padding: 5px 2px;
	border-style: solid solid solid solid;
	border-color: #FFFFFF;
	background-color: #F2F2F2;
	}
form.inscription .submit { text-align: center; }
form.inscription .submit input#submit { text-align: center; font-size: 16px;}

small.alex { float: right; text-align: right; color: #636363; }
small.alex a:hover { color: #FFFFFF; }