/*
 * Feuille CSS principale pour le site Montreuxrennazcyclisme.ch
 * Auteur : James Nolan - www.otherwise.ch - j dot nolan at otherwise dot ch
 */
html, body
{
	height:100%;
}
body
{
	margin:0;
	padding:0;
	font:
		normal
		normal
		0.75em
		Verdana, sans-serif;
	height:100%;
	text-align:center;
	background:
		#FFF
		url('../images/shadow.png')
		repeat-y
		scroll
		top center;
}
	#big-container
	{
		width:1024px;
		margin:0 auto 0 auto;
		text-align:left;
		min-height:100%;
		background:
			#FFF
			url('../images/blue-line-x.png')
			repeat-y
			scroll
			top left;
		position:relative;
	}
		#dotted-line-y /* Tirets verticaux */
		{
			position:absolute;
			min-height:100%;
			background:
				transparent
				url('../images/dotted-line-y.gif')
				repeat-y
				scroll
				0 -4px;
			width:1px;
			left:210px;
		}
		/* En-tête principale. Contient l'en-tête de la colonne bleue à gauche et celle principale (logo) : */
		#header
		{
			background:
				#FFF
				url('../images/header.png')
				no-repeat
				scroll
				top center;
			height:197px;
		}
		#leftbox
		{
			float:left;
			width:194px;
			background-color:#45A2FA;
			line-height:2em;
		}
			
			.leftbox-content
			{
				background:
					#45A2FA
					url('../images/leftbox-mid-tones.png')
					repeat-y
					scroll
					top center;
				width:173px;
				margin:0 auto 0 auto;
			}
			.leftbox-content#last-update /* La première boîte doit être remise en place à cause de l'optimisation graphique */
			{
				margin-top:-30px;
			}
				.leftbox-real-content
				{
						margin:0 20px 0 20px;
						padding:15px 0 20px 0;
				}
			.leftbox-content#navigation a
			{
				display:block;
				margin:10px 0;
				color:#000;
				text-decoration:none;
				font-weight:bolder;
				margin-left:-15px;
				padding-left:20px;
				line-height:1.2em;
			}
			.leftbox-content#navigation a:Hover
			{
				background:
					#3d8edc
					url('../images/nav-arrow.png')
					no-repeat
					scroll
					center left;
			}
			.leftbox-content#connexion .leftbox-real-content
			{
				margin:0 5px 0 5px;
				padding:0 0 5px 0;
			}
				.leftbox-content#connexion input.fields
				{
					width:153px;
					color:#6F6F6F;
					font-style:italic;
				}
				.leftbox-content#connexion input#submit
				{
					float:right;
					margin-right:2px;
				}
			.leftbox-content a
			{
				color:#002442;
			}
			.leftbox-top-graphic
			{
					background:
						#45A2FA
						url('../images/leftbox-top-tones.png')
						repeat-y
						scroll
						top center;
					width:173px;
					height:4px;
					margin:0 auto 0 auto;
			}
			.leftbox-bottom-graphic
			{
					background:
						#45A2FA
						url('../images/leftbox-bottom-tones.png')
						repeat-y
						scroll
						top center;
					width:173px;
					height:4px;
					margin:0 auto 0 auto;
			}
		#rightbox
		{
			float:right;
			width:830px;
		}
			#sponsors
			{
				background:
					#EAEAEA
					url('../images/sponsors-deco.png')
					no-repeat
					scroll
					top left;
				height:75px;
				margin-top:30px;
				line-height:0;
			}
				#message-to-sponsors
				{
					float:left;
					width:133px;
					text-align:center;
					font-weight:bolder;
					line-height:1em;
					margin-left:13px;
				}
				#sponsor-images
				{
					float:right;
					height:75px;
					width:631px;
					text-align:center;
					overflow:hidden;
				}
					#sponsor-images img
					{
						padding:0;
						margin:12.5px;
					}
				#dotted-line-x /* Tirets horizontaux */
				{
					background:
						transparent
						url('../images/dotted-line-x.gif')
						repeat-x
						scroll
						1px 0;
					height:1px;
					position:relative;
					top:17px;
				}
			#main-content
			{
				margin:40px;
			}
				#main-content h1
				{
					font-size:1.2em;
					padding-left:50px;
					background:
						#FFF
						url('../images/puce.png')
						no-repeat
						scroll
						center left;
				}
				#real-main-content
				{
					margin-top:20px;
					margin-bottom:30px;
				}
				
/* Classes générales */
.hidden
{
	display:none;
}
.clear-both
{
	clear:both;
}
input.grey-text, textarea.grey-text
{
	color:#6F6F6F;
	font-style:italic;
}
h2
{
	font-size:1em;
	color:#000;
}
hr
{
	border-style:dotted;
	height:1px;
	border-bottom:none;
}
a
{
	color:#45a2fa;
	font-weight:normal;
	text-decoration:none;
}
a:Hover
{
	text-decoration:underline;
}
.centered
{
	text-align:center;
	margin:0;
	padding:0;
}
textarea
{
	font:inherit;
}
.error
{
	border-style:solid;
	border-color:red;
	border-width:1px;
	padding:10px;
}
textarea.editpage
{
	width:100%;
	height:400px;
}
h1 a
{
	font-size:80%;
}
a img
{
	border-width:0;
}