body {
	width: 100%;
	color : #000000;
	font-size: .95em; 
	font-family : Verdana, Arial, Helvetica, Sans-serif;
	text-align:justify;
	position : absolute;
	top : 0px;
	left : 0px;
}

a { 
	font-weight: bold; 
	text-decoration : none;
	color: #F4B001; 
}

a:hover {
	color: #999999;
}

a img {
	border-color: #F4B001; 
}

h1 { 
	color: #999999;  
	font-size: 1.5em;
	font-weight: bold; 
	text-transform : uppercase;
	text-align : center;
	margin-top : 30px;}

h2,h3 { 
	color: #000000;  
	font-size: 1.2em; 
	font-weight: bold;
	margin-top : 0px;
}

h2 { 
	text-transform : uppercase;
}

P { 
	left : 140px; 
}

.centered {
    	margin-left: auto;
    	margin-right: auto;
}

TH {
	background-color: #F4B001;
}

.bullet { 
	list-style-type: disc}

.bold { 
	font-weight: bold; }

.gray {
	color: #999999;  }

.black {
	color: #000000;}

.orange {
	color: #F4B001;}

.small {
	font-size: .8em;
}

.medium, .text {
	font-size: 1em;
}

.large {
    	font-size: 1.2em;
	text-align:justify;
}

.xlarge {
	font-size: 1.4em;
	text-align:justify;
}

.colored {
	background-color: #F4B001;
}

.big {
	color: #F4B001;
	font-size: 1.6em; 
	font-weight: bold; 
	text-transform : uppercase;
}

.bigWarn {
	color: red;
	font-size: 1.6em; 
	font-weight: bold; 
	text-transform : uppercase;
}

.text {
	text-align:justify;
}
.basictext {
	text-decoration: none;
	color: black;
}

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

.TR1 {
	background-color: #FFFFFF;
}

.TR2 {
	background-color: #EEEEEE;
}

.TD1 {
	background-color: #FFEDBB;
}

.TD2 {
	background-color: #EBEBEB;
}

.TD3 {
	background-color: #FFF2CC;
}

.TD4 {
	background-color: #F5F5F5;
}

.titre {
	color:black; 
	font-size: 1.2em; 
	font-weight: bold; 
	text-transform : uppercase;
}

.dateLeft {
	background-color: #F4B001;
	color:white; 
	font-size: .65em; 
	font-weight: bold; 
	text-transform : uppercase;
	letter-spacing: .273em;
}

TD.justified {text-align:justify;}

div.shadow {
  float: left;
  padding: 0 1px;
  background: #bfbfbf;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  position: relative;
}

div.shadow img {
  padding: 5px 5px 9px 5px;
  background: white url(Data/images/shad_bottom.png) repeat-x bottom left;
}

div.shadow div.tl {
  width: 2px;
  height: 4px;
  background: url(Data/images/shad_tlcorner.png) no-repeat top left;
  position: absolute;
  top: 0px;
  left: -1px;
}

div.shadow div.tr {
  width: 2px;
  height: 4px;
  background: url(Data/images/shad_trcorner.png) no-repeat top right;
  position: absolute;
  top: 0px;
  right: -1px;
}

div.shadow div.bl {
  width: 4px;
  height: 4px;
  background: url(Data/images/shad_blcorner.png) no-repeat bottom left;
  position: absolute;
  bottom: 0px;
  left: -1px;
}

div.shadow div.br {
  width: 4px;
  height: 4px;
  background: url(Data/images/shad_brcorner.png) no-repeat bottom right;
  position: absolute;
  bottom: 0px;
  right: -1px;
}

.menu {
  /*position: fixed;*/
  top: 0px;
}

.content {
  top: 0px;
  /*left: 270px;*/
}

.right {
	float : right;
	width: 100%;
}

table.news {
	width: 100%;
 	border-style:none; 
	border-collapse:collapse;
	border-spacing:0px;
}

.news th {
	background: #FFF;
	color: #888888; 
	font-size: .8em; 
	font-weight: bold; 
	text-align: right;
	border-bottom: 2px solid #F4B001;
	padding-bottom: 3px;
}

.news th:first-child {
	color:black; 
	font-size: 1.2em; 
	text-align: left;
}

.news td {
	font-size: .9em; 
	padding-top: 12px;
	padding-bottom: 50px;
}

.mandatory:after {
	color:Red;
	content:"*";
}

.tiny {
	font-size: .6em; 
}

.pointer {
        cursor: pointer;
}

marquee {
	font: .6em; 
}


/*Home screen animation*/

div.Animation {
  margin-left: auto; 
  margin-right: auto; 
  width: 186px; 
  position: relative;
}
div.Animation img {
  display: none;
  position: absolute;
  border:0;
  top:0px;
  left:0px;
}
div.Animation noscript img {
  display: inline;
}
div.Animation div {
  display: none;
}
div.Animation div img {
  display: inline;
  opacity: 0;
  filter: alpha(opacity=0);
}
#MainGeants {
  left: 50px;
}
#MainPetits {
  opacity: 1;
  filter: "";
  top: 50px;
}
#Geants {
  left: -17px;
}
#Petits {
  top: 17px;
}
.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
//#p1,#p2,#p3,#p4,#p5,#p6,#p7,#p8,#p9,#p10,#p11,#p12,#p13,#p14 {
//  opacity: 0;
//  filter: alpha(opacity=0);
//}