.trebuch{font-family:'Gill Sans','lucida grande','trebuchet ms',helvetica,arial,sans-serif; font-size:28px;font-weight:normal; color:green;}

.cake{font-size: 13pt; COLOR:blue; font-family:courier new; background:#FFE4E1}
.biscuit{ COLOR:blue; font-family:tahoma,arial; font-weight: bold; background:#AFEEEE; width:460px; align:justify;}
.karshan{font-size: 13pt; COLOR:blue; font-family:courier new; background:#FFEFD5}
.gatu{ COLOR:blue; font-family:tahoma,arial; font-weight: bold; background:#E6E6FA; width:460px; align:justify;}
.aghrum{ COLOR:blue; font-family:tahoma,arial; font-weight: bold; background:#FCF4F4; width:460px; align:justify;}
div#normal  { padding: 1.5em;}

 #content {
        float: left;
        background-color: white;
        border: 3px solid #aaa;
        border-top: none;
        padding: 25px;
        width: 200px;
      }
            #page {
        background-color: #f0f0f0;
        width: 200px;
        margin: 0;
        margin-left: auto;
        margin-right: auto;
      }
      
      #chimie h3 {
        margin: 0;
        margin-bottom: 10px;
        font-size: 14px;
      }
      
      #chimie-content {
        background-color: #ffd;
        border: 1px solid #fc0;
        margin-left: -11px;
      }
      #chimie-content div {
	  width:200px;
        margin-top: 1px;
        margin-bottom: 10px;
        font-size: 11px;
        border-collapse: collapse;
      }
      #chimie-content td {
        padding: 10px;
        padding-top: 3px;
        padding-bottom: 3px;
      }
      #chimie-content td.name  {color: #555}
      #chimie-content td.value {color: #000}
      
      #chimie-content.failure {
        background-color: #fcc;
        border: 1px solid #f00;
      }
      #chimie-content.failure p {
        margin: 0;
        padding: 10px;
      }
      
      
.nothing {
width =730px
}

body
{
font-size: 75%;
color:blue;
background-color:#F0F8FF;
margin-top:0px;
font-weight:bold;
font-family:bookman old style;
}

p {margin:13.0px;
}

i {color:red}

em {color:green}

.box{
font-family:tahoma,arial;
font-size:11px;
font-weight:normal;
text-decoration:none;
border:1px solid #CAD3DA;
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:10px;
background-color:#ffffff;
}

.blackhead{
font-family:arial;
font-size:11px;
font-weight:bold;
text-decoration:none;
}

.more{
font-family:tahoma,arial;
font-size:10px;
font-weight:bold;
text-decoration:underline;
}


table.main{
width:860px;
}



table.middle
{
color:#000000;
background-color:#FFFFFF;
border:1px solid #aaa;
width:100%;
}


table.pmp{
border:1px solid #aaa;
width:100%;
background-color:#f1f1f1;
border-collapse:collapse;
}


td.pmp{
text-align:center;
border:1px solid #aaa;
border-top:0px;
background-color:#eee;
}


td{
text-align:left;
}


table.src{
border:1px solid #aaa;
width:100%;
background-color:#f1f1f1;
border-collapse:collapse;
padding-left:5px;
}


table.ex{
border:1px solid #aaa;
width:100%;
background-color:#f1f1f1;
border-collapse:collapse;
padding-left:5px;
}

ul.menu{
	line-height: 1.3em;
	list-style-type: square;
	margin: .3em 0 0 1.5em;
	padding: 0;

}

div.left{
	font-size: 95%;
	border-collapse: collapse;
	border: 1px solid #aaa;
	padding: 0 .8em .3em .5em;
	width:16.5em;
}


body, p, h1, h2, h3, table, td, th, ul, ol, textarea, input
{
font-family: verdana,helvetica,arial,sans-serif;
}

table, input, textarea
{
font-size: 100%;
}

td.top
{
height:1.9em;
border:1px solid #aaa; 
border-bottom:0px;
}

div {width:100%;}

h1 {color:#FF6600; font-family: Verdana; font-size:17pt; font-weight: bold;}
h2 {font-size:120%;margin-top:10px;margin-bottom:10px;}
h3 {font-size:110%;}
h4 {font-size:100%;}
h5 {font-size:90%;}
h6 {font-size:80%;}

h2.home
{
margin-top:0px;
margin-bottom:5px;
font-size:120%;
padding-top:1px;
padding-bottom:1px;
padding-left:1px;
color:black;
background-color:#ffffff;
}

p.alignment{
text-align:justify;
}

h2.right
{
text-align:center;
font-size:100%;
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:2px;
padding-left:0px;
color:#ffffff;
background-color:#808080;
}

table.right
{
color:#000000;
background-color:#ffffff;
border:1px solid #aaa;
padding:5px;
width:175px;
}

th.right
{
color:#ffffff;
background-color:#000000;
padding-bottom:2px;
}

th.right a
{
color:#ffffff;
background-color:#000000;
padding-bottom:2px;
text-decoration:none;
}

th.exercise
{
font-size:150%;
background-color:#808080;
padding-bottom:2px;
}

td.line
{
font-size:100%;
background-color:#f1f1f1;
padding-bottom:0px;
}

th.left
{
text-align:center;
}

span.codeKeyword
{
color:blue;
}

td.right
{
color:#000000;
text-align:center;
padding-top:3px;
padding-bottom:6px;
}

td.main
{
color:#000000;
text-align:left;
padding-top:3px;
padding-bottom:6px;

font-family:tahoma,arial;
font-size:11px;
font-weight:normal;
text-decoration:none;
}

td.left
{
color:#000000;
padding-top:3px;
padding-bottom:6px;
}

pre
{
font-family:"Courier New",monospace;
font-size:120%;
margin-left: 9px;
margin-right: 9px;
margin-bottom: 0;
}

img.float
{
float:left;
}

img
{
border:0;
margin:13.0px;
}

h4, h2, h3
{
background-color:transparent;
color:#000000; 
}

h1.att, h2.att, h3.att, hr.att
{
background-color:transparent;
color:#000000; 
}

hr
{
background-color:transparent;
color:#000000;
height:1px;
}

a.nounderline{text-decoration:none}

a:link    {color:#900B09; background-color:transparent}
a:visited {color:#900B09; background-color:transparent}
a:active  {color:#FF0000; background-color:transparent}
a:hover   {color:#FF0000; background-color:transparent}