a:link
{	
  color: blue;
}

a:visited
{
  color: purple;
}

div.devinettes a:visited
{
  color: blue;
}

a:active
{
  color: yellow;
}

a:hover
{
  color: red;
  background: #ffffee;
}

dt
{  
  font-weight: bold;
  padding-top: 12px;
}

h1
{ 
  text-align: center;
}

h2.color, h3.color
{
    background: #eeeeff;
    padding: 4px;
    border: 1px black solid;
    margin-top: 40px;
}

body 
{  
  background: #bcc7db;
  background-repeat: repeat;
  color: #000000;  
  padding: 5px;
  margin: 0px;
}  

div.site-title 
{  
  font-size: 200%;
  font-family: serif;
  text-align: center;
  margin-bottom: 12px;
}

div.header 
{
  background: #bce5e2 url(images/fond-rainbow.png);
  background-repeat: repeat;
  padding: 5px;
}

div.menu-links { 
  background: #bdf2ff;
  padding: 3px;
  margin: 2px;
  border: 1px #afe0ea solid;
  font-size: 80%;
  -moz-border-radius: 5px;
}

div.sommaire-links { 
  background: #bdf2ff;
  padding: 3px;
  margin: 2px;
  border: 1px #afe0ea solid;
  line-height: 120%;
  -moz-border-radius: 10px;
}

span.menu-ici { 
  font-weight: bold;
}

span.menu-desc { 
  font-weight: bold;
  background: #afe0ea;
  padding: 1px;
  border-top: 1px solid #e8fbff;
  border-left: 1px solid #e8fbff;
  border-right: 1px solid #89afb7;
  border-bottom: 1px solid #89afb7;
  -moz-border-radius: 4px;
}

span.sommaire-desc { 
  font-weight: bold;
  background: #afe0ea;
  padding: 1px;
  border-top: 1px solid #e8fbff;
  border-left: 1px solid #e8fbff;
  border-right: 1px solid #89afb7;
  border-bottom: 1px solid #89afb7;
  -moz-border-radius: 4px;
}


div.header-degrade {
  background: #bce5e2 url(images/fond-rainbow-degrade.png);
  background-repeat: repeat;
  height: 16px;
/* Au moins IE considère que le div doit être plus haut qu'un caractère s'il */
/* est vide, d'où le rétrécissement de la taille de la fonte. Pb rencontré avec */
/* ie 6.0 */
  font-size: 10%;
}

span.separateur {  
  font-weight: bolder;
  font-size: 120%;
}

div.footer {
  padding: 5px;
  font-size: 80%;
  background: #bce5e2 url(images/fond-rainbow.png);
}

div.main {  
  background: white;  
  color: black;  
  padding: 0px;
  border: 1px black solid;
}

div.content {  
  background: white;  
  color: black;  
  padding: 15px;
  padding-left: 40px;
  text-align: left;
}

div.liste-sous-pages { 
  font-size: 120%;
  line-height: 200%;
  margin-left: 5%;
  border-left: 4px #afe0ea solid;
}

div.liste-sous-pages ul {
  list-style-type: none;
  padding-left: 10px;
}

div.infos-site {  
  padding: 5px;
  border: 1px black solid;
  margin-bottom: 3px;
}

div.infos-site-titre {  
  text-align: left;
  margin-top: 6px;
  padding: 2px;
  padding-left: 10px;
  font-size: 140%;
  background: #e8e8e8;
  border-left: 1px black solid;
  border-right: 1px black solid;
  border-top: 1px black solid;
}

pre.code { 
  color: maroon;
  padding: 5px;
  background: #eeeeee;
  overflow: auto;
}

pre.code-tronque { 
  color: maroon;
  padding: 5px;
  background: #eeeeee;
  overflow: auto;
  height: 80ex;
  /* css spécial pour MS-IE qui met une scroll mais à droite invisible car */
  /* le <pre> prend toute la largeur dont il a besoin. Autre bug de IE: on */
  /* met 90% et non 100% */
  }

pre span.comment { 
  color: green;
}

pre span.later { 
  background: #d0f8d0;
  padding-right:50px;
  padding-left:50px;
  line-height: 150%;
}

div.cite {
padding: 10px;
font-style: italic;
background: #f0fff0;
}