html, body {
      width: 100%;
      max-width: 1024px;
      margin: auto;
      padding: 0;
      border: none;
		background-color: #000000;
   	font-size: 86%;
      text-decoration: none;
      font-weight: bold;
		}
div#bd {
      position: absolute;
      top: 0px;
      right: -20px;
      height: 1300px;
      width: 20px;
		background-image: url(../graph/branches-d.jpg);
		}
div#bg {
      position: absolute;
      top: 0px;
      left: -650px;
      height: 1300px;
      width: 650px;
		background-image: url(../graph/branches-ga.jpg);
		z-index: 0;
		}
div#acc {
      position: absolute;
      top: -.3em;
      left: 0;
		}
div#acc1 {
      position: absolute;
      top: -.3em;
      left: 3%;
		}
.z1 {
		z-index: 10;
		}
div#sol {
      position: absolute;
      top: 0;
      left: 0;
      width: 100px;
      height: 100px;
      background-image: url(../graph/lune.png);
      background-repeat: no-repeat;
      text-align: center;
		}
div#cont {
      position: relative;
      float: right;
      margin-right: 20px;
      margin-top: 110px;
      width: 65%;
      background-image: url(../graph/lat.png);
      background-repeat: repeat-y;
      background-position: top right;
      background-color: #ffffff;
      border: #000000 solid 1px;
      padding: 1.5em 1.5em 35px 1.5em;
		}

.detail {
      position: absolute;
      top: 0;
      left: -40%;
      width: 35%;
      z-index: 10000;
		}
div#ban {
      position: absolute;
      top: 1.2em;
      left: 28%;
      z-index: 10000;
		}
.pgv {
      float: right;
      width: 65%;
      background-color: #ffffff;
      border: #000000 solid 1px;
      position: relative;
      margin-top: 3em;
      margin-bottom: 30px;
      margin-right: 20px;
      padding: 1.5em;
      text-align: center;
		}
div#van {
      width: 27px;
      height: 30px;
      position: absolute;
      top: -14px;
      left: -10px;
      background-image: url(../graph/pvanne.png);
      z-index: 20;
		}
div#cla {
      width: 25px;
      height: 30px;
      position: absolute;
      top: -15px;
      left: 30%;
      background-image: url(../graph/pclapet.png);
      z-index: 20;
		}
div#eol {
      width: 34px;
      height: 99px;
      position: absolute;
      top: -99px;
      right: -12px;
      background-image: url(../graph/eolienne.png);
      z-index: 20;
		}
div#pan {
      width: 356px;
      height: 36px;
      position: absolute;
      top: -35px;
      left: 10%;
      background-image: url(../graph/panneau-lune.png);
      z-index: 20;
		}
div#pom {
      width: 31px;
      height: 30px;
      position: absolute;
      bottom: -15px;
      left: -15px;
      background-image: url(../graph/pompe.png);
      z-index: 20;
		}
div#mai {
      width: 67px;
      height: 40px;
      position: absolute;
      bottom: 0px;
      right: 1px;
      background-image: url(../graph/maison.png);
      z-index: 30;
		}
p {
      text-align: justify;
      padding: .2em 2em .2em 3em;
      font-size: 1.1em;
		}
.im {
      overflow: auto;
      width: 100%;
		}
.nav0, .nav0 ul {
      padding: 0% 1% 0% 0%;
      margin: 0;
      list-style: none;
      list-style-position: outside;
      width: 100%;
      z-index: 7;
		}
.nav0 a {
      width: 100%;
      margin-top: 1%;
      z-index: 7;
		text-decoration: none;
		color: #e1f2ff;
		}
.nav0 li {
      float: left;
      width: 100%;
      z-index: 7;
		}
.nav1, .nav1 ul {
      margin: 0;
      list-style: none;
      width: 98%;
      z-index: 7;
		}
.nav1 a {
      width: 100%;
      margin-top: 1%;
      z-index: 7;
		text-decoration: none;
		      margin: 0 0 0 1em;
		color: #e1f2ff;
		}
.nav0 a:hover {
		color: #ffffff;
		background-color: #8c8cff;
		padding: 0 .3em 0 .3em;
	}
.nav1 a:hover {
		color: #ffffff;
	}
.nav0 a:visited {
		font-style: italic;
		color: #99ec46;
				}
.nav1 a:visited {
		font-style: italic;
		color: #bf0d00;
				}
.sel {
		border: #0000ff solid 1px;
		background-color: #f7f7f7;
		margin-right: .5em;
		color: #0000ff;
		}
.navref, .navref ul {
      margin: 0;
      list-style: none;
      width: 100%;
      z-index: 7;
		}
.navref a {
      width: 100%;
      z-index: 7;
		line-height: 1.3em;
		font-weight: bold;
		color: #fcf4da;
		}
.navref li {
      float: left;
      width: 100%;
      z-index: 7;
		}
.navref a:visited {
		font-weight: normal;
		color: #ffe99c;
				}
.navref a:hover {
		color: #4a7500;
		background-color: #f6e260;
	}
.ital0 {
		font-style: italic;
		font-weight: bold;
		line-height: 1.3em;
		text-align: center;
		color: #fdbfaa;
		}
.ital0:before {content:url(../graph/fl.png)}
.ital0:after {content:url(../graph/fl_gch.png)}
.ital1 {
		font-style: italic;
		font-weight: bold;
		line-height: 1.3em;
		text-align: center;
		color: #099f9f;
		}
.ital1:before {content:url(../graph/fl.png)}
.ital1:after {content:url(../graph/fl_gch.png)}
.ital2 {
		font-style: italic;
		font-weight: bold;
		line-height: 1.3em;
		text-align: center;
		color: #099f9f;
		}
.ital2:before {content:url(../graph/fl.png)}
.ital2:after {content:url(../graph/fl_gch.png)}
.goo {
      margin-top: 3em;
      padding: .1%;
      width: 88%;
	}
div#aller {
      position: absolute;
      top: 0px;
      left: 100px;
      width: 140px;
		text-align: center;
		}
div#freem {
      position: absolute;
      top: 1.2em;
      right: 10%;
		z-index: 10000;
		}
.navfre, .navfre ul {
      margin: 0;
      list-style: none;
      z-index: 7;
		font-weight: bold;
		padding : 1em;
		}
.navfre a {
      z-index: 7;
		line-height: 2em;
		text-decoration: none;
		font-weight: bold;
		}
.navfre li {
		display: inline;
		padding: 1em;
      z-index: 7;
		font-weight: bold;
		}
.navfre a:visited {
		font-weight: normal;
				}
.navfre a:hover {
color: #ff0000;
	}
.b0 {
		border: none;
	}