html, body {margin:0; padding:0}
body {background-color:#FFF2C2; background-image:url(outch50.gif);
  font-family:verdana, sans-serif; color:black; font-size:100%; margin:20px 20px 0px 80px;}
h1 {color:royalblue; font-size:250%; padding-left: 10px;} /* Grands titres */
h2 {color:royalblue; font-size:150%;} /* Petits titres */
h3 {color:royalblue; font-size:120%;} /* Manipulations */
p {text-align:justify;}
sup {font-size:70%;}
sub{font-size:70%;}
span {font-size:80%; font-style:italic;}
span.titre {color:royalblue; font-size:130%; font-weight:bold;}

/* popup */
a.popup {position:relative;}
a.popup:hover {background: none; z-index: 1;}
a.popup span {display: none;}
a.popup:hover span {display: block; position: fixed; top: 10px; left: 10px; background: white; padding: 20px; border: 1px solid #000000;}


/* liens */
a:link, a:visited , a:hover , a:active, a:focus {color:royalblue; text-decoration:underline;}

/* images */
img.right {float:right; margin-left:20px; margin-bottom:20px;}
img.left {float:left; margin-right:20px; margin-bottom:20px;}

/* tableaux */
table {border:0px; border-collapse:collapse;}
td {text-align:left; padding:5px; border-color:black;}
th {text-align:left; padding:5px;}

/* <style type="text/css"><!--  td {text-align:center;}  --></style>