/* style univ */
/**************/
/* Cfg HTML   */
/**************/
body	          { color: black; background-color: white; text-decoration: none;
		    font-family: Arial, Helvetica, sans-serif;  font-size: 10pt;
		    margin: 5px 0 0 5px; width: 775px } /* top right bottom left */
input		  { vertical-align: middle }
a		  { text-decoration: none; font-weight: bold }
img		  { vertical-align: middle; border: none }
h1,h2,h3,h4,h5	  { background-color: transparent; clear: both }
h2		  { color: #036; font-size: 1.3em }
h3		  { color: #69c; font-size: 16px; font-weight: bold }
h4		  { color: white; font-size: 11px; font-weight: bold; margin: 0 0 0 0; padding: 0 0 0 0 }
h5		  { color: #92c5f8; font-size: 11px; font-weight: bold }

div		  { clear: both; background-color: transparent }
hr		  { clear: both; visibility: hidden } /* spacer invisible en mode css */

/****************/
/* Global Types */
/****************/
div#menu	  { background-color: black; height: 20px; text-align: right }
div#menu	 a{ font-size: 11px; font-weight: bold; color: white;vertical-align: top }
div#banner	  { height: 60px; margin-bottom: 1px; border: none }
div#banner:after  { content: url("images/titre.gif") }

div#title > div	  { float: left; clear: none; height: 100%; text-align: center }
div#title	  { background-image: url("images/title_back.png"); background-repeat: no-repeat;
		    height: 60px; clear: both; color: #92c5f8 }
div#title > div:first-child /* Le titre de zone */
		  { width: 120px; height: 42px; padding: 18px 10px 0 30px; color: #369; font-size: 14pt }
div#title > div:first-child + div /* La barre de menu central */
		  { width: 475px; height: 50px; padding: 10px 0 0 0 }
div#title > div:first-child + div + div /* La selection d'ufr */
		  { width: 136px; height: 53px; padding: 7px 0 0 4px }

div#topheader	  { background-image: url("images/low_title_back.png"); background-repeat: no-repeat;
		    height: 20px; clear: both; color: #9cf }
div#topheader >div{ margin-left: 320px; width: 295px; text-align: center }

.spacer		  { margin: 1em 0 1em 0; clear: both }

div#main	  { width: 640px; position: absolute; left: 180px; top: 166px; width: 609px;}
div#main	 a{ font-weight: bold}

div.leftmenu	  { position: absolute; left: 5px; top: 166px; width: 160px; background-color: #369}
div.leftmenu > div{ margin: 10px 0 10px 0; padding: 12px 0 12px 0; background-color: #9cf; color: #369;
		    border-bottom: 1px solid white; border-top: 1px solid white; border-collapse: collapse;
		    text-align: center}
div.leftmenu > div > div:first-child 
		  { color: #369; font-weight: bold; font-size: 9pt; text-align: left }
div.leftmenu > div > div:first-child img 
		  { margin: 0 4px 0 8px }
div.leftmenu > div.menu 
		  { background-color: #369; margin: 0 0 0 0; text-align: right;
		    color: #9cf; font-size: 11px; font-weight: bold; z-index: -1; }
div.leftmenu > div.menu 
	         a{ color: white; color: #9cf }

h5:after,
div.leftmenu > div.menu a:after
	          { content: url("images/puce.png") }
.spacer:after	  { content: url("images/rule1.gif") }

.right		  { display: none; visibility: hidden;  }

/* navbar/buttonbar */
table.bar	  { border-collapse: collapse; width: 100%; font-size: 12pt }
table.bar td:first-child + td
		  { font-weight: bold; text-align: right }
table.bar	 a{ text-decoration: none }

/*******************/
/* Mailindex Table */
/*******************/
table#index	  { border-collapse: collapse; background: #9cf; color: black; margin: 2px 0 2px 0; width: 100%}
table#index tr 	  { background: #9cf; border-bottom: 1px solid #4e81b4; border-top: 1px solid #4e81b4 }
table#index th 	  { background: #4e81b4; border-bottom: 1px solid white; color: white; font-size: 12pt }
table#index th:first-child 
		  { width: 4% }
table#index th:first-child+th+th+th+th 
		  { width: 12% } /*date*/
table#index      a{ color: #369 }

/******************/
/* a dialog box   */
/******************/
div#dialog	  { border-style: outset; background-color: #ddd }
div#dialog > div  { width: 100% }		  
div#dialog > div:first-child
	          { background-color: #369; color: white; font-size: 16pt }
div#dialog > div:first-child + div
		  { margin-top: 0.5em; font-size: 14pt; text-align: center }
div#dialog > div:first-child + div + div
		  { margin-top: 1em; text-align: center }

/************************/
/* setup screen         */
/************************/
div.prefs	  { margin-bottom: 1em; width: 100% }
div.prefs > div input 
		  { width: 80% }
div.prefs > div	  { vertical-align: middle; min-height: 1em }
div.prefs > div:first-child 
		  { font-size: 12pt; background: #4e81b4; color: white; font-weight: bold;
		    margin-bottom: 1px }
div.prefs > div:first-child:after 
		  { content: ": " }
div.prefs > div:first-child+div
	          { font-size: 12pt; background: #9cf; padding: 1px }

/*******************/
/* compose table   */
/*******************/
table#headers,
table#attachments { width: 100%; font-size: 12pt; border-collapse: collapse }
table#headers td:first-child
		  { font-weight: bold; width: 20%; background-color: #4e81b4; color: white }

table#headers	  { vertical-align: text-top }
table#headers td  { margin: 0 0 0 0 }
table#headers td input {width: 80%;}


table#attachments td input { width: auto }
table#attachments td:first-child { width: 20pt; background-color: #9cf }
table#attachments td,
table#headers td:first-child + td 
	          { background-color: #9cf; font-weight: normal; padding: 1px }

td.content a:hover { background: #99ade2; border: 1px solid white }
table#index tr:hover { background: #99ade2; color: white }
