/* CSS for clement.stenac.org.
   Many ideas from openweb.eu.org */

body {
background:#eeeeee;
font-family:Arial,"Trebuchet MS",Verdana,Geneva,Helvetica,sans-serif;
font-size:12px;
line-height:1.5em;
}
div.body {
border-style:solid;
border-width:0.1em;
border-color:black;
margin:1em;
padding-bottom:2em;
padding-top:1em;
padding-left:1em;
padding-right:1em;
background:#ffffff;
}

div.texte {
 clear:left;
 border-style: solid;
 border-width:0.1em;
 border-color:#6699cc;
 background-color:#f5f8fc;
 margin-top:1em;
 margin-left:13em;
 margin-right:2em;
 margin-bottom:1em;
 padding:1em;
}
div.texte li {
list-style: circle;
list-color: #6699cc;
}

div.menu h2
{
   font-size:1.2em;
}

h2 {
  font-size:2em;
  color: #6699cc;
}
h2.h2cv {
  font-family: georgia,serif;
  font-size:2em;
  color: #6699cc;
  border-bottom-width: 0.1em;
  border-bottom-color:#6699cc;
  border-bottom-style: solid;
  margin-top: -1em;
  line-height:1.5em;
}

h3 {
  font-size:1.2em;
  color: #6699cc;
  border-bottom-width: 0.1em;
  border-bottom-color:#6699cc;
  border-bottom-style: solid;
}

div.titre {
font-size:2em;
margin-left:2em;
margin-top:1em;
width:18em;
background-color: #eeeeee;
border-width:0.1em;
border-color:blue;
border-style: solid;
}
div.cvheader{
  clear:left;
  font-size:0.9em;
  font-family:georgia, serif;
  text-align:right;
}
/* ... MENU ... */
div.menu {
background-color:#ffffff;
position:absolute;
margin-top:1em;
width:10em;
z-index:12;
float:left;
}

h2.menu {
color:#ff9900;
border-bottom-width:0.1em;
border-bottom-color: #ff9900;
border-bottom-style: solid;
}

ul {
margin-top:0em;
}

div.menu li {
color: #ff9900;
list-style:circle;
}
div.menu li.active {
color: #ff9900;
list-style:square;
}
div.menu li:hover {
color:#ff9900;
list-style:square;
}

div.foot {
text-align:center;
margin-top:0.5em;
margin-bottom:0.1em;
color:#dddddd;
font-size:0.9em;
}

div.foot a
{
color:#dddddd;
}

div.note {
  color:#ff9900;
}

img {
border-style:none;
vertical-align: middle;
}
a {
color:#6699cc;
text-decoration:none;
}
table.ptable{
  padding: 0.1em;
  border-collapse: separate;
  border-spacing: 1.2em;
}
span.myit  { font-style: italic;
             font-family: georgia, serif;
             font-size: 0.9em;
           }
span.mybd  {
font-weight: bold;
           }
/* ... TABLES ... */
td.dates {
  font-family: georgia, serif;
  font-size: 0.9em;
  width: 120px;
}
td.dates2 {
  font-family: georgia, serif;
  font-size: 0.9em;
}
td.caption{
  font-family: georgia, serif;
  font-size: 0.8em;
}
td.image{
  width: 28em;
  text-align: left;
}
td.icon{
  width: 10em;
  text-align: center;
  color: #ff9900;
  font-size: 0.8em;
  line-height:1.2em;
}
td.foot
{
width: 50em;
text-align: center;
}
/* ... IMAGES ... */
.pagetitle {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  color: #000080;
  font-weight: bold;
}
.thumbtitle {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #000080;
}
.imagetitle {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #000080;
}
.navigation {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #000080;
  font-weight: bold;
}