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

  SCROLLBAR-FACE-COLOR: #CCD6E9;
  SCROLLBAR-HIGHLIGHT-COLOR: #EDF2FC;
  SCROLLBAR-SHADOW-COLOR: #0000000;
  SCROLLBAR-3DLIGHT-COLOR: #000000;
  SCROLLBAR-ARROW-COLOR: #000000;
  SCROLLBAR-TRACK-COLOR: #CCD6E9;
  SCROLLBAR-DARKSHADOW-COLOR: #000000
}

.lien {  background-color: #310099; font-size: 7pt; font-family: Arial, Verdana, Helvetica, sans-serif; color: #FFFFFF; font-weight: normal}
.lien:link {  font-size: 7pt; color: #310099; font-weight: normal; text-decoration: none}
.lien:visited {  font-size: 7pt; color: #310099; font-weight: normal; text-decoration: none}
.lien:hover {  font-size: 7pt; color: #310099; font-weight: normal; text-decoration: none}

.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: 992px;
	border-top: none; border-bottom: none; border-left: none; border-right: none;
	margin-top:0pt; margin-bottom:0pt; margin-left:0pt; margin-right:0pt;
	vertical-align: top;
	text-align: center;
	}

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


.a3 {	width: 70px;
	background-image: url(a3.jpg); background-repeat:repeat;
	border-top: none; border-bottom: none; border-left: none; border-right: none;
	margin-top:0pt; margin-bottom:0pt; margin-left:0pt; margin-right:0pt;
	vertical-align: top;
	text-align: center;
	}
.a2 {	width: 70px; height: 343px;
	background-image: url(a2.jpg); background-repeat:no-repeat;
	border-top: none; border-bottom: none; border-left: none; border-right: none;
	margin-top:0pt; margin-bottom:0pt; margin-left:0pt; margin-right:0pt;
	vertical-align: top;
	text-align: center;
	}
.a1 {	width: 70px; height: 64px;
	background-image: url(a1.jpg); background-repeat:no-repeat;
	border-top: none; border-bottom: none; border-left: none; border-right: none;
	margin-top:0pt; margin-bottom:0pt; margin-left:0pt; margin-right:0pt;
	vertical-align: top;
	text-align: center;
	}

.b3 {	width: 644px;
	background-image: url(b3.gif); background-repeat:repeat;
	border-top: none; border-bottom: none; border-left: none; border-right: none;
	margin-top:0pt; margin-bottom:0pt; margin-left:0pt; margin-right:0pt;
	vertical-align: top;
	text-align: center;
	}
.b2 {	width: 644px; height: 343px;
	background-image: url(b2.jpg); background-repeat:no-repeat;
	border-top: none; border-bottom: none; border-left: none; border-right: none;
	margin-top:0pt; margin-bottom:0pt; margin-left:0pt; margin-right:0pt;
	vertical-align: top;
	text-align: center;
	}
.b1 {	width: 644px; height: 64px;
	background-image: url(b1.jpg); background-repeat:no-repeat;
	border-top: none; border-bottom: none; border-left: none; border-right: none;
	margin-top:0pt; margin-bottom:0pt; margin-left:0pt; margin-right:0pt;
	vertical-align: top;
	text-align: center;
	}

.c3 {	width: 11px;
	background-image: url(c3.jpg); background-repeat:repeat;
	border-top: none; border-bottom: none; border-left: none; border-right: none;
	margin-top:0pt; margin-bottom:0pt; margin-left:0pt; margin-right:0pt;
	vertical-align: top;
	text-align: center;
	}
.c2 {	width: 11px; height: 343px;
	background-image: url(c2.jpg); background-repeat:no-repeat;
	border-top: none; border-bottom: none; border-left: none; border-right: none;
	margin-top:0pt; margin-bottom:0pt; margin-left:0pt; margin-right:0pt;
	vertical-align: top;
	text-align: center;
	}
.c1 {	width: 11px; height: 64px;
	background-image: url(c1.jpg); background-repeat:no-repeat;
	border-top: none; border-bottom: none; border-left: none; border-right: none;
	margin-top:0pt; margin-bottom:0pt; margin-left:0pt; margin-right:0pt;
	vertical-align: top;
	text-align: center;
	}

.d3 {	width: 244px;
	background-image: url(d3.gif); background-repeat:repeat;
	border-top: none; border-bottom: none; border-left: none; border-right: none;
	margin-top:0pt; margin-bottom:0pt; margin-left:0pt; margin-right:0pt;
	vertical-align: top;
	text-align: center;
	}
.d2 {	width: 244px; height: 343px;
	background-image: url(d2.jpg); background-repeat:no-repeat;
	border-top: none; border-bottom: none; border-left: none; border-right: none;
	margin-top:0pt; margin-bottom:0pt; margin-left:0pt; margin-right:0pt;
	vertical-align: top;
	text-align: center;
	}
.d1 {	width: 244px; height: 64px;
	background-image: url(d1.jpg); background-repeat:no-repeat;
	border-top: none; border-bottom: none; border-left: none; border-right: none;
	margin-top:0pt; margin-bottom:0pt; margin-left:0pt; margin-right:0pt;
	vertical-align: top;
	text-align: center;
	}

.e3 {	width: 23px;
	background-image: url(e3.gif); background-repeat:repeat;
	border-top: none; border-bottom: none; border-left: none; border-right: none;
	margin-top:0pt; margin-bottom:0pt; margin-left:0pt; margin-right:0pt;
	vertical-align: top;
	text-align: center;
	}
.e2 {	width: 23px; height: 343px;
	background-image: url(e2.jpg); background-repeat:no-repeat;
	border-top: none; border-bottom: none; border-left: none; border-right: none;
	margin-top:0pt; margin-bottom:0pt; margin-left:0pt; margin-right:0pt;
	vertical-align: top;
	text-align: center;
	}
.e1 {	width: 23px; height: 64px;
	background-image: url(e1.jpg); background-repeat:no-repeat;
	border-top: none; border-bottom: none; border-left: none; border-right: none;
	margin-top:0pt; margin-bottom:0pt; margin-left:0pt; margin-right:0pt;
	vertical-align: top;
	text-align: center;
	}

.f0 { width: 992px; height: 162px;
	background-image: url(f0.jpg); background-repeat:no-repeat;
	border-top: none; border-bottom: none; border-left: none; border-right: none;
	margin-top:0pt; margin-bottom:0pt; margin-left:0pt; margin-right:0pt;
	vertical-align: top;
	text-align: left; color: #440000; font-size: 9pt; padding-left: 50px;
	}


.copycenter  {
	vertical-align: top;
	font-weight: normal;
	font-size: 9pt;
	color: #c0c0c0;
	text-align: center
	}
a.copycenter:link  {  color: #999999}
a.copycenter:visited  {  color: #999999}
a.copycenter:hover  {  color: #990000}


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


.tabopt {
	background-color: #99ccff;
	font-size: 9px;
	text-align: center;
	color: #000000;
	border: 1px solid #0000FF;
	}


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

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

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

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

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


ul {
	list-style-image:url(dot.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: #0080FF;
	text-decoration: none;

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

	}
a:hover {
	COLOR: #FF0000;
	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: #FF0000;
	font-size: 12pt;
	font-weight: bold;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	}





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


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

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

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

a.newsauthor, a.newslink {
	font-weight: bold;
	color: #000000;
	TEXT-DECORATION: none
	}
a.newsauthor:link, a.newslink:link {
	color: #0000FF
	}
a.newsauthor:visited, a.newslink:visited {
	color: #000099
	}
a.newsauthor:hover, a.newslink:hover {
	color: #009900
	}


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


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

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

a.newslink2:link  {
	color: #0000FF;
	}
a.newslink2:visited {
	color: #0000CC;
	}
a.newslink2:hover {
	color: #FFFF00;
	}


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: #000099;
	}
a.morelinks:visited, a.morelinks2:visited, a.menuelement:visited, a.boxlinks:visited, a.boxsimple:visited, a.photos:visited {
	color: #000066;
	}
a.morelinks:hover, a.morelinks2:hover, a.menuelement:hover, a.boxlinks:hover, a.boxsimple:hover, a.photos:hover {
	color: #00FF00;
	}

.menuelement {
	text-align: left;
	color: #FFCC00;
	WIDTH: 130px;
}
a.menuelement {
	text-align: center;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: #1D3250 1px solid;
	padding-left: 4px;
	font-size: 14px;
	font-weight: normal;
	margin: 0px;
	width: 230px;
	color: #0080FF;
	line-height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a.menuelement:link, a.menuelement:visited {
	color: #0080FF;
}
a.menuelement:hover {
	color: #0000FF;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: #99CCFF 1px solid;
	text-decoration: none;
}



.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: #000000;
	text-align: left;
	vertical-align: middle;
	}

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

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


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

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

.tabelem {
	font-size: 11px;
	color: #000000;
	{background-color: #6699FF;}
	vertical-align: middle;
	text-align: left;
	}

.tablquest {
	{background-color: #6699FF;}
	vertical-align: middle;
	font-size: 8pt;
	color: #000000;
	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: #000000;
	text-align: left
	}

.tabrow1 {
	font-size: 11px;
	color: #000000;
	background-color: #00A0FF;
	vertical-align: middle;
	text-align: center;
	}

.tabrow2 {
	font-size: 11px;
	color: #000000;
	background-color: #0080FF;
	vertical-align: middle;
	text-align: center;
	}

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

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

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

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


	{DEFAUT : texte sur fond aligné LEFT}
.defleft  {  font-weight: normal; font-size: 8pt; text-align: left; color: #000000}
A.defleft  {  font-weight: bold; font-size: 8pt; color: #000000}
A.defleft:link  {  color: #000000}
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: #000000}
A.defcenter  {  font-weight: bold; font-size: 8pt; color: #000000}
A.defcenter:link  {  color: #000000}
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: #0000FF; 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}