/* Feuille de style pour www.revue-alibis.com */
/* 2001-2004, Christian Sauve, www.christian-sauve.com */
/* Prenez ce que vous voulez!  */

/* Section 1 : Elements communs */
/* Cette section est pour tous les logiciels, y compris Netscape 4.x */

body, p, blockquote, td, ol, ul, li {
    color: #000;
    font-family: Georgia, 'Times New Roman', serif; 
}  /* Declarations multiples pour ne pas que Netscape 4.x oublie... */

body { margin: 0;  /* Essentiel pour le placement des tableaux de maquette */
       background: #FFF url(images/alibis-middle.jpg) repeat-y 0 0; 
	  }  /* C'est ici que va l'arriere-plan "page dechiree" */


h1, h2, h3, h4, h5, h6 { 
    color: #800; 
    font-family: 'Garamond', 'Times New Roman', serif; 
    font-weight: bold; 
}  /* Ne touchons pas a la grandeur du texte! */

p.section { background: #300; color: #FFF; text-align: center; font-weight: bold; font-family: Georgia, 'Century Schoolbook', 'Modern No. 20', 'Times New Roman', serif; margin: 15px; padding:5px; font-size:18px;}
/* Typographie inverse pour denoter le debut d'une section */

ol, ul { margin-top:0px; }

a { font-family: Arial, Helvetica, Univers, Sans-Serif; }
em      { font-style: italic;	}
strong 	{ font-weight: bold;}
pre     { font-family: monospace; }
a:link    	{ color: #D00; } 
a:visited 	{ color: #600; }

.tablindex td {font: normal 16px arial, helvetica, sans-serif; border: 1px #EEE solid; }
/* Pour les tables de l'index complet */

.boite {  /* Biographies, Source, Elements importants, etc. */ 
    border: 0; 
    padding: 10px; 
    text-align: center; 
    font: 18px Arial, Helvetica, sans-serif ; 
    margin: 10px 30px; 
    color: #000;
    background-color:#DDD;
}
.petit { font-size:smaller; }

img { border: 0; }
img.couverture { float:right; }
hr { border: 0; color: #D4D0C8; background-color: #D4D0C8; height: 6px;  }

.livre-recu { clear:both; padding-bottom: 10px;  }
/* "boite individuelle" invisible pour chaque livre recu */

#principal { border: 0; margin:0; padding:0; }

#body-accueil {background: #FFF url(images/alibis-middle-accueil.jpg) repeat-y 0 0;}

/* Haut de page: fond noir pour logo, barrenav, dechirure horizontale */

#finpage {  /* Bas de page: Retour-accueil, date de mise a jour, avis importants */
background: transparent;
color: #000;
font-family: Arial, Helvetica, sans-serif; 
text-align: right; 
padding: 20px;
border-top: 1px #000 solid;
}


ul.liste-balle { /* Modifications aux listes dans la barre de navigation verticale */
list-style-position: outside;
list-style-image:  url("images/balle.gif");  /* Bang! */
font-size: 14px; }

ul.liste-balle ul { margin-left:20px; padding-left:0; list-style-position: outside;
list-style-image:  url("images/balle.gif");  /* Re-Bang! */
}

#columnnav       {margin:0; padding:0;    width: 200px; vertical-align:top; } /* Aire pour la barre de navigation verticale */
#contenu         {margin:0; padding:10px; width: 560px; vertical-align:top; } /* Aire pour le contenu de chaque page */
#contenu-accueil {margin:0; padding:0;    width: 400px; vertical-align:top; }
#colonneavendre  {margin:0; padding:0;    width: 200px; vertical-align:top; }


/* Section 2: Pour l'ecran seulement */
/* Cette section "protege" Netscape 4.x des instructions trop avancees */

@media screen { 

hr { width:100%; }

img.couverture { margin:5px;  border: 1px #000 solid; } /* N4x digere mal ces instruction */

#toppage { background: #000 url(images/alibis-top.jpg); height:150px; width: 100%; }
/* Haut de page: fond noir pour logo, barrenav, dechirure horizontale */
#toppage-accueil { background: #000 url(images/alibis-top-accueil.jpg); height:150px; width: 100%; }
#contenu-accueil p, #contenu-accueil li { padding: 0 10px; }  

/* Cette section definit la barre de navigation horizontale, telle qu'inspiree par 
   http://www.simplebits.com/tips/minitabs.html */
#naviliste { margin: 0; padding: 0 0 20px 10px; border-bottom: 1px solid #800;  }
#naviliste ul, #naviliste li { margin: 0; padding: 0; display: inline; list-style-type: none; }
#naviliste a:link, #naviliste a:visited {  float: left; line-height: 14px; font-weight: bold; margin: 0 10px 4px 10px; text-decoration: none; color: #999; }
#naviliste a:link#current, #naviliste a:visited#current, #naviliste a:hover { border-bottom: 4px solid #800; padding-bottom: 2px; background: transparent; color: #800; }
#naviliste a:hover { color: #D00; }

} /*  Fin section ecran-seulement */

/* Section 3 : Pour l'impression */
/* Definition des parametre d'impression */

@media print {

#toppage {display: none;} /* N'imprimons pas le haut de page */
#finpage {display: none;} /* Ni la fin */
#columnnav {display: none;} /* Ni la barre de navigation! */
#colonneavendre {display: none;} /* Ni la liste des prochaines revues */
.boite { border: 1pt #000 solid; }
  
  body:before  {
  content: 'Ce fichier est disponible au www.revue-alibis.com'; 
  display: block;
  border: 1px solid black;
  text-align: center;
  }  /* Imprimons plutot un rappel de provenance */

img.couverture { margin:10pt;  border: 1px #000 solid; } /* N4x digere mal ces instruction */
  body { background: white; }
#contenu { margin-left: 15%; margin-right: 10%; color: black; width:100%;}
  p {
  font: 12pt 'Times New Roman', Times, serif;
  text-align: justify; 
  line-height: 115%;
  }  /* La typographie s'apparente a celle d'un livre */

  body:after  {
  content: 'Ce fichier est disponible au www.revue-alibis.com'; 
  display: block;
  border: 1px solid black;
  text-align: center;
  }  /* Un autre rappel de provenance pour conclure */

  a:after{content:' [' attr(href) ']'; } /* Imprime l'URL sur papier */


}  /* Fin, section pour impression */

/* Merci d'avoir tout lu.  Envoyez moi vos commentaires. */