html
{
	height: 100%;
}

body
{
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #2B8BD4;
	background-image: url('../images/Page-BgTexture.jpg');
	background-repeat: repeat;
	background-attachment: scroll;
	height: 100%;
	font-size: 12px;
	font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
	color: #303941;
}

#menu-banner
{
	position: relative;
	width: 895px;
	left: 50%;
	margin-left: -397px;
	z-index: 20;
}

#banner
{
	height: 303px;
	background-image: url('../images/banniere.png');
}

#menu
{
	height: 35px;
	background-image: url('../images/header02.png');
	color: #722200;
	font-size: 16px;
	text-align: left;
	line-height: 35px;
	padding-left: 30px;
}

#menu-content
{
	position: relative;
	width: 799px;
	left: 50%;
	margin-left: -397px;
}

#menu a
{
	font-family: "Trebuchet MS";
	font-weight: bold;
}

#menu a:link, #menu a:active, #menu a:visited
{
	color: #722200;
	text-decoration: none;
}

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

#footer-content
{
	width: 799px;
	height: 111px;
	background-image: url('../images/footer.png');
}

#content-large
{
	position: relative;
	height: 100%;
	overflow: hidden;
	margin-left: 1px;
}

#content
{
	position: relative;
	float:left;
	background-color: #ffffff;
	min-height: 710px;
	_height: 710px;
}

#content-left
{
	float: left;
	height: 100%;
	width: 239px;
	padding-left: 10px;
	z-index: 40;
}

#left-banner
{
	text-align: center;
}

#content-right
{
	position: relative;
	width: 492px;
	padding-right: 28px;
	padding-left: 28px;
	padding-top: 10px;
	float: right;
	text-align: justify;
}

#content-right a
{
	color: #303941;
	font-weight: bold;
	text-decoration: underline;
	z-index: 20;
}

#content-right p
{
	color: #303941;
	padding: 0;
	margin: 0;
}

#right-banner
{
	height: 60px;
	width: 468px;
	background-color: black;
}

#sakura-separation
{
	height: 28px;
	width: 189px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url('../images/bann-etoile-separation.png');
}

p.vertical-align, p.vertical-align img, p.vertical-align span
{
	vertical-align: middle;
	display: inline;
}

.clear
{
	clear: both;
}

.bold
{
	font-weight: bold;
}

.italic
{
	font-style: italic;
}

.bold-italic
{
	font-style: italic;
	font-weight: bold;
}

.date-bold
{
	font-weight: bold;
	font-size: 13px;
}

.titre
{
	color: #0061aa;
	font-weight: bold;
	font-size: 13px;
}

.align-right
{
	text-align: right;
	padding: 0;
	margin: 0;
}

.title-pink, .title-yellow, .title-blue
{
	height: 41px;
	padding-right: 15px;
	color: #ffffff;
	font-weight: bold;
	margin-top: 20px;
	font-size: 15px;
	line-height: 41px;
	text-align: right
}

.title-pink
{
	background-image: url('../images/header_menu_gauche.png');
}

.title-yellow
{
	background-image: url('../images/header_menu_gauche02.png');
}

.title-blue
{
	background-image: url('../images/header_menu_gauche03.png');
}

.title-central-pink, .title-central-yellow, .title-central-blue, .title-central-blue-news
{
	height: 42px;
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
	vertical-align: middle;
	line-height: 42px;
	padding-right: 15px;
}

.title-central-pink, .title-central-yellow, .title-central-blue
{
	text-align: center;
}

.title-central-blue-news
{
	text-align: right;
}

.title-central-pink
{
	background-image: url('../images/header_menu_central01.jpg');
}

.title-central-yellow
{
	background-image: url('../images/header_menu_central02.jpg');
}

.title-central-blue
{
	background-image: url('../images/titre-event.png');
}

.title-central-blue-news
{
	background-image: url('../images/news.png');
}

.element-pink
{
	background-color: #faeaf2;
}

.element-pink ul
{
	padding: 0;
	margin: 0;
	border: 0;
	list-style-type: none;
	vertical-align: center;
	padding: 5px 0 -5px 5px;
}

.element-pink ul li
{
	background-image: url('../images/etoile_agenda.jpg');
	background-repeat: no-repeat;
	line-height: 13px;
	vertical-align: middle;
	padding-left: 20px;
	margin-bottom: 10px;
	font-weight: bold;
}

.element-pink ul li a
{
	color: #303941;
	text-decoration: none;
}

.element-pink ul li a:hover
{
	text-decoration: underline;
}

.element-yellow
{
	background-color: #fff7d0;
	border: 1px solid #d78b47;
}

.element-yellow ul
{
	padding: 0;
	margin: 0;
	border: 0;
	list-style-type: none;
	vertical-align: center;
	padding: 5px 0 -5px 5px;
}

.element-yellow ul li
{
	line-height: 16px;
	vertical-align: middle;
	margin-bottom: 10px;
	font-weight: bold;
}

.element-yellow ul li .nuage
{
	height: 33px;
	line-height: 33px;
	width: 68px;
	background-image: url('../images/nuage.png');
	background-repeat: no-repeat;
	float: left;
	text-align: center;
	color: #a25000;
	font-size: 16px;
}

.element-yellow ul li a
{
	font-size: 13px;
	color: #ca6400;
	text-decoration: none;
}

.element-yellow ul li a:hover
{
	text-decoration: underline;
}

.element-blue
{
	background-color: #e5f3fa;
	border: 1px solid #94bad7;
}

.element-blue ul
{
	padding: 0;
	margin: 0;
	border: 0;
	list-style-type: none;
	vertical-align: center;
	padding: 5px 0 -5px 5px;
}

.element-blue ul li
{
	background-image: url('../images/etoile_bleue.jpg');
	background-repeat: no-repeat;
	line-height: 13px;
	vertical-align: middle;
	padding-left: 20px;
	margin-bottom: 10px;
	font-weight: bold;
}

.element-blue ul li a
{
	color: #303941;
	text-decoration: none;
}

.element-blue ul li a:hover
{
	text-decoration: underline;
}

.element-blue, .element-pink, .element-yellow
{
	padding: 10px;
}

.content-title
{
	height: 40px;
	width: 468px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.modif-link a
{
	color: #0CF !important;
}

.info-red
{
	color: red;
	font-weight: bold;
}

.info-red-big
{
	color: red;
	font-weight: bold;
	font-size: 14px;
}

.heure
{
	font-size: 32px;
	text-align: center;
}

#animations a
{
	display: block;
	width: 467px;
	font-size: 18px;
	height: 30px;
	line-height: 30px;
	margin-bottom: 10px;
	text-decoration: none;
	background-image: url('../images/bann-typejeux-off.png');
}

#animations a:hover
{
	background-image: url('../images/bann-typejeux-on.png');
	color: #FFFFFF;
}
