body {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px; 
  font-weight: normal; 
  margin: 0.6em;
  background: #4c6ab4 url(images/degrade-nb.jpg) fixed;
  text-align: center;
  color: #ffffff;
}

#global { 
 position: relative;
 margin-top: 0; 
 margin-right: auto;
 margin-left: auto; 
 margin-bottom: 0em;
 width: 100%;
 height: 100%;
 border: 0;
 text-align: left;
}

#bando-haut {
 position: relative;
 width: 100%;
 height: 100px;
 margin: 0 auto;
 background: none;
}

#logo {
 position: absolute;
 top: 0px;
 left: 0px;
}

#annonce {
 position: absolute;
 top: 6px;
 left: 56%;
 text-align: center;
}
  
#annonce table {
 color: #ffffff;
 background: #5172BE url(images/fond-encart-zone.png);
 padding: 1px;
 margin-bottom: 2px;
 border: 1px solid;
 border-color: #708dbe #2C4E84 #2C4E84 #708dbe;
 text-align: center;
}

#annonce table h1 {
 color: yellow;
 font-size: 12px;
 font-weight: bold;
}

#annonce table p {
 color: white;
 font-size: 10px;
 font-weight: bold;
 text-align: left;
 margin: 2px 0px;
}

#annonce span {
 color: #ffe900;
 font-size: 10px; 
 font-weight: bold; 
}
    
#annonce .first-line {
 color: #ff0000;
}

#frame {
position: absolute;
margin-top: 0px;
margin-left: 0px;
left: 0px;
width: 167px;
}

#main {
 margin-left: 177px;
 margin-top: 0px;
}

.noborder {
 border: 0px;
}



a,a:visited,a.lien-section,a:visited.lien-section,a.no-underscore,a:visited.no-underscore	{
 text-decoration:none; 
 color : #ffffcc;
}

a:hover,a:hover.lien-section	{
 color : #ffe900; 
 border-bottom: 1px #ffffcc dotted;
}

a:hover.no-underscore	{
 border-bottom: 0px;
}

h1 {  
font-size: 36px; 
font-weight: bolder; 
color: #99CCFF;
text-align: center;
margin:  0px 0px 0px 0px;
}

h1.sous-titre {  
text-decoration: none; 
font-size: 14px; 
font-style: italic; 
font-weight: bold; 
color: #66FFCC;
text-align: center;
margin:  0px 0px 60px 0px;
}

h2 { 
font-size: 18px; 
font-style: normal; 
font-weight: bold; 
color: #99CCFF;
text-align: left;
}

h3 { 
font-size: 12px; 
font-weight: bold; 
color: #CCFFFF;
text-align: left;
margin-left: 15px;
}

h4 { 
font-size: 12px; 
font-style: italic; 
font-weight: bold; 
color: #FFFF99;
}

p {
 margin:  10px 15px 10px 15px;
 font-size: 11px; 
 font-weight: normal; 
 color: #ffffff;
}

body p {
 margin:  10px 15px 10px 15px;
 text-align: justify; 
}

p.droite {
 font-style: italic;
 text-align: right;
}

img.border {
 border: 1px solid;
 border-color: #21385A #708dbe #708dbe #21385A;
}

body ol {
 margin:  10px 15px 10px 40px;
 padding: 0px;
 font-size: 11px; 
 font-weight: normal; 
 text-align: left;
}

div.droite {
 float: right;
 text-align: center;
 font-size: 9px;
 color: yellow;
 margin: 5px 10px 5px 5px;
}

div.gauche {
 float: left;
 text-align: center;
 font-size: 9px;
 color: yellow;
 margin: 5px 5px 5px 10px;
}

#zone-accueil {
 position: absolute;
 left: 50%;
 top: 50%;
 width: 770px;
 height: 370px;
 margin-left: -385px; /* moitié de la largeur */
 margin-top: -185px; /* moitié de la hauteur */
}

ul.encart-texte-liste {
 color: #ffffff;
 font-size: 11px;
 font-weight: normal;
 margin: 2px 5px 2px 20px;
 padding: 0;
 list-style-position: outside;
 list-style-image: url(images/point-jaune.gif);
} 

.citation-1 {
 font-family: monospace; 
 padding: 2px 3px 2px 3px; 
 border: 1px #ffff99 dotted;
 background: #5061c4;
}

.citation-2 {
 width: 90%;
 font-family: monospace; 
 padding: 5px; 
 border: 1px solid;
 border-color: #708dbe #2C4E84 #2C4E84 #708dbe;
 border-left: 5px solid #ffff99;
 background: #5061c4;
 margin: 10px auto;
 text-align: left;
}

span.exposant {
 vertical-align: super;
 background: red;
 color: yellow;
 font-size: 9px;
}

.notes-bas-de-page {
 font-size: 9px;
 color: yellow;
 text-align: left;
 margin: 20px 30px;
}

.source {
 width : 500px;
 margin: 20px auto 20px auto;
 color: #CCFFCC;
 font-size: 9px;
 border-top: 1px #708dbe dotted;
 border-bottom: 1px #708dbe dotted;
}

.source-titre {
 color: #99CCFF;
 font-size: 9px;
 font-weight: bold;
}


.sources-titre {  
font-size: 11px; 
font-weight: bold; 
color: #99CCFF;
text-align: center;
}

.sources-liste { 
font-size: 11px; 
font-weight: bold; 
color: #CCFFCC;
text-align: center;
}

.plus-zone,.encart-zone-titre,.encart-zone,.encart-bickel-titre,.encart-bickel-image,.encart-bickel-ouvrages,.frame-titre {
 background: #5172BE url(images/fond-encart-zone.png); 
 border: 1px solid;
 border-color: #708dbe #2C4E84 #2C4E84 #708dbe;
 text-align: left;
}

.encart-zone-titre {
 width: 100%;
 height: auto;
 margin-right: auto;
 margin-left: auto; 
 margin-top: 15px; 
 background: #5172BE url(images/cellpic2.gif);
}

.frame-titre {
 width: 100%;
 height: auto;
 margin-right: auto;
 margin-left: auto; 
 margin-top: 0px; 
 background: #5172BE url(images/cellpic2.gif);
}

.frame-zone-1,.frame-zone-2,.frame-zone-3,.frame-zone-4,.frame-zone-5,.frame-zone-6 {
 width: 100%;
 margin-right: auto;
 margin-left: auto; 
 border: 0px;
}

#frame-zone-a,#frame-zone-b {
 background: #5172BE url(images/fond-encart-zone.png); 
 width: 100%;
 border: 1px solid;
 border-color: #708dbe #2C4E84 #2C4E84 #708dbe;
 margin-bottom: 3px;
}

.frame-zone-1 {
 margin-top: 0px;
 border-bottom: 0px;
}

.frame-zone-2 {
 border-top: 1px #8fa4e6 dotted;
}

.frame-zone-1 a,.frame-zone-2 a {
 display: block;
 padding: 0px;
 width: 167px;
 line-height: 1.1em;
 border-bottom: 0px;
}

.frame-zone-1 a:link,.frame-zone-2 a:link, .menu a:visited {
 color: #ffff99;
 text-decoration: none;
 padding-bottom: 2px; 
 border-bottom: 0px;
}

.frame-zone-1 a:hover,.frame-zone-2 a:hover {
 background-color: #6d84cd;
 color: #ffffcc;
 padding-bottom: 2px; 
 border-bottom: 0px; 
}

.frame-zone-1 ul, .frame-zone-2 ul {
 margin: 5px 0px 0px 0px;  
 padding: 0 0 5px 0;  
 font-size: 10px; 
 font-weight: bold;
 list-style-position: outside;
 list-style-image: none;
 list-style-type: none;
 line-height: 13px;
}

.frame-zone-3 {
 margin-top: 5px;
 border-bottom: 0px; 
}

.frame-zone-4 {
 border-bottom: 0px;
 border-top: 1px #8fa4e6 dotted;
}

.frame-zone-5 {
 border-top: 1px #8fa4e6 dotted;
}

.frame-zone-6 {
 border-top: 1px #8fa4e6 dotted;
 text-align: center;
}

.frame-zone-6 a {
 color: #ccccff;
}

.frame-zone-7 {
 border: 0px;
 background: none;
 text-align: center;
}

.frame-zone-7 img {
 border: 1px solid;
 border-color: #708dbe #2C4E84 #2C4E84 #708dbe;
}

div#nedstat {
 margin-top: 3px;
 border: 0px;
}

div#nedstat img, div#nedstat a:hover {
 border: 0px;
}

.visiteurs-uniques {
 border-bottom: 0px dashed;
 font-style: italic;
 cursor: help;
}

.texte-compteur {
 color: #ccccff;
 font-size: 9px;
 margin: 3px 0px 0px 3px;  
 padding: 0 0 3px 3px;  
}

.center { 
 text-align: center;
}

.nbre-compteurs {
 color: #ffe900;
 font-size: 9px;
 font-weight: bold;
}

.nbre-compteurs-total {
 color: #ffe900;
 font-size: 12px;
 font-weight: bold;
}

.compteur-lecture {
 color: #ffffcc;
 font-size: 9px;
 text-align: right;
 margin: 10px 0px 5px 0px;
}

.derniere-modif {
 color: #ccccff;
 font-size: 9px;
 margin: 3px 0px 3px 3px;  
 padding: 0px;  
}

.centrage {
 text-align: center;
}

table.zone-fronton {
 background: #5061c4;
 background: url(images/fond-encart-zone.png); 
 width: auto;
 margin-left: auto;
 margin-right: auto; 
 padding: 3px;
 border: 1px solid;
 border-color: #708dbe #2C4E84 #2C4E84 #708dbe;
 text-align: center;
}

.texte-fronton {
 font-size: 11px; 
 color: #c6c7fc;
}

.nouveau { 
 font-size: 9px; 
 font-weight: normal; 
 background-color: #FFFF00; 
 padding: 0px 3px 0px 3px;  
 height: auto; 
 width: auto; 
 color: #FF0000;
}

.boite-epiknet {
 width: 120px;
 margin-left: auto;
 margin-right: auto; 
 margin-top: 10px;
 margin-bottom: 10px;
 text-align: center;
}

.commande-chat {
 font-family: monospace; 
 font-weight: bold;
 padding: 2px 3px 2px 3px; 
 border: 1px #8fa4e6 dotted;
 background: #606ff2;
}

ul {
 margin: 0px 0px 0px 20px;  
 padding: 0px;  
 font-size: 11px; 
 font-weight: normal;
 list-style-position: outside;
 list-style-image: url(images/point-jaune.gif);
 text-align: left;
}

p {
 margin: 0px;
 padding: 0px; 
}

ul.compteurs {
 margin: -2px 0px -7px 25px;  
 padding: 0 0 5px 0;  
 color: #ccccff;
 font-size: 9px; 
 font-weight: normal;
 list-style-position: outside;
 list-style-image: url(images/point-jaune.gif);
 list-style-type: none;
 line-height: 11px;
}

.titre-section {
 position: relative;
 font-size: 1.6em; 
 font-weight: bold;
 top: 1px;
 margin: 0px;
 padding: 0px 3px 0px 3px; 
 border: 1px solid;
 border-color: #708dbe #2C4E84 #2C4E84 #708dbe;
 background: url(images/cellpic2.gif);
 color: #ffe900;
}

ul.ouvrages-bickel {
 margin: -2px 0px -7px 30px;  
 padding: 0 0 5px 0;  
 list-style-image: url(images/point-jaune.gif);
 list-style-type: none;
}

.plus-zone {
 width: 100%;
 height: auto;
 border-top: 1px #708dbe solid;
 background: url(images/cellpic2-inv.gif) top right repeat-x;
}

.plus-texte {
 font-weight: normal;
 font-size: 9px; 
 text-align: left;
 vertical-align: middle;
 margin: 0px 0px 0px 0px; 
 padding: 2px 0px 2px 0px;  
}

.texte-intro {
 color: #ffffcc;
 font-size: 11px;
 font-weight: normal;
 line-height: 1.5em;
 margin: 1em;
 padding: 0;
 text-align: center;
} 

.encart-titre {
 color: #ffe900;
 font-size: 12px;
 font-weight: bold;
 margin: 3px 0px 3px 10px;
 padding: 0;
} 

.encart-texte,.encart-texte-liste,.evenements-liste {
 color: #ffffff;
 font-size: 11px;
 font-weight: normal;
 margin: 5px 5px 5px 5px;
 padding: 0;
} 

.encart-texte-liste {
 margin: 5px 5px 5px 20px;
}

.encart-texte-liste-retrait {
 margin: -5px 5px 5px 30px;
}

.encart-zone {
 width: 100%;
 margin-right: auto;
 margin-left: auto; 
 margin-top: 0px;
}

.encart-titre-livres-electroniques {
 width: 60%;
 height: auto;
 border-right: 1px #2C4E84 solid;
 float: left;
}

.encart-livres-electroniques {
 width: 60%;
 height: auto;
 border-right: 1px #2C4E84 solid;
 float: left;
}

.encart-titre-sites-interessants {
 float: left;
 border-left: 1px #708dbe solid; 
}

.encart-sites-interessants {
 float: left;
 border-left: 1px #708dbe solid; 
}

.spacer {
  clear: both;
}

.main {
 margin: 0px 0px 0px 0px;
 vertical-align: middle;
}

#zone-pieds-de-page {
 text-align: center;
 margin-top: 20px;
}

.menu-pied-de-page {
 padding: 5px 0px;
 border-top: 1px #8fa4e6 dotted;
 border-bottom: 1px #8fa4e6 dotted;
 font-size: 11px;
}

.credits {
 margin-top: 10px;
 font-size: 9px;
}



.encart-cadre-recherche {
 width: 350px;
 margin-top: 10px;
 margin-left: auto;
 margin-right: auto;
 background: #5061C4;
 border: 1px solid;
 border-color: #708dbe #2C4E84 #2C4E84 #708dbe;
 text-align: center;
 padding: 3px 0px 3px 0px;   
}

.encart-resultat-recherche {
 width: 100%;
 margin-right: auto;
 margin-left: auto; 
 margin-top: 10px;
 background: #5061C4;
 border: 1px #8fa4e6 dotted;
 text-align: left;
}

.accueil_guestbook {
 background: #5061C4;
 width: 450px;
 margin-left: auto;
 margin-right: auto; 
 padding-top: 10px;
 padding-bottom: 10px;
 border: 1px #8fa4e6 dotted;
 text-align: center;
}

/********************/
/* LE SAVIEZ-VOUS ? */
/********************/

div#saviez-vous p {
 color: #ffffff;
 font-size: 11px;
 font-weight: normal;
 margin: 5px 5px 5px 5px;
 padding: 0;
}

.encart-titre-saviez-vous {
 width: 80%;
 height: auto;
 border-right: 0px #b37233 solid;
 float: left;
}

.encart-titre-saviez-vous-date {
 float: right;
}

.saviez-vous-date-mise-en-ligne {
 color: #ccccff;
 font-size: 9px;
 text-align: right;
 margin: 5px 2px 0px 0px;
}

.saviez-vous-source {
 color: #ccccff;
 font-size: 9px;
 margin: 5px 0px 5px 5px;
}

img.droite {
 float: right;
 margin: 5px;
}

ul.saviez-vous-liste {
 color: #ccccff;
 font-size: 9px;
 font-weight: normal;
 margin: -5px 5px 0px 20px;
 padding: 0;
 list-style-position: outside;
 list-style-image: url(images/point-jaune.gif);
} 

.saviez-vous-phrase-intro { 
font-size: 11px; 
font-style: italic; 
font-weight: bold; 
color: #FFFF99;
margin: 2px 0px 5px 5px;
}

/************/
/* ARTICLES */
/************/

ul.article {
 margin: 0px 0px 0px 40px;  
 padding: 0px;  
 font-size: 11px; 
 font-weight: normal;
 list-style-position: outside;
 list-style-image: url(images/point-jaune.gif);
 text-align: left;
}

/**********/
/* BICKEL */
/**********/

.bickel {
 width: 502px;
 height: auto;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 10px;
}

.encart-bickel-titre {
 width: 100%;
 height: auto;

 background: url(images/cellpic2.gif);
 text-align: center;
 color: #ffe900;
 font-size: 12px;
 font-weight: bold;

}

.encart-bickel-image {
 width: 100%;
 margin-top: 1px;
 text-align: center;
}

.encart-bickel-ouvrages {
 width: 100%;
 border-top: 0px;
 text-align: left;
 margin: 0;  
 padding: 3px 0px 3px 0px;   
}

.presentation-bickel {
 width: 100%;
 background: #5061c4;
 background: url(images/fond-encart-zone.png); 
 border: 1px solid;
 border-color: #708dbe #2C4E84 #2C4E84 #708dbe;
 text-align: left;
 margin: 0;  
 padding: 3px 0px 3px 0px;   
}

.largeur-650 {
 width: 650px;
}



.bickel-du-mois  {
 margin-left: auto;
 margin-right: auto;
 margin-top: 20px;
 background: url(images/fond-encart-zone.png);  
}

.bickel-400 { width: 400px; }
.bickel-450 { width: 450px; }
.bickel-500 { width: 500px; }
.bickel-550 { width: 550px; }


/* Couleur descommentaires sur le guestbook */

table.tableau table td font {
 color: yellow !important;
}