/*
- pas de soulignés ni de caractres spéciaux dans les définitions
- utiliser des px pour les tailles de fontes. Même si ce n'est pas
  recommandé par w3c, c'est le seul système qui ne plante pas dans 
  tous les browsers*/

BODY {
	color: #575757;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	background-color: transparent;
   margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/*set the font family on headings, p and ul elements if you intend 
to set borders or backgrounds on elements such as div. This is a 
work-around for a bug where the browser forgets to use the inherited 
font family, instead switching to the default font as set by the 
browser preferences.*/

h1,h2,h3,h4,h5,h6,p,ul { font-family: Arial, Helvetica, sans-serif; }

p {
	margin-left: 40px;
	margin-right: 30px;
	text-align: justify;
   }
h1 {
	text-align: left;
	font-size: 18px;
 	font-style: normal;
 	font-weight: lighter;
 	margin-left: 40px;
	margin-right: 30px;
	}

h2 {
	color: #575757;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: justify;
	background-color: transparent;
 	margin-left: 40px;
	margin-right: 30px;
	text-align: justify;
	}

h3 {
	color: #999999;
	text-align: right;
	font-size: 18px;
 	font-style: normal;
 	font-weight: lighter;
 	margin-left: 40px;
	margin-right: 30px;
	}	
h4 {
	
	color: #999999;
	text-align: left;
	font-size: 18px;
 	font-style: normal;
 	font-weight: lighter;
 	margin-left: 40px;
	margin-right: 30px;
	}

h5 {
	
	color: #999999;
	text-align: left;
	font-size: 12px;
 	font-style: normal;
 	font-weight: lighter;
 	margin-left: 40px;
	margin-right: 30px;
	}

h6 {
	color: #999999;
	text-align: center;
	font-size: 18px;
 	font-style: normal;
 	font-weight: lighter;
 	margin-left: 40px;
	margin-right: 30px;
	}	

/*set the font family for pre elements, as some browsers forget to 
use a fixed pitch font when you set the font size or other properties for pre*/
A {
	color: #007EF7;
	background-color: transparent;
	}

/*A:HOVER Remark : The link cursor properties are not honored 
in IE5 when inside a parent element with fixed positioning
a:hover MUST come after a:link and a:visited in the CSS
definition in order to be effective!*/
A:VISITED{
	color: #59919C;
	background-color: transparent;
}
A:HOVER {
	color: #B2005A;
	background-color: #EBEBEB;
}
A:ACTIVE{
	color: #666699;
	background-color: transparent;
}
/*a.navigator est créé pour obtenir des links différents dans les menus.
ATTENTION : TESTER AVEC NETSCAPE car N6 ne supporte les pseudo-classes que partiellement
On peut créer d'autres "a". Par exemple a.navigatortwo:link etc. 
Ordre de cration link, visited, hover, active*/
.navigatorstatic {
	background-color: #4E4E5C;
	color: #FFC006;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

a.navigator:link {
	background-color: #4E4E5C;
	color: White;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
a.navigator:visited {
	background-color: #4E4E5C;
	color: White;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
a.navigator:hover {
	font-size: 11px;
	text-decoration: none;
}
a.navigator:active {
	background-color: #4E4E5C;
	color: White;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

/*spécifications pour les menus en haut de page*/
.navigatortop {
	background-color: #B1B1B1;
	color: White;
	font-size: 9px;
	font-weight: normal;
	text-decoration: none;
	}
.navigatortopstatic {
	background-color: #B1B1B1;
	color: #FFDD01;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	}
a.navigatortop:link {
	background-color: #B1B1B1;
	color: White;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
}
a.navigatortop:visited {
	background-color: #B1B1B1;
	color: White;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
}
a.navigatortop:hover {
	background-color: #B1B1B1;
	color: White;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	
}
a.navigatortop:active {
	background-color: #B1B1B1;
	color: White;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
}

.slogan {
	margin-left: 40px;
	margin-right: 30px;
	text-align: justify;
	color: #999999;
	text-align: left;
	font-size: 13px;
 	font-style: normal;
 	font-weight: lighter;
}

li { list-style-position: outside;  list-style-type: disc;  }

tr.trmainmenu {
	text-align: right;
	vertical-align: middle;
	background-color: #4E4E5C;
	height: 20px;
}

table.headertable {
	width: 1000px;
	height: 85px;
}

/*utiliser plutôt li.dummy (<ul><li class="dummy">I am a list item</li>)
pour corriger un pb d'alignement dans IE6*/
li.dummy {display: none; }


/*Cette classe permet d'crire un texte et de le cacher.
Il y a deux utilit&eacute;s  faire ceci. Si un browser ne supporte pas CSS, 
il vera le texte et cela permet galement de mettre des mots-cl&eacute;s dans
le source mais c'est pas sûr que ça marche... ce serait trop simple !*/
.main {
	display: none;
}

.newstable {
	margin-left: 40px;
	margin-right: 30px;
	text-align: right;
}
.news {
	width: 190px;
	height: 22px;
	color: White;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 10px 2px 10px;
  	border-left: 1px; 
	border-left: none; 
	border-right: 1px; 
	border-right: none;
	}

.newscontent {
	text-align: left;
	padding: 10px 10px 0px 10px;
   border-left: 1px; 
	border-left: solid; 
	border-left-color: #9E9E9E;
	border-right: 1px; 
	border-right: solid;
	border-right-color: #9E9E9E;
}

.newscontent p{
	text-align: left;
	margin: 10px;
}

.newscorners {
	width: 14px;
	height: 21px 
}

.matrixheaders {
	color: White;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 10px 2px 10px;
  	border-left: 1px; 
	border-left: none; 
	border-right: 1px; 
	border-right: none;
	background-color: #A0B0D3;
	}

.matrixcolumnheader {
	text-align: center;
	color: #999999;
	font-size: 11px;
	font-weight: bold;
}
	
.matrixcontent {
	text-align: left;
	padding: 5px 5px 0px 10px;
   border-right: 1px; 
	border-right: solid; 
	border-right-color: #9E9E9E;
}

.leftcol{
	 width: 201px; 
	 text-align: left;
	 vertical-align: top;
	 background-image: url(images/bckleftgray.gif); 
	 background-repeat: repeat-y;
	 padding-top: 50px;
}
.leftcol h1{
	margin: 20px;
}
.leftcol h4{
	margin: 20px;
}
.leftcol p{
	margin: 20px;
	text-align: left;
	font-size: 11px;
}
.leftcoltop{
	 width: 201px; 
	 text-align: left;
	 background-image: url(images/bckleftgray.gif); 
	 background-repeat: repeat-y;
}

.leftcoltop h1{
	color: #C70C44;
	margin: 20px;
	}
.verticaldot {
	background-image: url(images/vert.gif); 
	background-repeat: repeat-y;
	margin-left: 30px;
	margin-right: 30px;
	text-align: right;
	vertical-align: top;
	padding-top: 50px;
}

.verticaldotnopadding {
	background-image: url(images/vert.gif); 
	background-repeat: repeat-y;
	margin-left: 30px;
	margin-right: 30px;
	text-align: right;
	vertical-align: middle;
}

.horizontaldot {
	background-image: url(images/horiz.gif); 
	background-repeat: repeat-x;
}

.centercol { 
	background-image: url(images/bckcenter.jpg);
	padding-top: 30px; 
	vertical-align: top;
	}

.centercolplain { 
	padding-top: 30px; 
	vertical-align: top;
	}

.centercol li{
	margin-left: 40px;
	margin-right: 30px;
	text-align: justify;
}	

.lastversion {
   color: #C70C44;
	font-weight: bold;
}

.emphasis {
	color: #68AE00;
	font-weight: bold;
}

.hitemphasis {
	color: #C70C44;
	font-weight: bold;
	font-size: 50px;
}

.readonlyfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #575757;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	text-align: right;
}

.alignrightfield {
	text-align: right;
}

.purchaseheader {
	background-color: Silver;
	color: #575757;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.purchasefooter {
	background-color: Silver;
	color: #D00000;
	border: 0px solid #C0C0C0;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
}

.purchasecurrency {
	background-color: Silver;
	color: #D00000;
	border: 0px solid #C0C0C0;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
}

.comments {
	color: #575757;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
}

.separator {
	color: #CCCCCC;
}

.ontop {
	background-image: url(images/bckontop.jpg);
	background-repeat: no-repeat;
	padding-top: 30px; 
	padding-left: 115px;
	vertical-align: top;
}

.shot{
	margin-left: -70px;
}

.footer { text-align: center;}

.footer p { text-align: center; }

.footerleft{
	 width: 201px; 
	 margin: 20px;
	 text-align: left;
	 background-image: url(images/bckleftgray.gif); 
	 background-repeat: repeat-y;
}

.footerleft p{
	 margin: 20px;
	 text-align: left;
}

.footerright {
	background-image: url(images/vert.gif); 
	background-repeat: repeat-y;
	margin-left: 30px;
	margin-right: 30px;
	text-align: right;
}

.form {
	margin: 20px;
}


._TRANSLATION {
   color: Red;
	font-weight: bold;
}