/* Last modification : 05/04/14 13:07:47 */
* { margin: 0; padding: 0; border: 0;}

body {
    background-image: url("http://www.inrialpes.fr/vasy/share/fond.gif");
    font-family : Helvetica,Lucida,Arial,sans-serif;
    margin : auto 60pt; 
    text-align: justify;
}

/* link color */
a {
    color : #0050a0;
    text-decoration : none;
    background : transparent;
}

/* active link */
a:active {
    color : #0000cc;
    background : transparent;
}

/* hover anywhere */
a:hover {
    color : #0088cc;
    background : transparent;
}

/* Titre (Entete)
-------------------------------------------------------- */
.entete {
}

h1 {
    font-size: 150%;
    text-align: left;
}

#top
{
    margin-top: 10px;
    font-weight: bold;
    border: 1px solid #000000;
    background-color: #ddddee;
}

#top a {
    color: #ddddee;
    background-color: #4466bb;
    float: left;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid #000000;
}

#top a:hover {
    color: #0088cc
}

#top span {
    letter-spacing: 10px;
    padding-left: 10px;
}

/* Navigation - The Drop-down Menu (Entete)
-------------------------------------------------------- */
#nav {
    width: 100%;
    margin: 0 auto 20px;
    font-size: 95%;
    text-align: left;
}
#menuDeroulant
{
    list-style-type: none;
    position: relative;
    z-index: 20;
    margin: 0;
}
#menuDeroulant li { float: left; width: 146px; }
#menuDeroulant a:link, #menuDeroulant a:visited
{
    display: block;
    padding: 2px 6px;
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #000;
    text-decoration: none;
    background : #ccccff;
    color : #332244;
}
#menuDeroulant a.highlight {color : #ddddee; background-color: #4466bb;}
#menuDeroulant a:hover { color: #ddddee; background-color: #4466bb; }
#menuDeroulant .sousMenu { position: absolute; display: none; list-style-type: none; }
#menuDeroulant .sousMenu li
{
    float: none;
    width: 145px;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: transparent;
}
#menuDeroulant .sousMenu a:link, #menuDeroulant .sousMenu a:visited
{
    display: block;
    color: #332244;
    background: transparent url("fondTR.png") repeat;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: transparent;
    text-decoration: none;
}
#menuDeroulant .sousMenu a:hover
{
    background-image: none;
    color: #ddddee;
    background-color: #4466bb;
}
#menuDeroulant li:hover > .sousMenu { display: block; }

/* Contenu
-------------------------------------------------------- */
.contenu {
    clear:both;
}

.demi-cellule {
    float: left;
    width: 47%;
    margin: 1%;
    border: 1px solid #000000;
}

.cellule {
    float: left;
    width: 98%;
    margin: 1%;
    border: 1px solid #000000;
}

h2 {
    font-size: 100%;
    font-weight: normal;
    width: 100%;
    border-bottom: 1px solid #000000;
    background-color: #ddddee;
}

.celluletitleleft
{
    color: #ddddee;
    padding-left: 2px;
    padding-right: 2px;
    background-color: #4466bb;
    width: auto;
    margin: 0;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #4466bb;
}

.celluletitleleft a
{
    border-right: 0;
    border-bottom: 0;
}

.celluletitleright
{
    padding-left: 2px;
}

.centre
{
    margin: 10px;
}

.content {
    margin-top: 10px;
    margin-bottom: 10px;
}

dt {
   font-weight: bold;
   width: 20%;
   float: left;
   color: #000000;
}

dt.ref {
   font-weight: normal;
   text-align: left;
}

dd {
   margin-left: 25%;
   color: #000000;
}

.news {
    font-size: small;
    margin-bottom: 10px;
}

h3 {
    color : #000000;
    font-size : medium;
}

.date {
    font-size: small;
    color: #808080;
}

hr {
  clear: both;
}

dl.flag
{
    text-align: center;
    float: left;
    margin-right: 1em;
}

.centrer{
    text-align: center;
}

.bib {
    border: 1px solid #000000;
    margin: 10px;
}

h4 {
    border-bottom: 1px solid #000000;
    background-color: #ddddee;
    font-size: 100%;
    font-weight: normal;
    width: 100%;
}

.bibtitleleft {
    color : #000000;
    font-size: large;
    padding-left: 2px;
    margin: 0;
}

.bibtitleright {
    color: #808080;
    text-align: right;
    padding-right: 2px;
    margin: 0;
}

.bibcontent {
    color : #808080;
    margin: 10px;
}

.pcontent {
    color: #000000;
    font-style: italic;
    margin-top: 10px;
    margin-bottom: 10px;
}

.bibtexcontent {
    margin-top: 10px;
    margin-bottom: 10px;
}

.bibtexcontent dd
{
    font-family: monospace;
}

/* Pied de page
-------------------------------------------------------- */
.pied {
    clear:both;
}

.xhtml {
    width: 20%;
    float: left;
    border: 0;
    color: #ffffff;
}

.xhtml-image {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    border: 0;
}

.mail {
    width: 60%;
    text-align: center;
    float: left;
    border: 0;
    margin-top: 10px;
    color : #000000;
    font-weight : bold;
    background : transparent;
    font-size : 80%;
}

.css {
    width: 20%;
    float: left;
    border: 0;
    color: #ffffff;
}

.css-image {
    float: right;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    border: 0;
}

/* Impression
-------------------------------------------------------- */

@media print {

/* suppression de l'image de fond */
html, body {
   background-image: none;
   background : #ffffff;
   margin: 0;
   padding: 0;
}

/* 
 * on positionne le contenu de la page de mani?re statique et non plus
 * absolue ou float, ce qui empechait d'imprimer plus d'une page
 */
.demi-cellule {
   clear: both;
   float: none;
   width: 98%;
}

.cellule {
   clear: both;
   float: none;
}

}