/* Fichier CSS pour www.revue-solaris.com */ 
/* 2006, Christian Sauve */ 
/* Prenez ce que vous voulez! */ 

/* Maquette inspiree de http://www.shadow-fox.net/tutorial/3-Column-All-CSS-Layout-With-Fluid-Center-and-Two-Columns */ 
/* Navigation du haut inspiree de Dan Cederholm au http://css.maxdesign.com.au/listamatic/horizontal06.htm */ 
/* Navigation de cote inspiree de Eric Meyer au http://css.maxdesign.com.au/listamatic/vertical09.htm */ 

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

body {  color: #000; background-color: #FFF; font-family: Arial, Helvetica, sans-serif; } 
h1, h2, h3, h4, h5, h6 { color: #006; font-family: 'Century Schoolbook', 'Modern No. 20', 'Times New Roman', serif;  font-weight: bold; } 
p  {  font-family: Arial, Helvetica, sans-serif;  font-size: medium; line-height:130%; /* letter-spacing:.05em; */ } 
ol, ul, li {  font-family: Arial, Helvetica, sans-serif;  } 
a:link { color:#009; } a:hover { text-decoration:none; } 
a:visited { color: #003; } 
em, i { font-style: italic; } 
strong, b { font-weight: bold; } 
pre { font-family: monospace; } 
hr { border: 0; color: #CCD; background-color: #CCD; height: 4px;  } 
img { border:0;} 

/* Deuxieme section: Ajout de styles speciaux a des elements existants */ 
img.couverture { float:right; margin:5px; border: 1px solid #AAA; } 
img.illo   { float:right; margin:5px; border: 0; } 
.small-text {  font-family: Arial, Helvetica, sans-serif;  font-size: 8pt; margin-bottom: 0; } 
.bio {  border: 1px solid #999;  padding: 20px;  margin: 30px;  font: 16px Verdana, Helvetica, Arial, sans-serif;  color:#000;  background-color:#CCC; } 
.boite {  display:inherit; border: 1px solid #999;  background-color:#CCC; padding:10px; margin:10px; text-align:center;} 
td.actualite { color: #FFF; background:#000080; } 
td.actualite2 { color: #000; background:#c0c0c0; } 
h3.actualite { color: #EEE; margin-bottom: 0px; } 
p.actualite { text-align:right; }  
img.couverture { border: 1px; margin:5px; padding:5px; } 
table.tablindex td { font: normal 16px arial, helvetica, sans-serif;  border: 1px #EEE solid;  } 
th { color:#000; background: #c0c0c0; } 
/* Pour les tables de l'index complet */ 
.premierepage { float:right; width:270px; text-align:center; margin-left:10px;}
.premierepage img { float:none; }
.premierepage p { font-size:12px;} 
.petitbleu { background:#CFF; } 
.livre-recu { display:block; clear:right; padding-bottom: 10px;  }
/* "boite individuelle" invisible pour chaque livre recu */

/* Section trois: Définition de la maquette */ 
/* Cette section "protege" Netscape 4.x des instructions trop avancees */

@media screen { 

body { margin:0; background-image:url(images/arriereplan.jpg); background-repeat:repeat;  background-attachment:fixed; }
/* Sous-section trois-point-un: L'ur-maquette a trois/deux colonnes */  
#megacontainer {  width:760px; /* Minimum 800x600 moins 40px de "chrome" */ 
margin: 0 auto; background-color:#FFF; border:solid 2px #666; } 
#header {  background-color:#FFF; text-align:center;  } 
#left  { width:150px; padding:5px; float:left; } 
#right { width:170px; padding:5px; float:right; } 
#left h3 {  font: bold 14px 'Century Schoolbook', 'Times New Roman', Times, serif;  text-align: center; padding: 5px 0; margin: 10px 0 0 0 ;  color: #006; background-image:url(images/degrade-gris-v.jpg); }  
#right h3 {  text-align:center;  color: #006; background-image:url(images/degrade-gris-v.jpg);  margin: 10px 0 0 0 ; padding:5px 0; font: bold 14px 'Century Schoolbook', 'Times New Roman', Times, serif;  } 
#right p {  text-align:center;   background: #AAA; margin-top:0; padding:5px; } 
#top-contenu { margin-right:180px; margin-left:160px; padding: 0 15px; } 
#sub-contenu { margin-right:0px; margin-left:160px; padding: 0 15px; } 
/* Top-page d'accueil a trois colonnes, autres sub-pages a deux colonnes */ 
#footer {  clear:both; background-image:url(images/degrade-gris-v.jpg); padding:5px 0; border-top: 2px solid #CCC; text-align:center; } 
.searchform {  margin: 0; padding: 5px 0; background-image:url(images/degrade-bleu-h.jpg);  text-align:center; font: 14px Verdana, Helvetica, Arial, sans-serif; width: 100%; } 
.searchform form { margin:0; padding:0; } 
.searchform p { margin:0; padding:0; } 
.searchform input { margin:0; padding:0;  border: 1px solid #666;  vertical-align:middle; } 
h3.highlight {  background-image:url(images/degrade-gris-v.jpg);  color: #006; font-family: 'Century Schoolbook', 'Times New Roman', serif;  text-align:center; padding: 0px 0px; margin: 40px 5px 0px 5px;  } 
/* Section trois-point-deux: Navigation du haut */ 
#topnav { margin: 0; padding: 0;  text-align:center; font: 16px Verdana, sans-serif; border-bottom: 1px solid #CCC; } 
#topnav p, #topnav li { margin: 0; padding: 0; list-style-type: none; } 
#topnav a:link, #topnav a:visited { color: #225; line-height: 18px; padding: 0 10px;  margin: 0 5px 4px 5px; text-decoration: none; font: 16px Verdana, sans-serif; } 
#topnav a:hover { border-bottom: 4px solid #CCD; padding-bottom: 2px; background-image:url(images/degrade-gris-v.jpg); color: #000; } 
/* Section trois-point-trois: Navigation du cote gauche */ 
.sidenavlist {   padding: 0; margin: 0; font: 12px Verdana, Helvetica, Arial, sans-serif; width: 100%; } 
.sidenavlist li { list-style: none; text-align: left; } 
.sidenavlist li a { display: block; padding: 3px 6px; border-left: 5px solid #AAB; background-image:url(images/degrade-bleu-h.jpg);  text-decoration: none; } 
.sidenavlist li a:link  { color: #226; } 
.sidenavlist li a:visited { color: #002; } 
.sidenavlist li a:hover { color: #115; background: #EEF;  border-color: #77D; } 

} /*  Fin section ecran-seulement */

/* Et c'est tout! */