/* style-header.css */
#haut { float:left; 
width:20em;
 background-image:url("http://www.nimbustier.net/images/translucide.png");
}

#contenu h2:before {
 width:1em;
 content:"\A0\A0";
/* background-image:url("http://www.nimbustier.net/images/triangle-droite.png"); */
 background-repeat:no-repeat;
 background position:50% 50%;
}

#contenu h2 {
 background-color:#44A;
 color:white;
 max-width:50%;
 text-align:center;
} 


#contenu h2 :link, #contenu h2 :visited {
  color:white;
}

body { background-color:white; }

/* style-header2.css */

#haut {  float:right;
padding:0; border:thin dotted #226;
margin:0.4em;
width:26em;
max-width:30%;
}

#contenu {
 padding-right:0.5em;
}

#haut ul li.self { background-color:#ddf; border:thin solid black; margin-left:-0.6em;}
body, html {
 background-color:#227;
}

#haut ul li {
margin-left:1.5em;
}

#haut ul li:first-line {
 margin-left:-1.3em;
}

html {

}

html, body {
 margin-top:0;
 /* image taken from http://www.freefoto.com/preview.jsp?id=15-03-61 */
 background-image:url("http://www.nimbustier.net/images/fond-nuage.png");
 background-repeat:no-repeat;
 background-position:top right;
 background-attachment:fixed;

}

#contenu {
 max-width:70em;
 margin-left:auto;
 margin-right:auto;
}

/* style.css */

/* **********************
    La base absolue 
************************* */
#contenu h1 a {
 text-decoration:none;
}

#contenu h1 {
  font-size:2em;
}

#haut h1, #haut h2 {
 font-size:1em;
}

body {
  font-family:Verdana,Helvetica,sans-serif;
}


img {
 border:0;
}

.skip {
  font-size:0.1em; margin:0;padding:0;
  height:0.1em;
}


.skip img {
 border:0;
}

h1.nimbustier a, #haut h1 a { text-decoration:none; color:black;}
h1.nimbustier strong, #haut h1 strong {font-size:130%; color:red;}

a[accesskey]:hover:after, a[accesskey]:focus:after {
content: " [" attr(accesskey) "] ";
  }

@media print {
 #haut, #pied_gauche {
   display:none;
 }

#contenu {
 background-image:none;
}
}


/* ****************************
les gouts, mais surtout les couleurs
*******************************  */
h2  {
  color:#44A;
}

:link {
 color:#339;
}

:visited {
 color:#226;
}



/* ***********************
   Layout avance 
************************* */
.skip { display:block; }

/**** Contenu ***** */

#contenu {
 background-image:url("http://www.nimbustier.net/images/translucide.png");
 border-left:thin dotted black;
 border-right:thin dotted black;
 padding:0.3em;

}

#contenu h1 {
  font-size:2em;
  border-left:2px dashed #77D;
  border-bottom:2px solid #77D;
  background-color:#ddf;
  text-transform:uppercase;
}

#contenu h1:first-letter {
  font-size:200%;
}

/* **** Barre de navigation *** */
#haut  { padding-right:0.3em;}

#haut h1, #haut h2 { padding-left:0.2em; margin-bottom:0.1em; font-size:1em;}

#haut ul {list-style:none; padding-left:0; margin:0; border-left:thin solid black; margin-left:0.2em; padding-right:0.3em;}

div.#haut ul li { padding-left:0.6em; margin:0; padding-right:0.2em;}

#haut ul li.self a { text-decoration:none;}

#haut ul li.self:before { content: ">"; margin-left:1.4em;}

.skip {float:left;}

/* *** Misc *** */

dl.handbook dd.doc:before {
  content:url("http://www.nimbustier.net/images/doc.png");
}

dl.handbook dd.tool:before {
  content:url("http://www.nimbustier.net/images/tool.png");
}

dl.handbook dt {
  border-top:thin solid grey;
  border-bottom:thin solid grey;
}

dl.handbook {
  max-width:30em;
}