/* style.css - David Champelovier - version 1.12 - 04/12/14 11:16:20 */

/* Feuille de style du site CADP */

/********************* PROPRIETES GENERALES DE LA PAGE ***********************/

html, body {
   margin: 0;
   background-color: white;
   background-image: url('http://www.inrialpes.fr/vasy/share/cadp-motif.gif');
   background-repeat: repeat-y;
   min-width: 760px;
   background-color: #fff;
   color: #000;
}

a[href] {
   color: blue;
}	

a[href]:visited {
   color: purple;
}	

/***************************** TITRE DE LA PAGE ******************************/

#titre {
   z-index: 2;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 70px;
   margin: 0;
   border: none; /* pour Netscape 4, afin de colorier tout le background */
   border-bottom: 1px solid blue;
   padding: 0px;
   background-color: #63b8ff;
   color: #FFFF33;
}
/*
 * On utilise des classes h1 et h2 plutôt que des blocs H1 et H2 à cause de
 * Netscape 4 qui ne sait pas appliquer des margin-top et margin-bottom
 * aux éléments qui ont une marge non-nulle par défaut (Hn, BLOCKQUOTE, P)
 */
#titre .h1 {
   margin-top: 5px;
   margin-left: 170px;
   padding: 0;
   font-family: Helvetica, Arial, sans-serif;
   font-size: 24px;
   font-weight: bold;
   text-align: left;
   background-color: #63b8ff;
   color: #FFFF33;
}
#titre .h1only {
   margin-top: 20px;
   margin-left: 170px;
   padding: 0;
   font-family: Helvetica, Arial, sans-serif;
   font-size: 24px;
   font-weight: bold;
   text-align: left;
   background-color: #63b8ff;
   color: #FFFF33;
}
#titre .h2 {
   margin-top: 10px;
   margin-left: 170px;
   padding: 0;
   font-family: Helvetica, Arial, sans-serif;
   font-size: 16px;
   font-weight: bold;
   font-style: italic;
   text-align: left;
   background-color: #63b8ff;
   color: #FFFF33;
}

/****************************** MENU DE GAUCHE *******************************/

#menu {
   z-index: 3;
   position: absolute;
   top: 0px;
   left: 0px;
   border-right: 1px solid blue;
   border-bottom: 1px solid blue;
   padding-bottom: 0px;
   width: 160px;
   text-align: center;
   background-color: #FFFF33;
}

/* tableau */
#menu table {
   border-spacing: 0;
   width: 100%;
}
#menu th {
   padding-left: 5px;
   background-color: #63b8ff;
   color: #FFFF33;
   border-top-width: 1px;
   border-top-style: solid;
   border-top-color: blue;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: blue;
   text-align: left;
   font-size: 16px;
   font-family: Arial;
   font-weight: bold;
}
#menu td {
   padding-left: 15px;
   padding-top: 0;
   /*
    * Netscape 4.76 n'aime pas le padding-bottom ni les line-height dans les
    * cellules : il ne met pas de padding dans les cellules, mais l'accumule
    * au-dessus du tableau
    */
   padding-bottom: 8px;
   line-height: 18px;
   font-size: 14px;
   font-family: Arial;
}

/* liens */
#menu a {
   color: black;
}
#menu a:hover {
   color: red;
}

/* pour la rosace */
#menu img {
   border: 0;
}
#menu td.rosace {
   padding: 0;
   padding-top: 5px;
   padding-bottom: 5px;
   line-height: 0;
   text-align: center;
}

/**************************** CONTENU DE LA PAGE *****************************/

#contenu {
   z-index: 1;
   position: absolute;
   top: 70px;
   left: 160px;
   padding-top: 10px;
   padding-left: 5px;
   padding-right: 5px;
   background-color: white;
}

/******************* SUPPRESSION DU CADRE POUR IMPRESSION ********************/

@media print {

/* suppression de l'image de fond */
html, body {
   background-image: none;
}

/* le titre perd sa bordure, sa couleur, et sa police particulière */
#titre {
   position: static;
   border-bottom: 0;
   background-color: white;
   color: black;
}

#titre .h1,
#titre .h1only,
#titre .h2 {
   background-color: white;
   margin-left: 0;
   color: black;
   font-family: "Times New Roman";
}

/* le menu disparait */
#menu  { display: none }

/* 
 * on positionne le contenu de la page de manière statique et non plus
 * absolue, ce qui empechait d'imprimer plus d'une page
 */
#contenu {
   position: static;
   padding-top: 0px;
   padding-left: 0px;
}

}