/* Feuille de style CSS2 */

html, body {
    width: 100% !important;
    margin: 0;
    padding: 0;
}

body {
    position: relative;
    margin: 0;
    padding: 0;

    font-family: Times, "Times New Roman", serif;
    font-size: 110%;

    /* background: #e7e7f7 url(./greve.jpg) repeat; */ 
    color: rgb(8%,13%,15%);
}

#container {
    position: relative;
}


#main {
    margin: 1px 20% 0 0;
    padding: .5em 0 5em 5%;
    min-height: 30em;

 /*   background: #e7e7f7 url(pics/lblue047.png) repeat; */

    border-right: 1px solid rgb(0%,26%,56%);
    border-top: 3px double rgb(50%,63%,78%);
}

#panel {
    position: absolute;
    width: 20%;
    right: 0;
    top: -2px;

    padding: 0;
    margin: 0;

    font-family: Helevetica, Arial, sans-serif;

    border-left: 1px solid rgb(0%,26%,56%);
}

#footer {
    margin: 0;
    padding: 0.5em;

    background: rgb(64%,76%,70%);

    border-top: 3px double rgb(0%,26%,56%);
}

/* title */

#title {
    margin: 0;
    padding: 0 0 0.5em;

    background: rgb(64%,76%,70%);

    border-bottom: 1px solid rgb(0%,26%,56%);
    border-left: 1em solid rgb(0%,26%,56%);
}

#title h1 {
    margin: 0;
    padding: 0 0.5em 0 0.25em;

    /* Y a-t-il une police cursive par défaut sous Windows ? ... */
    font-family: Times New Roman, serif;
    font-size: 2em;
    letter-spacing: 0.1em;

    background: rgb(64%,76%,70%);
    color: rgb(13%,50%,13%);

   /* border-bottom: 1px solid rgb(0%,26%,54%); */
}

/* main */

#main h2, #main h3, #main h4 {
    margin: 1em 0 0 0;
    padding-left: .5em;

    border-bottom: 1px solid rgb(0%,26%,54%);
}

#main h2 {
    margin: 1.5em 0;
    padding: 0.25em 0 0.125em;

    font-size: 140%;
   
    color: rgb(10%,50%,10%);
    
    border-bottom: 1px solid rgb(0%,26%,54%);
  margin-bottom: 0.8em;
}
#main h2 { margin-left: 0.0em; }
#main h4 { margin-left: 2em; }

#main p, #main ul, #main ol, #main dl { margin-right: 6%; }

/* panel */

#panel    { background:  rgb(0%,26%,56%);}
#panel h3 { color: rgb(0%,10%,0%); background: rgb(13%,50%,13%); }
#panel ul { background: rgb(80%,95%,80%); }

#panel h2 { display: none; }
#panel h3 {
    margin: 0 0 1px 0;
    padding: 0.25em 0.5em 1px 0.5em;

    font-size: 1em; line-height: 1em;

    border-top: 1px solid;
    border-bottom: 1px solid;
}
#panel ul {
    margin: 0 0 0 8px;
    padding: 0 0 1em 0.5em;
    list-style: none;
    font-size: 90%;
}
#panel ul li { padding-top: 0.25em; }
#panel ul ul { padding: 0 0 0 1.25em; margin: 0; border-left: none; font-size: 90%; }
#panel ul ul li { padding-top: 1px; text-indent: -0.5em; }
#panel ul li.actif { font-weight: bold; }
#panel ul li.actif ul { font-weight: normal; }

/* footer */

#footer p { margin: 0; }
#footer #logos { text-align: center; }
#footer #mis-a-jour {
    text-align: right;
    font-size: smaller;
    font-style: italic;
}

/* liens */
a { color: rgb(0%,20%,60%); text-decoration: none; }
a:hover { text-decoration: underline; }
#panel a { color: rgb(0%,20%,60%); }

/* Divers */

img { border:none }
a img.cpc{width:100%;}
a img.npc{width:90%;}
a img.hpc{width:80%;}
a img.spc{width:70%;}
a img.sipc{width:60%;}
a img.cipc{width:50%;}
img.spc{width:70%;}
img.sopc{width:60%;}
img.qpc{width:40%;}
img.tpc{width:30%;}

Q { quotes: "« " " »" "< " " >"; font-style: italic; }

/* Pour les listes qui apparaissent 

<script type="text/javascript">
  function unhide(divID) {
    var item = document.getElementById(divID);
    if (item) {
      item.className=(item.className=='hidden')?'unhidden':'hidden';}
  }
</script>


.hidden { display: none; }
.unhidden { display: block; }

ul.docu { margin: 0 0 0 1em;
    padding: 0 0 0 0;}  */