/* @group Initialize */

* {margin: 0;padding: 0;}

*:focus {outline: 0 none;}

input {
	border: 0;
	background-color : #fff;
	width : 300px;
	padding : 2px;
}
input.shortinput{
	width:25px;
}
a {text-decoration: none;color: #000;cursor: pointer;}
img {border: 0;}
.clear {clear: both;}
.float {float: left;}
table tr {vertical-align: top;}
.caps, a.caps { text-transform: uppercase;}
.hide {
	display: none;
}
a.underline, .underline {
	text-decoration: underline;
}
/* @end */

html {

}

body {
	margin: 0;
	padding: 0;
	font: 12px/16px "Trebuchet MS", Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #000;
	overflow-x: hidden;
}

#Content {
	margin: 30px 30px 30px 0;
	padding-bottom: 100px;
	width: 2000px;
	overflow: hidden;
}

#MainContent {
	float: left;
	display: inline;
}

#MainContentContent {
	width: 460px;
	padding-left: 30px;
	overflow: hidden;
}

#RightContent {
	float: left;
	display: inline;
	height: 900px;
	position: fixed;
	z-index: 700;
}

#Menu {
	position: relative;
	float: left;
	display: inline;
	width: 140px;
	margin: 0 20px;
}

#Menu a#Logo {
	position: absolute;
	z-index: 800;
	width: 140px;
	height: 345px;
	margin: 0;
}

#Menu #PageTitle {
	display: none;
	position: absolute;
	z-index: 900;
	width: 140px;
	margin: 0;
	top: 30px;
	font-weight: bold;
}

#Menu #MainMenu {
	margin-top: 0;
	padding: 5px 0 15px 0;
	line-height: 20px;
}
#Menu #MainMenu a, #Menu #HomeMenu a {
	display: block;
	font-weight: bold;
}
#Menu #HomeMenu a,
#Menu #HomeMenu a:hover,
#Menu #HomeMenu a.select,
#Menu #HomeMenu a.select:hover {
	padding: 0 5px;
	color: #fff;
}
#Menu #MainMenu a:hover,
#Menu #MainMenu a.select, #Menu #MainMenu a.select:hover {
	color: #c4071c;
}
#Menu #HomeMenu {
	margin-top: 345px;
	color: #fff;
	line-height: 20px;
	background-color: #db011c;
	text-transform: uppercase;
}

a.more, .Tiny a.more {
	display: block;
	margin: 5px 0;
	border-bottom: 0;
}

.ColumnFooter {
	position: fixed;
	width: 460px;
	padding: 10px 1px;
	bottom: -5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.ColumnFooter.bg1 a {
	border-bottom: none;
}


/* @group Ariane */

#ArianeBts {
	margin-bottom: 5px;
	position: relative;
}

#ArianeBts a.MainMenuBt {
	display: block;
	float: left;
	height: 16px;
	margin-right: 2px;
	color: #fff;
	padding: 2px 20px 0 3px;
	text-transform: uppercase;
	background-image: url(../images/blank.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#ArianeBts a#HomeBt {
	padding: 0 3px 2px 3px;
}

#ArianeBts a img {
	vertical-align: bottom;
}

#ArianeBts a {
	border: 0;
}



/* @end */

/* @group Menu Box */

.MenuItem {
	cursor: pointer;
	position: relative;
	float: left;
}
.MenuItemBox {
	position: absolute;
	z-index: 800;
	top: 18px;
	left: 0px;
	padding: 2px 20px 0 3px;
	visibility: hidden;
	border-top: 1px solid #fff;
	text-transform: uppercase;
	min-width: 93px;
	white-space: nowrap;
}
#ArianeBts .MenuItemBox a {
	display: block;
	color: #fff;
	padding: 0;
	white-space: nowrap;
	line-height: 14px;
	margin-bottom: 3px;
}
#ArianeBts .MenuItem .MenuItemBox.bg1 a:hover, #ArianeBts .MenuItem .MenuItemBox.bg1 a.select, .bg1 a.select {
	color: #9b1119;
}
#ArianeBts .MenuItem .MenuItemBox.bg2 a:hover, #ArianeBts .MenuItem .MenuItemBox.bg2 a.select ,.bg2 a.select {
	color: #e43516;
}
#ArianeBts .MenuItem .MenuItemBox.bg3 a:hover, #ArianeBts .MenuItem .MenuItemBox.bg3 a.select, .bg3 a.select {
	color: #9b1119;
}
#ArianeBts .MenuItem .MenuItemBox.bg4 a:hover, #ArianeBts .MenuItem .MenuItemBox.bg4 a.select, .bg4 a.select {
	color: #e43516;
}

/* @end */

/* @group Agenda */

.AgendaTable {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.AgendaTable .AgendaThumbs {
	width: 75px;
}

.AgendaTable .AgendaInfo {
	padding: 5px;
	font-size: 10px;
	height: 58px;
	overflow: hidden;
	line-height: 12px;
}

.AgendaTable .AgendaInfo h5 {
	padding: 2px 2px 4px 0;
	text-transform: uppercase;
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
	line-height: 10px;
}

.AgendaTable .AgendaInfo h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	line-height: 10px;
}

.Article .AgendaTable .AgendaInfo p {
	margin: 1px 0 0 0;
	line-height: 10px;
}

.Article .AgendaTable .AgendaInfo a, #RepertoryForm a {
	border-bottom: 0;
}
.Article .AgendaTable .AgendaInfo a:hover, #RepertoryForm a:hover {
	border-bottom: 1px dotted #fff;
}

/* @end */

/* @group Column */

.ColumnLarge {
	margin: 0 0 30px 0;
}

.ColumnMedium {
	float: left;
	display: inline;
	width: 300px;
	margin: 0 0 0 0;
}

.ColumnSmall {
	float: left;
	display: inline;
	width: 140px;
	margin: 0 0 0 0;
}

/* @end */

/* @group HighLight Column */

#HighLight {
	float: left;
	margin-bottom: 50px;
}

.HighLightColumn {
	float: left;
	display: inline;
	width: 140px;
	margin-right: 10px;
}

.HighLightColumn img {
	display: block;
	margin-bottom: 10px;
}
#HighLightBts {
	margin-bottom: 5px;
	text-align: right;
}
.highlightBox {
	position: relative;
	cursor: pointer;
	margin-bottom: 10px;
}

.highlightBox .highlightInfo {
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 200;
}

.highlightBox .highlightBgr {
	visibility: hidden;
	position: absolute;
	top: 0px;
	z-index: 150;
	height: 20px;
	width: 100%;
}

.highlightBox .highlightInfo h5 {
	width: 120px;
	padding: 10px;
	font-weight: normal;
	font-style: normal;
	color: #fff;
	text-transform: uppercase;
}

.highlightBox .highlightInfo h6 {
	width: 136px;
	padding: 1px 2px;
	font-weight: normal;
	font-style: normal;
	color: #fff;
}

.highlightBox img {
	position: relative;
	z-index: 100;
}

/* @end */

/* @group News */

.NewsLarge {
	margin: 0 0 30px 0;
	text-align: justify;
}

.NewsMedium {
	margin: 0 0 30px 0;
	text-align: justify;
}

.NewsSmall {
	margin: 0 0 30px 0;
	text-align: justify;
}

.NewsSmall h3 {
	font-size: 14px;
}

.NewsSmall p {
	margin-top: 10px;
	clear: both;
}

.NewsLarge img, .NewsMedium img, .NewsSmall img {
	display: block;
}

/* @end */


/* @group Article */

.Article {
	text-align: justify;
}
.Article p, .Article blockquote{
	margin: 15px 0 0 0 ;
}

.Article blockquote{
	color: #c4071c;
	width: 140px;
	margin: 0 10px 10px 0;
	font: 18px Arial;
	clear: left;
	float: left;
	text-align: left;
}

.Tiny a {
	border-bottom: 1px dotted #db011c;
}
.Article img {
	display: block;
}


/* @end */
/* @group h */

h3 {
	color: #c4071c;
	font: 19px Arial;
	text-transform: uppercase;
	margin: 5px 0 2px 0;
	clear: left;
}

h3 a {
	color: #c4071c;
}

h4 {
	color: #000;
	font: 12px Arial;
	font-weight: normal;
	font-style: normal;
	margin: 5px 0;
}

h4 a {
	color: #000;
}

h6 {
	color: #9b1119;
	font: 14px Arial;
	font-weight: normal;
	font-style: normal;
	margin: 5px 0;
}

.bg1 {
	background-color: #e43516;
	color: #fff;
}

.bg2 {
	background-color: #c2071d;
	color: #fff;
}

.bg3 {
	background-color: #db011c;
	color: #fff;
}

.bg4 {
	background-color: #9b1119;
	color: #fff;
}

.bg1 a, .bg2 a, .bg3 a, .bg4 a {
	color: #fff;
	border-bottom: 1px dotted #fff;
}

.bg1 h6, .bg2 h6, .bg3 h6, .bg4 h6 {
	color: #fff;
}

.white, a.white {
	color: #fff;
}

.color, a.color, .bleu, a.bleu {
	color: #9b1119;
}

.white, a.white {
	color: #fff;
}


/* @end */

/* @group x & y */

.x1 { left: 0px; }
.x2 { left: 60px; }
.x3 { left: 120px; }
.x4 { left: 180px; }
.x5 { left: 240px; }
.x6 { left: 300px; }
.x7 { left: 360px; }
.x8 { left: 420px; }
.x9 { left: 480px; }
.x10 { left: 540px; }
.x11 { left: 600px; }
.x12 { left: 660px; }
.x13 { left: 720px; }
.x14 { left: 780px; }
.x15 { left: 840px; }

.y1 { top: 0px; }
.y2 { top: 40px; }
.y3 { top: 80px; }
.y4 { top: 120px; }
.y5 { top: 160px; }
.y6 { top: 200px; }
.y7 { top: 240px; }
.y8 { top: 280px; }
.y9 { top: 320px; }
.y10 { top: 360px; }
.y11 { top: 400px; }
.y12 { top: 440px; }
.y13 { top: 480px; }
.y14 { top: 520px; }
.y15 { top: 560px; }
.y16 { top: 600px; }
.y17 { top: 640px; }
.y18 { top: 680px; }
.y19 { top: 720px; }
.y20 { top: 760px; }


/* @end */


/* @group margin & border */

.ml { margin-left: 20px; }
.mr { margin-right: 20px; }
.mt { margin-top: 30px; }
.mb { margin-bottom: 30px; }

.mmt { margin-top: 15px; }
.mmb { margin-bottom: 15px; }
.mpt { padding-top: 10px; }
.mpb { padding-bottom: 10px; }
.lpb { padding-bottom: 20px; }
.bp { padding-bottom: 20px; }
.brdt { border-top: 1px solid #000; }
.brdb { border-bottom: 1px solid #000; }
.nomargin { margin: 0; }
hr { line-height: 1px; height: 1px; border: 0; border-top: 1px solid #db011c; margin: 10px 0; clear: left; }
hr.dotted {
	border-top: 1px dotted #db011c;
}


/* @end */

/* @group Search */

#SearchZone {
	font-size: 11px;
}

#SearchBt {
	background: #fff url(../images/css/searchbgr.gif) no-repeat center center;
}

#searchInput {
	padding: 2px 3px;
	border: 0;
}

/* @end */

/* @group Footer */

.Footer {
	width: 100%;
	clear: left;
	margin: 100px 0;
}

#FooterHighLight {
	margin-left: 180px;
}

/* @end */

/* @group Download */



.downloadFile {
	height: 40px;
	margin-right: 5px;
}

.downloadFile a {
	border: 0;
}

.downloadFile .fileIco {
	width: 20px;
	font-family: Verdana, sans-serif;
	height: 17px;
	color: #fff;
	font-size: 9px;
	padding: 5px 0;
	text-align: center;
	float: left;
	background: url(../images/ico.gif);
	margin: 0 10px 10px 0;
}

.downloadFile .fileIco a {
	color: #c2071d;
	text-decoration: none;
}

.downloadFile .fileInfo {
	float: left;
	padding: 10px 0 0 0;
}
.downloadFile .fileInfo .fileSize {
	color: #e43516;
}

/* @end */

/* @group Newsletter */

#NewsletterFrom label {
	color: #fff;
	font-size: 9px;
}

div.NewsletterFormMessage{
	margin: 0 -3px;
	margin-bottom:  30px;
	padding: 15px 3px;
	font-weight: bold;
	display: none;
}
#NewsletterLoading{
	background-color: transparent;
	color: #fff;
	margin-bottom: 20px;
	font-style: italic;
	font-weight:  normal;
}

#NewsletterThanks{
	color: #fff;
	margin-bottom: 30px;
}

#NewsletterError{
	color: #fff;
	margin-bottom: 10px;
}



/* @end */

/* @newsletter */

	div.formblock{
		margin : 25px 0 0 0;
	}
	
	input.submit{
		margin : 25px 0 0 0;
		background-color : #db011c;
		color : #fff;
		font-weight : bold;
		width:150px;
	}
	div.orange{
		background-color : #e63416;
		width : 280px;
		margin : 25px 0 0 0;
		padding : 10px;
		color : #fff;
	}
	
/* @end */
div#PreviewAlert{ background-color: #c4071c; color: #fff; position: fixed; top: 0px; left: 0px; width: 100%; padding:10px 20px; width: 100%; z-index: 900; -webkit-box-shadow: 0px -1px 2px rgba(19,19,19,0.5); -moz-box-shadow: rgba(19,19,19,0.5) 0px -2px 2px;

 }
div#PreviewAlert a{ color: #fff; margin: 0; display: block; float: left;}

div#PreviewAlert form{ float : right; margin : 0 35px 0 0;}