body {
	FONT-SIZE: 12px; 
	background-color: #003366  ; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
TD {
	FONT-SIZE: 12px; COLOR: #CCCC99; FONT-FAMILY: Arial, Helvetica, sans-serif
}
TH {
	FONT-SIZE: 12px; COLOR: #D5D5E3 ; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.titres_rouges {
	FONT: 15px Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #ff0000; HEIGHT: 15px; TEXT-ALIGN: left
}
.titre_rouge_grand {
	FONT: 18px Arial, Helvetica, sans-serif; COLOR: #ff0000; TEXT-ALIGN: left
}
p.introduction {
	FONT: 14px Arial, Helvetica, sans-serif; COLOR: #D5D5E3;
}
p {
	FONT: 14px Arial, Helvetica, sans-serif; COLOR: #D5D5E3;
}
UL LI {
	FONT: 14px Arial, Helvetica, sans-serif; COLOR: #D5D5E3;
	list-style-image: url(crayo.jpg);
	margin-right: 10px;
}
.categorie {
	FONT: small-caps 9px/12px Arial, Helvetica, sans-serif; COLOR: #333333; HEIGHT: 20px; TEXT-ALIGN: left
}

A. {
  color: #830014;
  text-decoration: none;
}
A:visited {
	COLOR: #CCCCCC; TEXT-DECORATION: none
}
/* main links */
A.main{
  color: #D5D5E3;
  TEXT-DECORATION: underline;
}
A.main:visited {
	COLOR: #CCCCCC; TEXT-DECORATION: underline;
}
A.main:hover {
  color: #FF6600;
  text-decoration: underline;
}
/* menu links */
A.menu {
  color: #D5D5E3;
  text-decoration: none;
}
A.menu:hover {
  color: #FF6600;
  text-decoration: none;
}
A.menu:active {
	COLOR: #00669F; TEXT-DECORATION: none;
}

/* menu active links */
A.menuclick{
  color: #FF6600;
  text-decoration: none;
}
A.menuclick:hover {
  color: #FF6600;
  text-decoration: none;
}
A.menuclick:active {
	COLOR: #00669F; TEXT-DECORATION: none;
}



/* link links */
A.link{
  color: #D5D5E3;
  TEXT-DECORATION: underline;
}
A.link:visited {
	COLOR: #CCCCCC; TEXT-DECORATION: underline;
}
A.link:hover {
  color: #FF6600;
  text-decoration: underline;
}


TABLE {
	
}

.photo {
	FLOAT: left; MARGIN-RIGHT: 5px
}
.date {
	FONT: 11px "Times New Roman", Times, serif; VERTICAL-ALIGN: top; COLOR: #999999; TEXT-ALIGN: right
}
.footer A:link {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #ff0000; TEXT-DECORATION: none
}
A:visited {
	
}
.trigger {
	DISPLAY: block; FONT: bold 12px "Courier New", Courier, mono; CURSOR: hand; COLOR: #000000; TEXT-DECORATION: none
}
.branch {
	DISPLAY: none; FONT: bold 12px "Courier New", Courier, mono; MARGIN-LEFT: 13px; COLOR: #677e96; LETTER-SPACING: -1px; TEXT-DECORATION: none
}
.branch A:link {
	COLOR: #677e96; TEXT-DECORATION: none
}
.branch A:visited {
	COLOR: #677e96; TEXT-DECORATION: none
}
.branch A:hover {
	COLOR: #ff0000; TEXT-DECORATION: none
}
.branch A:active {
	COLOR: #ff0000; TEXT-DECORATION: none
}
.trigger A:link {
	COLOR: #000000; TEXT-DECORATION: none
}
.trigger A:visited {
	COLOR: #000000; TEXT-DECORATION: none
}
A:hover {
	
}
.trigger A:hover {
	BACKGROUND: #ff0000; COLOR: #ffffff; TEXT-DECORATION: none
}
.trigger A:active {
	BACKGROUND: #ff0000; COLOR: #ffffff; TEXT-DECORATION: none
}
.ensavoirplus {
	FONT: 11px Arial, Helvetica, sans-serif; CURSOR: hand; COLOR: #ff0000; TEXT-ALIGN: right
}
.bodytxt_italic {
	WORD-SPACING: normal; FONT: italic 12px Arial, Helvetica, sans-serif; TEXT-ALIGN: left
}

.triggeracive {
	BACKGROUND: #ff0000; COLOR: #ffffff; TEXT-DECORATION: none
}

.h1 {
	font: Arial, Helvetica, sans-serif; color= #CCCC99;
}
.h5 {
	TEXT-DECORATION: italic;
}
.footer {
	FONT: bold 12px "Courier New", Courier, mono; COLOR: #D5D5E3;
}
.bodytxt {
	WORD-SPACING: normal; FONT: 12px Arial, Helvetica, sans-serif; TEXT-ALIGN: left
}

.dynform {
		float:center;
		width:50%;
		border:1px solid #003366;
		padding:7px;
		background:#003366;
		font-family:Arial,Sans serif;
		font-size:16px;
		color:black;
}

.dynselect {
		border:1px solid black;
}
.dynbutton {
		border:1px solid #003366;
		margin-left:5px;
}