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

.patron {
	font-size: 12pt;
}

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"
*/

#boxeddiv {
	line-height: 1.5em;
	text-align: justify;
	border: 1px solid yellow;
	margin: 20px;
	padding: 20px;
}

#boxeddiv h1 {
	letter-spacing: 4px;
	font-style: italic;
	text-align: center;
	font-variant: small-caps;
}

#boxeddiv .drop {
	float: left;
	font-size: 120%;
	line-height: 1em;
	margin: 4px 10px 10px 0;
	padding: 4px 10px;
	border: 2px solid #ccc;
	color: red;
	background: yellow;
}

/* <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.accescheuvreux {
        position: absolute;
        left: 650px;
        top: 150px;
        width: 250px;
        height: 60px;
        z-index: 2;
        visibility: visible;
        background: rgb(204,255,204);
}

PRE.filecontent {
        color: white;
        background: darkgreen;
        border: thin solid white;
        position: relative;
        /* 700 + 2x15 pour les marges == la largeur d'une feuille A4 */
        left: 15px;
        width: 700px;
        padding: 10;
        z-index: 2;
        visibility: visible;
}

PRE.commandline {
        color: white;
        background: darkblue;
        border: thin solid white;
        position: relative;
        /* 700 + 2x15 pour les marges == la largeur d'une feuille A4 */
        left: 15px;
        width: 700px;
        padding: 10;
        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);
}

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

TD.fichetitre {
	border-top: 2px solid rgb(0, 0, 255);
	background-color: cyan;
}

TD.articletitre {
	border-top: 1px solid rgb(0, 255, 0);
	background-color: #ccffcc;
}

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

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

.maincontent {
	position: absolute;
	/* height: 587px; */
	/*width: 640px;*/
	left: 100px;
	top: 90px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: lightblue;
	z-index: 1;
	visibility: visible;
}

.chaptertitle {
	position: relative;
	height: 40px;
	width: 200px;
	left: 40px;
	top: -50px;
	font-size: 1px; /* http://forum.alsacreations.com/faq/faq-58-Espaces-indesirables-sous-les-images.html */
	background-color: blue;
}
.legende {
	position: absolute;
	height: 146px;
	width: 220px;
	left: 600px;
	top: 0px;
	z-index=2; 
}

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