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

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

/* 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: rgb(255,128,0);
}

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

.messagenote {
        background: rgb(190,190,190);
        color: yellow;
	margin-left: 50px;
}

.messageenvoye {
        background: lightgrey;
        color: purple;
}

.messagerecu {
        background: purple;
        color: lightgrey;
}

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: 80px;
	border: 1px solid rgb(215,204,215);
}

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

.patron {
	font-size: 12pt;
	font-family: monospace;
}

h4 {
	/*margin: 2em 0px 0.5em 0px;*/
	border-bottom: thin solid gray;
	/*padding: 0em 0px 0em 10px;*/
	color: purple;
}

.url {
	position: relative;
	height: 50px;
	width: 400px;
	left: 50px;
	top: -80px;
	background-color: blue;
}

/*
  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;*/
}

DIV.compteur {
	position: relative;
	left: 5px;
	top: 260px;
	width: 80px;
	height: 33px;
	z-index: 2;
	visibility: visible;
}

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

/* la liste des groupes d'articles */
SELECT.listearticles
{
	background-color: rgb(190,190,190);
	color: rgb(50,50,50);
}

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

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

TH.displayenvoyes
{
	background-color: #123456;
	color: rgb(215,204,215);
}

TH.displayrecus
{
	background-color: #123456;
	color: rgb(215,204,215);
}

TD.messageannonce
{
	background-color: #123456;
	color: rgb(215,204,215);
}

TD.profiltitle
{
	background-color: rgb(255,228,181);
}

TD.profilvalue
{
	background-color: rgb(176,196,222);
}

TD.opinion
{
	background-color: rgb(255,228,181);
}

/* <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.menuitem:link { color: rgb(131,255,54); }
A.menuitem:link { color: rgb(128,50,0); }
A.menuitem:visited { color: #FFCC66; }
A.menuitem:visited { color: rgb(128,50,170); }
A.menuitem:hover { color: olive; }
A.menuitem: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; }

A.vignette:link { color: black /* #FFCCCC */; }
A.vignette:visited { color: black /* #FFCC66 */; }
A.vignette:hover { color: olive; }
A.vignette:active { color: #CC6666; }

.articletitrebandeau {
	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);
}

.articletexte {
	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;
}

.menuitem {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #800080;
}

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

.maincontent {
	position: absolute;
	/* height: 587px; */
	/*width: 640px;*/
	left: 100px;
	top: 100px;
	margin-left: 10px;
	margin-right: 10px;
	/* background-color: lightblue;*/
/* lgrey176.jpg lgrey182.gif lgrey109.jpg */
	background: url(http://www.phcha.com/broderie/images/lgrey109.jpg) repeat white;
	z-index: 4;
	visibility: visible;
}

.chaptertitle {
	position: relative;
	height: 40px;
	width: 200px;
	left: 340px;
	top: -50px;
	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;
}
*/