html {
  background-image: url("glace.png");
  background-color: #dcdff2;
  background-repeat: repeat;  
  margin: 0;
  padding: 0;
  font-size: medium;
  height: 100%;
}

body
{
  margin: 0;
  padding: 0;
  height: 100%;
}

div.wrapper
{ 
  /* border: black solid; */
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -2em; /* the bottom margin is the negative value of the footer's height */
  }


div.body-wrapper
{
  /* border: red solid; */
  width: 72%;
  position: relative;
  margin-left: 24%;
  margin-right: 1%;
  }

div.body
{ 
  background-image: url("neige.jpg");
  background-color: #f3f3f3;
  padding: 1ex 1ex 1ex 1ex; 
 }

div.menu-wrapper
{
  /* border: yellow solid; */
  width: 20%;
  padding: 0;
  position: absolute;
  margin-top: 3em;
  }

div.menu
{ 
  font-size: 90%;
 }

div.header-wrapper
{
  /* border: blue solid; */
  margin:0;
  padding:0;  
  height: 2em;
}

div.header
{
  font-size: 90%;
}

div.header ul
{
  list-style:none;
  margin:0;
  padding:0;
  }

div.header li
{
  display:inline;
  margin:0;
  padding:0.5em;
  }

div.push
{
  /* border: white solid; */
  clear: both;
  height: 2em;
  margin-top: -1px;
 }

div.footer-wrapper
{
  /* border: green solid; */
  clear: both;
  height: 2em;
  position: relative;
}

div.footer
{
  font-size: 90%;
}

div.footer > ul 
{ 
  display: table;
  margin: 0;
  padding: 0;
  width: 100%;
  }

div.footer > ul > li
{
  display: table-cell;
  padding: 0.5ex 1ex 0.5ex 1ex; 
 }

div.footer > ul > li:first-child
{ 
  text-align: left; 
  }

div.footer > ul > li + li
{ 
  text-align: right;
 }


h1 { 
  margin:		6px 0px 0px 0px;
  font-size:		160%;
  font-weight:		700;
  border-bottom:	3px solid #dcdff2;
 }

h2 { 
  margin:		4px 0px 0px 2px;
  font-size:		140%;
  font-weight:		600;
  border-bottom:	2px solid #dcdff2;
 }

h3 { 
  margin:		2px 0px 0px 4px;
  font-size:		120%;
  font-weight:		500;
  border-bottom:	1px solid #dcdff2;
 }

p 
{    
  text-align: justify;
  }


ul
{ 
  list-style-image:url("flocon.png");
 }

li
{ 
  padding-bottom: 0.5ex;
  }

a 
{ 
  padding: 1px;
  }

a:link    
{
  text-decoration:	underline;
  color:                #0000ff; 
  }

a:visited 
{
  text-decoration:	underline;
  color:                #000000;
  }

/*a:active  
{
  color: maroon;
  }
*/

/* a[href]:hover */
a[href]:hover 
{
  text-decoration:	underline;
  border:               1px solid #808080;
  padding:              0px;
  moz-border-radius:	0.5em;
  }

a[href].picture:hover 
{
  background-color:	transparent;
  border: 0px;
  }