/*
	http://www.w3.org/TR/CSS21/propidx.html pour une liste complete
*/

/* texte normal affiche et imprime */
.notice {
	font-family: Arial, Helvetica, sans-serif;
        color: white;
}

/* texte affiche mais pas imprime */
.okmessage {
	font-family: Arial, Helvetica, sans-serif;
        color: rgb(50,100,128);
}

.warningmessage {
	font-family: Arial, Helvetica, sans-serif;
        color: #E6B541;
}

.errormessage {
	font-family: Arial, Helvetica, sans-serif;
        color: red;
}

ul#menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#menu li {
	margin: 0 0 5px 0;
	padding: 0;
}

ul#menu li a {
	display: block;
	width: 120px;
	border: 1px solid rgb(215,204,215);
}

ul#menu li a:hover {
	border: 1px solid #E6B541;
}

h4 {
	/*margin: 2em 0px 0.5em 0px;*/
	border-bottom: thin solid rgb(215,204,215);
	/*padding: 0em 0px 0em 10px;*/
	color: #FDF7A1;
}

/*
  E#myid
	Matches any E element with ID equal to "myid"
  DIV.warning
	Language specific. In HTML, the same as DIV[class~="warning"]
  E[foo~="warning"]
	Matches any E element whose "foo" attribute value is a list of
	space-separated values, one of which is exactly equal to "warning"
*/

/* <div class='value1 value2 Layer2 valueN'>...</div> */
DIV.boutonsmenu {
        position: relative;
        left: 5px;
        top: 150px;
        width: 85px;
        height: 310px;
        z-index: 2;
        visibility: visible;
        /*background: yellow;*/
}

/* <div class='value1 value2 Layer2 valueN'>...</div> */
DIV.autopub {
	position: relative;
	left: 5px;
	top: 250px;
	width: 80px;
	height: 33px;
	z-index: 2;
	visibility: visible;
	/*background: yellow;*/
}

/* <FORM class='value1 value2 Layer2 valueN'>...</form> */
FORM.formulaire {
}

/* <tr class='value1 value2 trliste valueN'>...</tr> */ 
TR.trliste
{
	background-color: white;
}

/* <tr class='value1 value2 catalogue valueN'>...</tr> */ 
/* correct private */
TR.trlisteYN
{
	background-color: white;
}

/* correct private */
TR.trlisteYY
{
	background-color: green;
	background-color: rgb(152,251,152);
}

/* correct private */
TR.trlisteNY
{
	background-color: pink;
}

/* correct private */
TR.trlisteNN
{
	/*background-color: red;*/
	background-color: white;
}

/* <tr class='value1 value2 trbandeau valueN'>...</tr> */ 
TR.trbandeau
{
       background-color: #204077;
}

/* <tr class='value1 value2 cataloguetitre valueN'>...</tr> */ 
TR.groupetitre
{
       background-color: #2E5D94;
}

TD.tdtag
{
	background-color: #E6B541;
}

TD.tdvalue
{
	background-color: #FDF7A1;
}

/* <table class='value1 value2 pieddepage valueN'>...</table> */ 
TABLE.pieddepage
{
	font-family: Arial, Helvetica, sans-serif;
	color: #006666;
}

/*
  a:link    { color: red }    /* unvisited links */
  a:visited { color: blue }   /* visited links   */
  a:hover   { color: yellow } /* user hovers     */
  a:active  { color: lime }   /* active links    */

  Note that the A:hover must be placed after the A:link and A:visited rules.
  Because A:active is placed after A:hover, the active color (lime) will apply
  when the user both activates and hovers over the A element.
*/

A:link { color: rgb(50,100,128); }
A:visited { color: #FFCC66; }
A:hover { color: olive; }
A:active { color: #CC6666; }

A.linkitem:link { color: rgb(131,255,54); }
A.linkitem:link { color: rgb(128,50,0); }
A.linkitem:visited { color: #FFCC66; }
A.linkitem:visited { color: rgb(128,50,170); }
A.linkitem:hover { color: olive; }
A.linkitem:active { color: #CC6666; }

A.mailto:link { color: #FFCCCC; }
A.mailto:link { color: rgb(128,50,0); }
A.mailto:visited { color: #FFCC66; }
A.mailto:hover { color: olive; }
A.mailto:active { color: #CC6666; }

.thbandeau {
	font-family: Arial, Helvetica, sans-serif;
        color: rgb(220,220,220);
}

.articletitre {
	font-family: Arial, Helvetica, sans-serif;
        color: rgb(200,200,200);
        color: rgb(78,124,85);
}

.tdliste {
	font-family: Arial, Helvetica, sans-serif;
        color: #D78455;
        color: rgb(100,50,50);
}

.explication {
	font-family: Arial, Helvetica, sans-serif;
        color: #CC6666;
}

.linkitem {
	font-family: Arial, Helvetica, sans-serif;
}

.logo {
	position: absolute;
	visibility: visible;
	z-index: 3;
	left: 0px;
	top: 0px;
}

.maincontent {
	position: absolute;
	/* height: 587px; */
	/*width: 640px;*/
	left: 125px;
	top: 150px;
	margin-left: 10px;
	margin-right: 10px;
	/* background-color: lightblue;*/
	/* background: url(../images/bg.png) repeat black; */
	/* background: black; */
	z-index: 4;
	visibility: visible;
}

.chaptertitle {
	position: relative;
	height: 60px;
	width: 300px;
	left: 310px;
	top: -60px;
	font-size: 1px; /* http://forum.alsacreations.com/faq/faq-58-Espaces-indesirables-sous-les-images.html */
	background-color: blue;
	z-index: 4;
}

/* http://forum.alsacreations.com/faq/faq-58-Espaces-indesirables-sous-les-images.html */
/*
img {
  display: block;
}
*/