html, body {
            height: 100%;
             width: 100%;
          overflow: auto;
}

html {font-size: 100%;} /* rendu necessaire par un bug IE */

body {
         font-size: .75em;
       font-family: helvetica, geneva, sans-serif;
             color: #0c5449;
  background-color: #88baa8;
            margin: 0;
           padding: 0;
}

#gauche {
          position: absolute;
              left: 0;
             width: 12.9em;
}

.logo {
           display: block;
            margin: 0 auto;
        margin-top: 0.6em;
           padding: 0.6em 2.8em 0.3em 2.7em;
             width: 6.3em;
  background-color: #ffffff;
            border: 0;
}

.webou {
             width: 6.51em;
            height: 1.085em;
            border: 0;
}

.menugauche li {
     margin-bottom: 0.2em;
}

.menugauche a {
            margin: 0;
}

ul.menugauche {
   list-style-type: none;
   text-decoration: none;
            margin: 0.5em 0.6em 0em 0.6em;
           padding: 0.45em 0 0.45em 0;
        border-top: 0.115em solid #588c70;
      border-right: 0.115em solid #c7dccd;
     border-bottom: 0.115em solid #c7dccd;
       border-left: 0.115em solid #588c70;
}

ul.menugauche a {
           display: block;
             width: 10.5em;
       line-height: 2.2em;
       font-weight: bold;
   text-decoration: none;
             color: #0c5449;  /* color: inherit n'est pas vu par IE */
    	text-align: center;
            margin: 0 auto;
}

ul.menugauche a.select {
  background-color: #d8edde;
        border-top: 0.115em solid #73a58c;
     border-bottom: 0.115em solid #ffffff;
       border-left: 0.115em solid #73a58c;
      border-right: 0.115em solid #ffffff;
}

ul.menugauche a.nosel:link, ul.menugauche a.nosel:visited {
        border-top: 0.115em solid #c7dccd;
     border-bottom: 0.115em solid #588c70;
       border-left: 0.115em solid #c7dccd;
      border-right: 0.115em solid #588c70;
}

ul.menugauche a.nosel:hover {
     border-bottom: 0.115em solid #c7dccd;
        border-top: 0.115em solid #588c70;
      border-right: 0.115em solid #c7dccd;
       border-left: 0.115em solid #588c70;
}

.drapeauchoisi {
        margin-top: -0.115em;
           padding: 1.130em 0.7em 0em 0.8em;
  background-color: #88baa8;
        border-top: 0;
      border-right: 0.115em solid #c7dccd;
     border-bottom: 0.115em solid #c7dccd;
       border-left: 0.115em solid #588c70;
}

.drapeaubouton {
        margin-top: 0.6em;
           padding: 0.3em 0.7em 0em 0.8em;
  background-color: #88baa8;
        border-top: 0.115em solid #c7dccd;
      border-right: 0.115em solid #588c70;
     border-bottom: 0.115em solid #588c70;
       border-left: 0.115em solid #c7dccd;
}

.drapeaubouton:hover {
     border-bottom: 0.115em solid #c7dccd;
        border-top: 0.115em solid #588c70;
      border-right: 0.115em solid #c7dccd;
       border-left: 0.115em solid #588c70;
}

#drapeaug, #drapeauc {
             float: left;
             width: 1.8em;
       margin-left: 0.6em;
}

#drapeaud {
             float: right;
             width: 1.8em;
      margin-right: 0.6em;
}

#centre {
  background-color: #d8edde;
            height: 100%;
             width: 59.7em;
       margin-left: 12.9em;
          overflow: visible;
}

.degrade {
             width: 51.4em;
            border: 0;
}


ul.ongletscentre {
   list-style-type: none;
           padding: 0 0 0 3.123em;
             width: 100%; /* precision pour Opera */
}

ul.ongletscentre li {
             float: left;
            margin: -2em 0em 0em 0em;
}

ul.ongletscentre a {
             float: left;
       line-height: 2.2em;
       font-weight: bold;
   text-decoration: none;
             color: #0c5449;  /* color: inherit n'est pas vu par IE*/
    	text-align: center;
            margin: 6em 0.3em 0em 0.3em;
}

ul.ongletscentre a.select {
           padding: 0em 0.7em 0.9em 0.7em;
  background-color: #d8edde;
        border-top: 0.115em solid #73a58c;
      border-right: 0.115em solid #ffffff;
     border-bottom: 0;
       border-left: 0.115em solid #73a58c;
}

ul.ongletscentre a.nosel:link, ul.ongletscentre a.nosel:visited {
           padding: 0em 0.7em 0em 0.7em;
        border-top: 0.115em solid #ffffff;
     border-bottom: 0.115em solid #73a58c;
       border-left: 0.115em solid #ffffff;
      border-right: 0.115em solid #73a58c;
}

ul.ongletscentre a.nosel:hover {
           padding: 0em 0.7em 0em 0.7em;
        border-top: 0.115em solid #73a58c;
     border-bottom: 0.115em solid #ffffff;
       border-left: 0.115em solid #73a58c;
      border-right: 0.115em solid #ffffff;
}

#texte.sanscadr {
  background-color: #d8edde;
            margin: 8em 2.4em auto 3.4em;
           padding: 0.3em 0.7em 0.3em 0.8em;
             width: 51em;
       line-height: 1.6em;
            border: 0;
}

#texte.encadr {
  background-color: #d8edde;
            margin: 8em 2.4em auto 3.4em;
           padding: 0.3em 0.7em 0.3em 0.8em;
             width: 51em;
        min-height: 17em;
       line-height: 1.6em;
        border-top: 0.115em solid #73a58c;
      border-right: 0.115em solid #ffffff;
     border-bottom: 0.115em solid #ffffff;
       border-left: 0.115em solid #73a58c;
}

#w3c {
             width: 7.34em;
            border: 0;
}

#courriel {
             width: 6.678em;
            border: 0;
}

#texte a:link              {color: #0c5449;}
#texte a:visited           {color: #587878;}
#texte a:alink             {color: #0000ff;}


small {
         font-size: 9px;
}