BODY {
  width:80%;
  padding: 0% 9% 0% 10%;
  background: #FFFFFF;
  color: black;
  font-size : 12pt;
  font-family: sans-serif;
}

H1, H2, H3, H4, H5, H6, P, UL, OL, DIR, MENU, DIV, 
DT, DD, BLOCKQUOTE, PRE, BR, HR, FORM, DL { 
  display: block }

B, STRONG, I, EM, CITE, VAR, TT, CODE, KBD, SAMP,
IMG, SPAN { display: inline }

H2, H3, H4 { margin-top: 1em; margin-bottom: 1em }
H5, H6 { margin-top: 1em }
H3, H4, H6 { font-weight: bold }
H5 { font-style: italic }

UL {
    list-style-image: url('triangle.png');
    width:92%
}


P.Comments {
  color : Black;
  text-align: left;
  font-size: xx-small;
  font-family: normal;
  margin: 0px;
}

.important { color : Red; }

P.important {
  color : Red;
  text-align: center;
  font-family: normal;
  margin-top: 5mm;
  margin-bottom: 5mm;
  margin-left: 10%;
  margin-right: 10%;
  border-width:1px;
  border-color: Red;
  border-style: solid;
}

H1 { 
  color: black; 
  background: #E0E0FF;
  font-weight: normal;
  text-align: center;
  margin-top: 1em; 
  margin-bottom: 1em;
  border-radius: 10px;
  box-shadow: 10px 10px 10px #BBB;
  padding: 8px;
  font-family: Verdana, Impact;
  font-variant: small-caps;
  font-size: 220%; 
}

B, STRONG { font-weight: bolder }  /* relative to the parent */
I, CITE, EM, VAR { font-style: italic }
BLOCKQUOTE { font-style: normal }
PRE, TT, CODE, KBD, SAMP { font-family: monospace }

PRE { white-space: pre }

BLOCKQUOTE { margin-left: 3em; margin-right: 3em }

DIR { list-style: disc }
OL { list-style: decimal }
MENU { margin: 0px }

DT { margin-bottom: 0px; float:left; clear:left; }
DD { margin-top: 0px; margin-left: 3em }

HR { 
  color: #E0E0FF;
  height: 2px; 
}       

P { text-align: justify }
P.center { text-align: center }
BLOCKQUOTE { text-align: justify }
LI.TITLE { margin-bottom: 12pt}

A:VISITED { 
  color: Gray;
  text-decoration: none;	
}

A { 
  color: Gray;
  text-decoration: none;	
}

A:HOVER { 
  background: Yellow;
  color: #AAAAFF;
}


TABLE {margin-left: 10%; width: 80%; }

TD { 
  background: White;
  border-style: solid; 
  border-width:1px; 
  border-color: gray;
}

TD.projet 
{ 
  background: #F5F5F5; 
  color: Black; 
  text-align: center; 
  font-variant: small-caps;
  border-style: solid; 
  border-width:1px; 
  border-color: gray
}

TD.invisible { 
  background: White;
  border-width:0px; 
  text-align: left;
}

TH {
  background: #EEEEEE; 
  color: Black; 
  text-align: center; 
  font-weight: bolder;
  border-style: solid; 
  border-width:1px; 
  border-color: gray
}
  
H2 { 
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
  font-size: 130%; 
  border-style: solid; 
  border-width:0px; 
  border-bottom-width:2px; 
  border-color:#DEDEFF;
  font-variant: small-caps;
}

H3 { 
  font-size: 110%; 
  font-style: italic;
  border-style: solid; 
  border-width:0px; 
  border-bottom-width:2px; 
  border-color:#DEDEFF
}

H3 { 
  font-size: medium; 
  border-style: solid; 
  border-width:0px; 
  border-bottom-width:1px; 
  border-color:#DEDEFF
}


IMG {  
  border-width: 0px;
  border-style: none;
}

TABLE.MENTION {
  border-width: 0px;
  width: 100%; 
  color : Black;
  text-align: left;
  font-size: xx-small;
  font-family: normal;
  margin: 0px;
  margin-top: 0.5cm;
  background: #E0E0FF;
}

TABLE.menu { 
  border: hidden;
  width: 90%; 
  color : Black;
  margin-left: 5%; 
  margin-right: 5%; 
  text-align: center;
}

TD.LEFT { 
  border-width:0px; 
  background: #E0E0FF;
}

TD.RIGHT { 
  border-width:0px; 
  text-align: right;
  background: #E0E0FF;
}

TABLE.biblio {
  margin-left: 3%; 
  width: 90%;
  border: hidden;
}

TD.biblio{ 
  border: hidden; 
}

#rouge { color: Red }

#sidebar {
    float:right;
    width:30%;
    padding:1%;
}

#main {
    float:left;
    width:67%;
    padding:0%;
}

#whole {
    clear: both;
    width:100%;
    padding:0%;
}

div.figure {
    width: 90%;
    padding: 5% 5% 5% 5%;
}