/***************************************************
*  Author : MORAND Louis-Guillaume
*  Date : 19/12/2006
*  Version : 1.0
*  Website: credium
***************************************************/

/******************
        General
******************/
html, body 
{
    margin: 0;
    padding: 0;
}
body 
{ 
    background: url(../images/bg.gif);
    text-align:center;
	margin-left: auto;
    margin-right: auto;
}
h3
{
    background-color:transparent;
    color:#369;
    margin:8 0 0 0;
    line-height:110%;
}
h1
{
    background-color:transparent;
    color:#369;
    margin:8 0 0 0;
    margin-bottom:20px;
    margin-top:40px;
    line-height:110%;
}
a, a:hover, a:visited
{
    color:#f60;
    background-color:transparent;
}
a:hover
{
    text-decoration:none;
}
#global                                                                                /* used to center all content */
{
     position:absolute;
     left: 50%; 
     width: 780px;
	 margin-left: -390px;
	 text-align: left;
}
.imp
{
 font-size: 120%;
 border:1px orange solid;
 background-color:#D0E3FA;
 padding:2px;
}
.imp2
{
 font-size: 120%;
 border:1px orange solid;
 background-color:yellow;
 font-weight:bold;
 padding:2px;
}

/************************
      Header & Footer
************************/
#header
{
    background:url(../images/logo.jpg) #FFF no-repeat ;
    background-position: top left;
    text-align: center;
	height: 150px;
    width: 100%;
    font-size: 200%;
    color: #09c;
}
#footer
{
    clear: both;
    text-align: center;
    width: 100%;
    margin-top:20px;
    font-style: italic ;
}


/************************
      Menu
************************/
#menu
{
   margin-left:10px;
   margin-right:10px;
   margin-top:7px;
   width:175px;
   float:left;
   padding:0;
}
#menu ul
{
    list-style: none;                       /* remove list-item marker */
    margin: 0;
    padding: 0;
}
#menu ul li
{
    margin: 0px 0px 0px 0px;
    padding: 0;
    text-align:center;
    width: 90%;
}
#menu ul li a
{
    background:#fafafa;
    border-left:#09c 4px solid;
    border-right:#09c 4px solid;
    display: block;
    text-align:left;
    margin:0 auto 4px auto;
    padding:4px 4px 4px 10px;
    text-decoration:none;                  /* remove link underline */
    color: #999;
    width:100%;
}
#menu ul li a:hover                                                  /* to give an alternate background image effect  */
{
    color: #333;
    border-left:#FEBA2C 4px solid;         
    border-right:#FEBA2C 4px solid;
    background:#f1f1f1;
}




/************************
      Content
************************/
#content
{
  text-align: center;
  position:relative;
  margin-left: 200px;
  margin-top:7px;
}
.box
{
  padding:0;
  border: 1px #99CCFF solid;
  margin: 50px;
  margin-top: 0px;
}
.box .title
{
  padding:0;
  border: 1px #FFF solid;
  background-color: #99CCFF;
}
.boxcontent
{
  padding: 10px;
  border: 1px #FFF solid;
  border-top:none;
  background-color: #D0E3FA;
  text-align:center;
}

/* TABLEAUX */
.boxcontent table
{
  width: 90%;
}
th
{
    font-family: monospace;
    border: thin solid #6495ed;
    padding: 5px;
    background-color: #99CCFF;
}
th.empty
{
background-color:transparent;
}
tr.row1 td,td.col1
{
font-family: monospace;
border: thin solid #6495ed;
padding: 5px;
background-color: #FFF;
}
tr.row2 td,td.col2
{
font-family: monospace;
border: thin solid #6495ed;
padding: 5px;
background-color: #D0E3FA;
}
td.pour
{
  font-size: 12pt%;
  background-color:yellow;
  font-weight:bold;
}
td.pour span, th span
{
  background-color:yellow;
  width:100%;
}
th span
{
  font-size:130%;
}
tr td.info
{
  background-color: #FFFFCC;
  color:gray;
  vertical-align:top;
  width:150px;
  height:100px;
}

/* BLOCS Content*/
.abstract
{
    background-color:#fff;
    border:1px dotted #69c;
    margin:20px;
    padding:10px 10px 10px 10px;
    text-align:left;
}
.warning
{
  color:#f60;
  font-style: italic ;
}
.miniform
{
  border: 1px #369 solid;
  background-color:#D0E3FA;
  margin-bottom:20px;
}