BODY {
  margin:3px;
  text-align: justify;
  FONT-FAMILY: Comic sans serif, Arial, Helvetica, sans-serif;
  FONT-SIZE: 9pt;
  color: #EDF2FC;
  background-color: #000022;
	background-image: url();
	background-position: 0% 100%;
	background-repeat:no-repeat;
	background-repeat:repeat;
	background-attachment:fixed;

}


.skinbg {
	width: 100%;
	vertical-align: top;
	text-align: center;
	border-right: none;
	border-left: none;
	border-top: none;
	border-bottom: none;
	margin-right:0pt;
	margin-left:0pt;
	margin-top:0pt;
	margin-bottom:5pt;
	}

.skinmain {
	width: 990px;
	vertical-align: top;
	text-align: center;
	border-right: none;
	border-left: none;
	border-top: none;
	border-bottom: none;
	margin-right:0pt;
	margin-left:0pt;
	margin-top:0pt;
	margin-bottom:0pt;
	}

.skinheader {
	width: 990px;
	height: 145px;
	background-image: url(header.jpg);
	background-repeat:no-repeat;
	vertical-align: top;
	background-color: #000000;
	border-right: none;
	border-left: none;
	border-top: none;
	border-bottom: none;
	margin-top:0pt;
	margin-bottom:0pt;
	margin-left:0pt;
	margin-right:0pt;
	text-align: center;
	}


.skinmainbgg-fond {
	width: 299px;
	background-image: url(fond_left.jpg);
	background-repeat:repeat;
	vertical-align: top;
	border-right: none;
	border-left: none;
	border-top: none;
	border-bottom: none;
	margin-top:0pt;
	margin-bottom:0pt;
	margin-left:0pt;
	margin-right:0pt;
	text-align: center;
	}
.skinmainbgg {
	width: 299px;
	height: 382px;
	background-image: url(body_left.jpg);
	background-repeat:no-repeat;
	vertical-align: top;
	border-right: none;
	border-left: none;
	border-top: none;
	border-bottom: none;
	margin-top:0pt;
	margin-bottom:0pt;
	margin-left:0pt;
	margin-right:0pt;
	text-align: center;
	}

.skinmainbg-fond {
	width: 592px;
	background-image: url(fond_center.jpg);
	background-repeat:repeat;
	vertical-align: top;
	border-right: none;
	border-left: none;
	border-top: none;
	border-bottom: none;
	margin-top:0pt;
	margin-bottom:0pt;
	margin-left:0pt;
	margin-right:0pt;
	text-align: center;
	}

.skinmainbg {
	width: 592px;
	height: 382px;
	background-image: url(body_center.jpg);
	background-repeat:no-repeat;
	vertical-align: top;
	border-right: none;
	border-left: none;
	border-top: none;
	border-bottom: none;
	margin-top:0pt;
	margin-bottom:0pt;
	margin-left:0pt;
	margin-right:0pt;
	text-align: center;
	}

.skinmainbgd-fond {
	width: 99px;
	background-image: url(fond_right.gif);
	background-repeat:repeat;
	vertical-align: top;
	border-right: none;
	border-left: none;
	border-top: none;
	border-bottom: none;
	margin-top:0pt;
	margin-bottom:0pt;
	margin-left:0pt;
	margin-right:0pt;
	text-align: center;
	}

.skinmainbgd {
	width: 99px;
	height: 382px;
	background-image: url(body_right.jpg);
	background-repeat:no-repeat;
	vertical-align: top;
	border-right: none;
	border-left: none;
	border-top: none;
	border-bottom: none;
	margin-top:0pt;
	margin-bottom:0pt;
	margin-left:0pt;
	margin-right:0pt;
	text-align: center;
	}





.skinfooter {
	width: 990px;
	height: 107px;
	background-image: url(footer.jpg);
	background-repeat:no-repeat;
	vertical-align: top;
	text-align: center;
	vertical-align: top;
	font-weight: normal;
	font-size: 8pt;
	color: #EDF2FC;
	border-left: none;
	border-top: none;
	border-bottom: none;
	}
.copycenter  {
	vertical-align: top;
	font-weight: normal;
	font-size: 8pt;
	color: #333360;
	text-align: center
	}
a.copycenter:link  {  color: #333360; text-decoration: underline;}
a.copycenter:visited  {  color: #333360; text-decoration: underline;}
a.copycenter:hover  {  color: #3366FF; text-decoration: underline overline;}


.button
{
    background-color: #222222;
    color: #EDF2FC;
    font-size: 8pt;
    font-weight: bold;
    border: 1px solid #AAAAAA
}
INPUT, TEXTAREA, SELECT {
    background-color: #222222;
    COLOR: #EDF2FC;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    border: 1px solid #AAAAAA
}


.tabopt {
	background-color: #222222;
	font-size: 9px;
	text-align: center;
	color: #EDF2FC;
	border: 1px solid #AAAAAA;
	}


	{la couleur est celle des textes par défaut dans les tableaux}
td, th  {
	font-weight: normal;
	font-size: 9pt;
	color: #EDF2FC;
	vertical-align: middle
	}

.imgstyle {
	border: 1px solid #000000;
	}

	{définition des paragraphes}
p {
	margin-top:0pt;
	margin-bottom:8pt;
	}

hr {
	color:#333333;
	style:noshade;
	height:1px;
}

form {
	margin-top:0pt;
	margin-bottom:0pt;
	}


ul {
	list-style-image:url(right.gif);
	margin-top:0pt;
	margin-bottom:6pt;
	margin-left:12pt;
	}

a, a.admin, a.moderate {
	text-decoration: none;
	}

	{Liens non indexés LIENS PAR DEFAUT) }
a:link {
	COLOR: #FFFFFF;
	text-decoration: none;

	}
a:visited {
	COLOR: #C0C0C0;
	text-decoration: none;

	}
a:hover {
	COLOR: #99FF99;
	text-decoration: underline;
	}

a.admin:link {
	color: #FFFFFF
	}
a.admin:visited {
	color: #C0C0C0
	}
a.admin:hover {
	color: #99FF99
	}

a.moderate:link {
	color: #FFFFFF
	}
a.moderate:visited {
	color: #C0C0C0
	}
a.moderate:hover {
	color: #99FF99
	}



.newstitle2  {
	color: #FFFF00;
	font-size: 12pt;
	font-weight: bold;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	}





{---------------- N E W S ----------------}

{Titres sections}
.newstitle {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	color: #FFFFFF;
	text-align: left; 
	vertical-align: top;
	font-weight: bold;
	}

.newsinfo {
	font-size: 11px; 
	font-style: italic; 
	color: #FFFF00;
	text-align: left; 
	vertical-align: top; 
	font-weight: bold;
	}

.newsauthor, .newslink  {
	font-weight: normal;
	color: #FFFF00;
	font-size: 7pt;
	text-align: right
	}

a.newsauthor, a.newslink {
	font-weight: bold;
	color: #FFFFFF;
	TEXT-DECORATION: none
	}
a.newsauthor:link, a.newslink:link {
	color: #FFFFFF
	}
a.newsauthor:visited, a.newslink:visited {
	color: #C0C0C0
	}
a.newsauthor:hover, a.newslink:hover {
	color: #99FF99
	}


.newstext, .newstext2, .newstopic {
	font-weight: normal;
	font-size: 11pt;
	color: #FFFF00;
	text-align: left; 
	vertical-align: middle;
	}


.morelinks, .morelinks2 {
	font-size: 8pt;
	color: #FFFF00;
	font-weight: normal;
	}
.menuelement {
	white-space:nowrap;
	font-size: 8pt;
	color: #FFFF00;
	text-align: center;
	font-weight: bold;
	}

{annuaire de liens, liens navig forum}
.newslink2, a.newslink2 {
	font-size: 9pt;
	font-weight: normal;
	color: #FFFF00;
	}

a.newslink2:link  {
	color: #FFFFFF;
	}
a.newslink2:visited {
	color: #C0C0C0;
	}
a.newslink2:hover {
	color: #99FF99;
	}


a.morelinks, a.morelinks2, a.morelinks:link, a.morelinks2:link,a.menuelement, a.menuelement:link, a.boxlinks:link, a.boxsimple:link, a.photos, a.photos:link {
	color: #FFFF00;
	}
a.morelinks:visited, a.morelinks2:visited, a.menuelement:visited, a.boxlinks:visited, a.boxsimple:visited, a.photos:visited {
	color: #FFFF00;
	}
a.morelinks:hover, a.morelinks2:hover, a.menuelement:hover, a.boxlinks:hover, a.boxsimple:hover, a.photos:hover {
	color: #FFFFFF;
	}


.boxlinks, a.boxlinks, .boxsimple, a.boxsimple {
	font-size: 8pt;
	text-align: left
	}

.photos {
	font-weight: bold;
	font-size: 8pt;
	text-align: left
	}



	{BOITES : TITRES}

.boxheader {
	font-size: 10pt;
	font-weight: bold;
	color: #EDF2FC;
	text-align: left;
	vertical-align: middle;
	}

.boxtext {
	font-size: 8pt;
	text-align: left;
	color: #EDF2FC;
	vertical-align: middle
	}

.commentbar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #EDF2FC;
	text-align: left;
}
.commenttitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #EDF2FC;
	text-align: left;
}
.commentinfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic; 
	font-weight: bold;
	color: #EDF2FC;
	vertical-align: top; 
	text-align: left;
	}
.commenttext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #EDF2FC;
	text-align: left;
	}
.commentinput {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #EDF2FC;
	text-align: left;
	}


.tabvheader {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold;
	color: #EDF2FC; 
	background-color: #333355;
	vertical-align: middle; 
	text-align: left;
	}

.tabhheader  {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold;
	color: #EDF2FC; 
	background-color: #222244;
	vertical-align: middle; 
	text-align: center;
	}

.tabelem {
	font-size: 11px;
	color: #EDF2FC;
	vertical-align: middle;
	text-align: left;
	}

.tablquest {
	vertical-align: middle;
	font-size: 8pt;
	color: #EDF2FC;
	font-weight: bold;
	text-align: right
	}

.tablresp {
	vertical-align: middle;
	font-size: 8pt;
	color: #FFFF00;
	font-weight: normal;
	text-align: left
	}


	{TABLEAU : elements utilisateur : sous-titres  ---  les tarrow 1 et 2 s inversent à tour de role sur une liste }
.tabrow0 {
	font-size: 8pt;
	background-color: #FFFFCC;
	vertical-align: middle;
	font-weight: normal;
	color: #EDF2FC;
	text-align: left
	}

.tabrow1 {
	font-size: 11px;
	color: #EDF2FC;
	background-color: #222244;
	vertical-align: middle;
	text-align: center;
	}

.tabrow2 {
	font-size: 11px;
	color: #EDF2FC;
	background-color: #000022;
	vertical-align: middle;
	text-align: center;
	}

.icontitle {
	font-weight: bold;
	text-align: center;
	font-size: 8pt;
	color: #EDF2FC;
	}
.header  {
	vertical-align: top;
	font-size: 10pt;
	color: #EDF2FC;
	font-weight: normal;
	text-align: center
	}
.footer  {
	vertical-align: top;
	font-size: 10pt;
	color: #EDF2FC;
	font-weight: bold;
	text-align: center
	}

.timeinfo  {
	background-color: #660000;
	vertical-align: top;
	font-size: 8pt;
	color: #EDF2FC;
	text-align: center
	}

.copycenter2  {  vertical-align: top; font-weight: normal; font-size: 8pt; color: #EDF2FC; text-align: center}

.copyleft  {  vertical-align: top; font-weight: bold; font-size: 7pt; color: #EDF2FC; text-align: left}


	{DEFAUT : texte sur fond aligné LEFT}
.defleft  {  font-weight: normal; font-size: 8pt; text-align: left; color: #EDF2FC}
A.defleft  {  font-weight: bold; font-size: 8pt; color: #EDF2FC}
A.defleft:link  {  color: #EDF2FC}
A.defleft:visited  {  color: #00FF00}
A.defleft:hover  {  color: #FFFFFF}

	{DEFAUT : texte sur fond aligné CENTER}
.defcenter  {  font-weight: normal; font-size: 8pt; text-align: center; color: #EDF2FC}
A.defcenter  {  font-weight: bold; font-size: 8pt; color: #EDF2FC}
A.defcenter:link  {  color: #EDF2FC}
A.defcenter:visited  {  color: #00FF00}
A.defcenter:hover  {  color: #FFFFFF}



	{proprietes AGENDA}

.tableau {
	width: 100%;
	vertical-align: top;
	text-align: left
	border-right: none;
	border-left: none;
	border-top: none;
	border-bottom: none;
	margin-right:0pt;
	margin-left:0pt;
	margin-top:0pt;
	margin-bottom:0pt;
	}

.calendar {
	vertical-align: top;
	text-align: center;
	margin-right:0pt;
	margin-left:0pt;
	margin-top:0pt;
	margin-bottom:0pt;
	font-size: 7pt; 
	}

.datenow {
	background-color: #00FFAA;
	font-size: 7pt; 
	}
.datecoming {
	font-size: 7pt; 
	}
.datesoon {
	background-color: #0066FF;
	font-size: 7pt; 
	}




.erreur {  font-size: 15pt; color: #FF0000; text-align: center}
.valid {  font-size: 15pt; color: #00FF00; text-align: center}

.headers {  background-color: #000000; font-size: 12pt; font-family: arial; color: #FFFFFF; font-weight: bold}
.headers:link {  font-size: 12pt; color: #FFFFFF; font-weight: bold; text-decoration: none}
.headers:visited {  font-size: 12pt; color: #000000; font-weight: bold; text-decoration: none}
.headers:hover {  font-size: 12pt; color: #0080FF; font-weight: bold; text-decoration: none}

.titre {  font-size: 10pt; font-family: arial; color: #0080FF; font-weight: bold}
.titre:link {  font-size: 10pt; color: #0080FF; font-weight: bold; text-decoration: none}
.titre:visited {  font-size: 10pt; color: #000060; font-weight: bold; text-decoration: none}
.titre:hover {  font-size: 10pt; color: #009900; font-weight: bold; text-decoration: none}

.auteur {  background-color: #0080FF; font-size: 9pt; font-family: arial; color: #FFFFFF; font-weight: bold}
.auteur:link {  font-size: 9pt; color: #99FF99; font-weight: bold; text-decoration: none}
.auteur:visited {  font-size: 9pt; color: #80FF80; font-weight: bold; text-decoration: none}
.auteur:hover {  font-size: 9pt; color: #FFFFFF; font-weight: bold; text-decoration: none}

.date {  width: 100px; background-color: #0080FF; font-size: 9pt; font-family: arial; color: #FFFFFF; font-weight: bold}
.date:link {  font-size: 9pt; color: #99FF99; font-weight: bold; text-decoration: none}
.date:visited {  font-size: 9pt; color: #80FF80; font-weight: bold; text-decoration: none}
.date:hover {  font-size: 9pt; color: #FFFFFF; font-weight: bold; text-decoration: none}

.texte {  font-size: 8pt; font-family: arial; color: #99CCFF; font-weight: normal}

.links {  font-size: 8pt; font-family: arial; color: #CCFFFF; font-weight: normal}