* { margin:0px; padding:0px; }
html, body {
position:relative;
width: 100%;
height: 100%;
margin:0px;
padding:0px;
}
body {

font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#e8dbac;
font-size:12px;
line-height:18px;
}

h1 { font-size:20px; margin-bottom:30px; margin-left:-65px;text-align:center;}
h2 { font-size:16px; margin-top:40px; margin-bottom:15px;}
h2 a {position:relative; top:-5px;left:15px;}
h3 { font-size:12px; margin-top:20px; margin-bottom:10px; font-weight:bold; font-style:italic}

img {border:none;}

ul {margin-left:30px;}

li {margin-bottom:6px;}

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

#site {
  position:relative;
  width:800px;
  margin-left:auto;
  margin-right:auto;
  background-color:#f8f1da;
  background-image:url('img/bandeGauche.png');
  background-repeat:repeat-y;
  /*height:100%;*/
}

#logo {
  width:800px;
  height:60px;
  background-image:url('img/logo.png');
  background-repeat:no-repeat;
  margin-bottom:15px;
}

#boite {
  width:800px;
  /*background-color:#f8f1da;*/
  /*background-image:url('img/bandeGauche.png');
  background-repeat:repeat-y;*/

}

#menu { 
  position:relative;
  margin-left:10px;
  width:150px;
  height:200px;
  z-index:200;
}

#menu a:link { color:#4d3312; text-decoration:none }
#menu a:visited { color:#4d3312; text-decoration:none }
#menu a:hover { font-weight:bold; text-decoration:none }
#menu h1 { font-size:12px; }
#menu li { margin-left:10px; list-style-type:none;}
#menu img {margin-left:55px;margin-bottom:5px;}

#page {
  position:relative;
  top:-200px;
  margin-left:130px;
  width:635px;
  background-color:#f8f1da;
  z-index:100;

}

#piedPage {
  width:800px;
  height:20px;
 /* background-color:#00ff00;*/
  clear:both;
  text-align:center;
  font-size:8px;
  color:#937f39;
}

#fenetreInfo {

  position:absolute;
  top:200px;
  left:50px;
  width:500px;
  height:300px;
  padding:10px;
  background-color:#eeeeee;
  border-style:solid;
  border-width:1px;
  z-index:400;
  display:none;
}

.encadrer {
  background-color:#ffffff;
  margin:0px;
  padding:0px;
}

.fond {
  position:relative;
  top:5px;
  margin-right:10px;
  background-color:#ffffff;
}

.gauche {
  position:relative;
  top:5px;
  left:0px;
  background-image:url('img/gauche.png');
  background-repeat:no-repeat;
  background-position: bottom left;
}

.haut {
  position:relative;
  top:-10px;
  left:-10px;
  margin-left:10px;
  padding-left:15px;
  margin-right:10px;
  background-position: top left;
  background-image:url('img/haut.png');
  background-repeat:no-repeat;
}

.bas {
  position:relative;
  top:10px;
  left:5px;
  margin-left:-10px;
  background-image:url('img/bas.png');
  background-repeat:no-repeat;
  background-position: bottom right;
}

.droite {
  position:relative;
  top:-10px;
  left:0px;
  background-image:url('img/droite.png');
  background-repeat:no-repeat;
  background-position: top right;
}
/* Table des mati�res pour les sujets Python */
.tabMatPython { background-color:#ffffff; padding:10px;margin-left:auto; margin-right:auto; }
.tabMatPython td { padding-right:20px;}

/* Encadrement pour les extraits de code */
.extraitCode { 
  white-space:pre;
  width:500px;
  margin-left:auto;
  margin-right:auto;
  padding:10px;
  border-width:1px;
  border-style:solid;
  border-color:#4d3312;
  background-color:#ffffff;
 }
.rem { color:#36943f; } /* Commentaires */
.met { color:#2f898a; } /* M�thodes */