body {
    margin: 0px;
    padding: 0px;
    font-family:  Trebuchet MS,  Verdana,  Geneva, Arial, Helvetica, sans-serif;
    color: #444444;
    font-size: 10px;
    background: #f7f7f7 url("http://technoresto.org/images/t2_fond_vdf.gif");
}

a:link, a:visited, a:active {
    color: #36c;
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    color: #99ccff;
    font-weight: bold;
    text-decoration: none;
}

/* en-tete
----------------------------------------------- */
h1 {
   position: absolute;
  padding-left :10px;
  top :1px;
  width: 400px;
  border: 0px;
  color: #036;
  text-align: left;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 1em; 
  }

/* Tableau pour zone de texte principale
----------------------------------------------- */
.imageentete {
	position: relative; 
	text-align: right;
     margin-right: 5px;
     margin-top :2px;
  }

/* Barre haute navigation
----------------------------------------------- */
.barrenavig{ 
  position: relative; 
  border: 1px solid;
  padding-left :10px;
  background: #036 url("http://technoresto.org/images/t2_fond_tableau.gif");
  text-align: left;
  font-size: 9px; 
   border-color: #99ccff #ffffff #99ccff #ffffff;
  border-left-width: 0px; 
  border-right-width: 0px;
  color:#99ccff; 
   letter-spacing: 1px;  
}

.barrenavig a:link, .barrenavig a:visited{
	color: #99ccff;
}

.barrenavig a:hover{
	color: #ff5900;
}

/* page
----------------------------------------------- */
.texte {
 	position: relative;
	margin-top:1px;
	background-color: #ffffff;
	padding: 5px;	
	border-bottom: 1px solid black; 
	margin-bottom:5px;
	}

/* zone liens
----------------------------------------------- */
.liens {
 	position: relative;
	margin-left: 2px;
	margin-top:1px;
	margin-right: 2px;
	background-color: #eaeaea;
	padding: 5px;	
        border: 1px dashed;
         border-color: black;
	}

.liens h3  {
	font-size: 11px;
	 font-weight: bold;
	margin-left: 5px
}

.liens h2  {
	font-size: 12px;
	 font-weight: bold;
	padding-left: 2px;
	background-color: #343434;
	color: white;
	letter-spacing: 1em;
}
.liens p
{
	font-size: 8px;
	margin-left: 5px
	 
}

.liens a:link, .liens a:visited, .liens a:active{
    color: #36c;
    font-weight: bold;
  font-size: 10px;

}

/* tableaux
----------------------------------------------- */
table {
	text-align: center;
	width: 100%
}
 table.fine { 
    border: 1px solid black;
    margin-left: auto;
    margin-right: auto;
    padding: 1px;
    width: 90%;
    font-size: 10px;
	text-align: left;
    }

td.vierge { 
	font-weight: bold;
    font-size: 12px;
    text-align: center;
    }

  td.viergebleu { 
	color: rgb(51, 102, 255);
    font-size: 12px;
    text-align: center;
    }

  td.viergeorange { color: rgb(204, 102, 0);
    font-size: 12px;
    text-align: center;
    }

  td.gris { background-color: rgb(237, 237, 237); color: #000000;
    }

  .gris { background-color: rgb(237, 237, 237);
    }

  td.gris2 { background-color: rgb(204, 204, 204);
    }

  .gris2 { background-color: rgb(204, 204, 204);
    }

  td.violet { background-color: rgb(200, 200, 250);
    }

  .violet { background-color: rgb(200, 200, 250); color: #000000;
    }

  td.orange { background-color: rgb(255, 153, 0);
    }

  .orange { background-color: rgb(255, 153, 0);
    }

  td.vert { background-color: rgb(138, 190, 160); color: #000000;
    }

  .vert { background-color: rgb(138, 190, 160);
    }

  td.bleu { background-color: rgb(149, 179, 255);
    }

  .bleu { background-color: rgb(149, 179, 255);
    }


/* paramètres généraux
----------------------------------------------- */
  
.copyleft {
	margin-left: 75px;
	font-size: 6px;
	 text-align: center;
  }


hr { 
    display: block;
    border-top: solid;
    border-top-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
   }

h2, h3, h4{ 
    font-weight: bold;
    margin: 0px;
  }

h2{
    font-size: 13px;
    background-color: #cccccc;
    padding: 2px
  }

h3{
    font-size: 10px;
}

h4{
    font-size: 9px;
}
h5{
    font-size: 11px;
    margin-top: 8px;
    margin-bottom: 3px; 
}
IMG  { 
    border-width: 0px;
    margin: -1px;
    vertical-align: middle;
}

ul {
    margin-left: 20px; 
    font-size: 10px;
}
p {
    margin-left: 5px; 

}