html, body {
            background-color:#BBB;
		
  	    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  	    width:100%;}
#conteneur {
            overflow:auto;
            background-image: url(./../Gradient/backgr.jpg);
            font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
            width:100%;}

/* mon tableau 2X2 ou 3X3 */
table#sample {
              width: 100%;}

table#sample td {
                 border : 1px solid #000000; }

/* Titre colonne Tableau*/
.toprowtit {
            font-style: Bold;
            font-size : 220%; 
            text-align: center;}
/* Sous-Titre colonne Tableau*/
.toprow {
         background-image: url(./../Gradient/backgrdeff.jpg);    
         font-size : 150%; 
         font-style: Italic;
         text-align: center; }

.data {
       background-image: url(./../Gradient/DegradJauneOrange.jpg);}


/* Surlignage */
.surred
{
background: red none repeat scroll 0% 50%;}
.surlime
{
background: lime none repeat scroll 0% 50%;}
.suryellow
{
background: yellow none repeat scroll 0% 50%;}

/* Encadrement image ou titre */
#cadre 
{ 
overflow:hidden;
width: 90%; 
background-image: url(./../Gradient/DegradJauneOrange.jpg);
border : 1px solid #000000;} 

p,ul,li,td,br {
            background-color : transparent; 
            font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; 
            font-size : 100%; 
            color :black; 
            text-align: center; }

/* Couleurs des liens */
a:link {font: italic 100%/1.5em Verdana, Arial, Helvetica, Geneva, sans-serif;
        color: blue; text-decoration:underline;}
a:visited {
           color: green; text-decoration:underline;}
a:hover {
         color:red; text-decoration:none;}
h1 {
            background-image: url(./../Gradient/backgrdeff.jpg);    
    font: bold 200%/1em Verdana, Arial, Helvetica, Geneva, sans-serif;
    text-align: center; 
    /*padding : marges intérieures haut, droite, bas, gauche */
    padding: 1em; margin: 0;
    border: 1px solid rgb(0%,31%,46%);
    border-width: 3px 0; }
h2 {
    font: bold 150%/1em Verdana, Arial, Helvetica, Geneva, sans-serif;
    text-align: center; 
    padding: 1em; margin: 0; }
h3 {
    font: 80%/1em Verdana, Arial, Helvetica, Geneva, sans-serif;
    text-align: left; 
    padding: 1em; margin: 0;
    border: 1px solid rgb(0%,31%,46%);
    border-width: 1px 0; }
h4 {
    font: bold 100%/1em Verdana, Arial, Helvetica, Geneva, sans-serif;
    text-align: center; 
    padding: 1em; margin: 0;
    border: 1px solid rgb(0%,31%,46%);
    border-width: 1px 0; }
h5 {
    font: italic 100%/1em Verdana, Arial, Helvetica, Geneva, sans-serif;
    text-align: center; 
    padding: 1em; margin: 0;}

h6 {
    font: bold 100%/1em Verdana, Arial, Helvetica, Geneva, sans-serif;
    text-align: center;
    /*première mention pour le haut, seconde pour droite et gauche, troisième pour le bas*/ 
    padding: 1em 1em 0; margin: 0;}

/* partie menu */
#main {font-size: small; 
   margin: 0; padding: 2.5% 12.5%; clear: left;}
#nav {margin: 0; padding: 0;}
#nav li {list-style: none; float: left;
  margin-left: 3px; padding-left: 12px;
  font-size: 20px; line-height: 33px; white-space: nowrap;
  background: #BBB url(fonddefN.gif) 0 100% no-repeat;}
#nav a {display: block; float: left; padding: 0 20px 0 0;
  text-decoration: none; font-weight: bold;
  background: #DDD url(fonddefN.gif) 100% 100% no-repeat;
  color: #333;
  width: .1em;}
html>body #nav a {width: auto;}    /* fixes IE6 hack */
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a {float: none;}            /* End IE5-Mac hack */
#nav a:hover {color: #B00;}