@charset "UTF-8";

/* CSS Document 

body{
	.content #header{}
	.content #container{
		.content #mainContent{
			.content #tbec
			.content #indented_text
			.content #quotes{
				.content #quotes a{
					.content #quotes a.lquote{}
					.content #quotes a.rquote{}
				}
			}
		}
		.content #loading{}
		.content #popup{}
			.content #popup_content{}
	}
	.content #footer{
		.content #footer_content{
			.content #footer_content li a{
				.content #footer_content li a#about{} && .content #footer_content li a#about:hover{}
				.content #footer_content li a#history{} && .content #footer_content li a#history:hover{}
				.content #footer_content li a#rss{} && .content #footer_content li a#rss:hover{}
				.content #footer_content li a#contact{} && .content #footer_content li a#contact:hover{}
				.content #footer_content li a#rules{} && .content #footer_content li a#rules:hover{}
				.content #footer_content li a#home{} && .content #footer_content li a#home:hover{}
				.content #footer_content li a#records{} && .content #footer_content li a#records:hover{}
				.content #footer_content li a.separator1{}
				.content #footer_content li a.separator2{}
			}
		}
	}
}

*/

body{
	margin: 0 auto;
	padding: 0;
	width: 750px;
	background-color:#FFF;
	background-image:url(images/bgtbec.png);
	background-position:center;
	background-attachment:fixed;
	background-repeat:repeat-y;
}

	.content #header{
		height:87px;	
	}
	
	.content #container{
		font-family:Georgia;
		min-height:310px;
	}
	
		.content #mainContent{
			padding: 0 35px;		/* Ajoute une marge de 35px des deux côtés */
			font-size:16px;
		}
		
			.content #tbec{
				text-align:center;
				font-size:45px;
			}
		
			.content #indented_text{
				text-align:justify;
				text-indent:35px;
			}
			
			.content #quotes{
				text-align:center;
			}
			
				.content #quotes a{
					display:inline-block;
					background:url(images/quotes_sprite.png);
					height:12px;
					width:15px;
				}
			
					.content #quotes a.lquote{
						background-position: 0 0;
					}
				
					.content #quotes a.rquote{
						background-position: -15px 0;
					}
		
		.content #loading{
			background:url(images/loading.gif) no-repeat;
			width:750px;
			height:310px;
		}
		
		.content #popup{
			background:url(images/popupbg.png);
			width:542px;
			height:282px;
			position:absolute;
			left:50%;
			top:50%;
			margin-top:-141px;
			margin-left:-271px;
		}
		
			.content #popup_content{
				overflow:auto;
				overflow-x:hidden;
				height:222px; /* = height de #popup - les margin des côtés inférieur et supérieur ( = 282-(35+25) ) */
				width:492px; /* = width de #popup - les margin des côtés droit et gauche ( = 542-(25+25) ) */
				margin-top:35px;
				margin-left:25px;
				font-size:14px;
				text-align:justify;
				padding:0 6px 0 0; /* Pour décaler l'ascenseur */
			}

	.content #footer{
		font-size:10px;
		font-family:Arial, Helvetica, sans-serif;
		color:#b7a263;
	}
	
		.content #footer_content{
			overflow:hidden;
			padding:0 33px;
		}

			.content #footer_content li a{
				display:block;
				height:27px;
				background:url(images/sprite.png);
				cursor:pointer;
			}

				.content #footer_content li a#about{
					width:68px;
					background-position: 0 0;
				}

				.content #footer_content li a#about:hover{
					width:68px;
					background-position: 0 -27px;
				}
					
				.content #footer_content li a#rules{
					width:64px;
					background-position: -277px 0;
				}

				.content #footer_content li a#rules:hover{
					width:64px;
					background-position: -277px -27px;
				}

				.content #footer_content li a#history{
					width:78px;
					background-position: -68px 0;
				}

				.content #footer_content li a#history:hover{
					width:78px;
					background-position: -68px -27px;
				}

				.content #footer_content li a#rss{
					width:45px;
					background-position: -146px 0;
				}

				.content #footer_content li a#rss:hover{
					width:45px;
					background-position: -146px -27px;
				}

				.content #footer_content li a#contact{
					width:86px;
					background-position: -191px 0;
				}

				.content #footer_content li a#contact:hover{
					width:86px;
					background-position: -191px -27px;
				}
				
				.content #footer_content li a#home{
					width:68px;
					background-position: -354px 0;
				}
				
				.content #footer_content li a#home:hover{
					width:68px;
					background-position: -354px -27px;
				}
				
				.content #footer_content li a#records{
					width:86px;
					background-position: -422px 0;
				}
				
				.content #footer_content li a#records:hover{
					width:86px;
					background-position: -422px -27px;
				}
				
				.content #footer_content li a.separator1{
					width:13px;
					background-position: -341px 0;
					cursor:default;
				}
				
				.content #footer_content li a.separator2{
					width:13px;
					background-position: -341px -27px;
					cursor:default;
				}

.records {
	cursor:pointer;
	color: #b7a263;
}

.popup_open {
	cursor:pointer;
	color: #b7a263;
}

#page_title {
	font-size:26px;
	font-weight:100;
	font-style:italic;
}

#date_h {
	font-size:14px;
}

a:link {
	color: #b7a263;
	text-decoration: none;
}

a:visited {
	color:#b7a263;
	text-decoration: none;
}

a:hover {
	color:#b7a263;
	text-decoration: underline;
}

a:active {
	color:#b7a263;
	text-decoration: none;
}

ul{
	padding:0;
	margin:0;
}

li{
	float:left;
	list-style-type:none;
}