/* Global Styles */

body {
	margin:0px;
	background-color:#D3DCE6;
	}

td {
	font:11px Arial, Helvetica, sans-serif;
	color:#000000;
	}

a {
	color: #F1F2F3;
	font-weight:bold;
	text-decoration:none;
	background-color:black;
	}

a:link {
	font:10px Arial, Helvetica, sans-serif;
	color: #F1F2F3;
	font-weight:bold;
	text-decoration: none;
	letter-spacing:.1em;
	line-height:16px;
	display:block;
	padding: 0px 0px;
	background-color:black;
	/*border-right:1px solid #FF6600;*/
	border-left:1px solid #FF6600;
	}
	
a:visited {
	color: #F1F2F3;
	font-weight:bold;
	text-decoration:none;
	background-color:black;
	}	
	
a:hover {
	color:#F1F2F3;
	font-weight:bold;
	background-color:#FF6600;
	border-right:0px;
	border-left:0px;/**/
	}
	
a:active {
	color: #F1F2F3;
	font-weight:bold;
	text-decoration:none;
	background-color:black;
	}	

/* ID Styles entete et menus*/
#zoneMenus {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:211px;
	z-index:1;
	background-color: #BE0E2D;
}
#leLogo {
	position:absolute;
	left:15px;
	top:10px;
	width:420px;
	height:67px;
	z-index:8;
	background-color: #BE0E2D;
	text-align: left;
}
#sirene {
	position:absolute;
	display:none;
	top:20px;
	left:235px;
	width:67px;
	height:67px;
	z-index:18;
	padding-right:50px;
}
#login {
	position:absolute;
	left:0px;
	top:80px;
	width:400px;
	height:30px;
	z-index:7;
	text-align: left;
}
#laDate {
	position:absolute;
	left:25px;
	top:150px;
	width:200px;
	height:20px;
	z-index:6;
	text-align: left;
}
#partenaire {
	position:absolute;
	left:410px;
	top:50px;
	width:600px;
	height:115px;
	z-index:6;
	text-align: center;
}
/* ------------------------------ menu -------------------------------------- */
#fondMenu {
	position:absolute;
	left:0px;
	top:177px;
	width:100%;
	height:34px;
	z-index:5;
	background-color: #000000;
	background-image:url(../img/fond_menu.png);
	background-repeat:repeat-x;
}
#accueil {
	position:absolute;
	left:15px;
	top:5px;
	width:100px;
	height:24px;
	z-index:5;
	background-color: #000000;
	text-align: center;
}
#abonnes {
	position:absolute;
	left: 115px;
	top: 5px;
	width: 140px;
	height:24px;
	text-align: center;
	background-color: #000000;
	overflow:visible;
	z-index:100;
}
#chrono {
	position:absolute;
	left: 255px;
	top: 5px;
	width: 160px;
	height:24px;
	text-align: center;
	background-color: #000000;
	overflow:visible;
}
#performance{
	position:absolute;
	left: 415px;
	top: 5px;
	width: 150px;
	height:24px;
	text-align: center;
}
#boutique{
	position:absolute;
	left: 565px;
	top: 5px;
	width: 100px;
	height:24px;
	text-align: center;
}
#glossaire{
	position:absolute;
	left: 665px;
	top: 5px;
	width: 100px;
	height:24px;
	text-align: center;
}
#presentation{
	position:absolute;
	left: 765px;
	top: 5px;
	width: 100px;
	height:24px;
	text-align: center;
}
#site{
	position:absolute;
	left: 865px;
	top: 5px;
	width: 140px;
	height:24px;
	text-align: center;
}
/* --------------------------- pied de page ---------------------------- */
#fondMenuPied {
	position:relative;
	left:0px;
	top:20px;
	width:100%;
	height:34px;
	z-index:15;
	background-color: #000000;
	background-image:url(../img/fond_menu.png);
	background-repeat:repeat-x;
}
#qui {
	position:absolute;
	left:15px;
	top:5px;
	width:200px;
	height:24px;
	z-index:25;
	background-color: #000000;
	text-align: center;
}
#avertissement {
	position:absolute;
	left:215px;
	top:5px;
	width:200px;
	height:24px;
	z-index:35;
	background-color: #000000;
	text-align: center;
}
#cgu {
	position:absolute;
	left:415px;
	top:5px;
	width:150px;
	height:24px;
	z-index:45;
	background-color: #000000;
	text-align: center;
}
#membre {
	position:absolute;
	left:565px;
	top:5px;
	width:200px;
	height:24px;
	z-index:55;
	background-color: #000000;
	text-align: center;
}
#contact {
	position:absolute;
	left:765px;
	top:5px;
	width:200px;
	height:24px;
	z-index:65;
	background-color: #000000;
	text-align: center;
}
/* --------------------------------- page ----------------------------------- */
#affichageGeneral {
	position:absolute;
	left:0px;
	top:211px;
	width:100%;
	height:400px;
	background-color:#D3DCE6;
}
#edito, #alerte {
	position:relative;
	top:50px;
	overflow:visible;
	display:none;
	left:20px;
	width:530px;
}
#edito_hist, #alerte_hist {
	position:relative;
	left:20px;
	top:20px;
	overflow:auto;
	width:200px;
	height:450px;*/
	display:none;
	/*z-index:2;*/
	float: left;
}
#zoneFormulaire {
	position:relative;
	overflow:auto;
	height:450px;
	/*left:20px;*/
	top:50px;

}
#tribunetxt {
	position:absolute;
	display:none;
	padding:10px;
	overflow:auto;
	top:150px;
	left:200px;
	width:600px;
	height:400px;
	background-color: #999999;
	z-index:100;
	border: 2px solid #000000;
}
#editotxt, #alertetxt {
	position:relative;
	padding:10px;
	overflow:visible;
	top:60px;
	left:20px;
	height:450px;
	width:710px;
}
#titre_histo {
	position:relative;
	padding:10px;
	overflow:visible;
	top:20px;
	left:20px;
	height:30px;
	width:710px;
}
/* Class Styles */

.logo {
	font:24px Times New Roman, Times, serif;
	color: #FFBA00;
	letter-spacing:.3em;
	line-height:26px;
	}
	
.tagline {
	font: 11px Arial, Helvetica, sans-serif;
	color: #D3DCE6;
	line-height:16px;
	}
.Text {
	font:11px Arial, Helvetica, sans-serif;
	color:#26354A;
	}
.bodyText {
	font:11px Arial, Helvetica, sans-serif;
	line-height:22px;
	color:#26354A;
	letter-spacing:.1em;
	}
.pageName .bodyText2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.TitleText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FFCC00;
}
.TitleAlert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #DD0702;
}



.detailText {
	font:11px Arial, Helvetica, sans-serif;
	line-height:16px;
	color:#26354A;
	letter-spacing:.1em;
	}
	
.pageName {
	font:24px Arial, Helvetica, sans-serif;
	color: #FF6600;
	letter-spacing:.2em;
	line-height:32px;
	}
	
.subHeader {
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #2D374D;
	font-weight:bold;
	line-height:20px;
	letter-spacing:.1em;
	}
	
.navText {
	font:10px Arial, Helvetica, sans-serif;
	color: #26354A;
	letter-spacing:.1em;
	line-height:16px;
	}

.calendarText {
	font:11px Arial, Helvetica, sans-serif;
	color: #26354A;
	letter-spacing:.1em;
	}
	
	
.sidebarText {
	font:11px Arial, Helvetica, sans-serif;
	color: #FFBA00;
	letter-spacing:.1em;
	line-height:18px;
	}
	
.TitreEdito {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000000;
}
.TitreParagraf1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000066;
}
.Texteimportant1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
}
.Scalp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	background-color: #FFCC66;
}
.DayT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000000;
	background-color: #FFCC00;
}
.SwingT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	background-color: #FF3300;
}
.LiveT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	background-color: #FF33FF;
}
.alerte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FFAAAA;
	background-color: red;
}
.Text_blanc_simple {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
}
.Text_noir_simple {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
}
.formulaire_alerte {
	/*background-color: #64748B;*/
	background-color:#D3DCE6;
	border: 1px dotted black;
}
.exergue_positive  {font-size: 10pt; background-color: #99cc00;}
.exergue  {font-size: 10pt; background-color: #00ccff;}
.exergue_negative  {background-color: #cc99ff;}.coulblanc {
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}
.centre_v {
	text-align: left;
	vertical-align: middle;}
.coulblanc {
	color: #FFFFFF;
}
