body {
          margin: 0; 
          text-align: center;
	  }

.popup {
   font-family: Tahoma, Verdana, sans-serif;
   font-size: 72%;
   color: #001122;
   background-color: #e7f3f4;
   width: 400px;
   border:0px;
   margin:0px;
   padding:5px;
   text-align:left;
}

.bod {
   background-color: #d0e7ea;
}

#principal {
 margin-left: auto;
 margin-right: auto;
 width: 1024px;
 text-align: left;
}
 
#header {
 position: absolute;
 margin-top: 0px;
 width: 1024px;
 background-color: #d0e7ea;
 min-height:153px;
}

#footer {
 width: 1024px;
 background-color: #d0e7ea;
 height: 21px;
}
 
#hgauche {
 position: absolute;
 text-align: center;
 font-family: Tahoma, Verdana, sans-serif;
 font-size: 75%;
 left:0;
 margin-top:15px;
 width: 150px;
 height: 153px;
 background-color: #d0e7ea;
}

#hdroite {
 position: absolute;
 width: 874px;
 margin-left: 150px;
 margin-right: 0px;
 margin-top: 0px;
 margin-bottom: 0px;
 height: 153px;
 background-color:#d0e7ea;
}
 
#conteneur {
 position: absolute;
 margin-top: 153px;
 width: 1024px;
 background-color:#bbddde;
 background-image: url("../images/Feuil.jpg");
 background-repeat: no-repeat;
 background-position: 0px 0px;
}

#gauche {
 position: absolute;
 left:0;
 width: 150px;
 min-height: 560px;
}

#droite {
 background-color: #e7f3f4;
 background-image: url("../images/arbres_bas.png");
 background-repeat: no-repeat;
 background-position: 0px 0px;
 width: 874px;
 margin-left: 150px;
 min-height:560px;
}
 
#pied { 
 background-color:#d0e7ea;
 text-align: center;
 width: 1024px;
}

div#navbar {
   position: relative;
   left: -5px;
   margin-top: 65px;
}

div#navbar ul {
 width: 140px;
 min-width:140px;
 height: 200px;
 min-height: 200px;
}

div#navbar li {
   font-family: Verdana,sans-serif;
   font-size: 80%;
   list-style-type: none;
   color: #ddeeee;
   padding-top: 10px;
   padding-bottom: 4px;
}

div#navbar li a {
    text-decoration: none;
    color: #e2842d;
}

div#navbar li a:link {
    color: #e2842d;
}

div#navbar li a:visited {
    color: #e2842d;
}

div#navbar li a:hover {
    font-size:100%;
    color: #05889a;
    text-decoration: underline;
    background: #d0e7ea;
    margin-left: -6px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    border-left: 1px solid #e7f3f4;
    border-bottom: 1px solid #e7f3f4;
    border-right: 1px solid #e7f3f4;
    border-top: 1px solid #e7f3f4;
    }

div#navbar2 {
    width: 100%;
}

div#navbar2 ul {
    white-space: nowrap;
    display: inline;
}

div#navbar2 li {
   font-family: Verdana, serif;
   font-size: 70%;
   list-style-type: none;
   display: inline;
   padding-right: 5px;
   padding-left: 5px;
   position: relative;
   top: 0px;
}

div#navbar2 li a {
    text-decoration: none;
}

div#navbar2 li a:link {
    color: #014559;
}

div#navbar2 li a:visited {
    color: #014559;
}

div#navbar2 li a:hover {
    color: #56899C;
}


#cont {
		margin-left: auto;
		margin-right: auto;
		width: 1024px;
		min-width: 1024px;
		height: 768px;
		min-height: 768px;
}

.T1 {
   font-family: Verdana, sans-serif;
   font-weight: normal;
   padding-top: 40px;
   margin-left: 40px;
   margin-bottom: 30px;
   color: #05889a;
   font-size: 100%;
   text-align: justify;
}

.T2 {
   font-family: Verdana, sans-serif;
   font-weight: normal;
   margin-top: 30px;
   margin-left: 40px;
   color: #81c3cc;
   font-size: 85%;
   text-align: justify;
}

.txt {
   font-family: Tahoma, Verdana, sans-serif;
   color: #144b66;
   font-size: 75%;
   text-align: justify;
   margin-top: 20px;
   margin-bottom: 20px;
   margin-left: 60px;
   width: 500px;
}

.txtst {
   font-family: Tahoma, Verdana, sans-serif;
   color: #144b66;
   font-size: 75%;
   text-align: justify;
   margin-top: 75px;
   margin-bottom: 20px;
   margin-left: 60px;
   width: 500px;
}

.table {
        width: 800px;
       	font-family: Tahoma, Verdana, sans-serif;
	text-align: center;
	border: 2px;
	bordercolor: #FFFFFF;
}

#image {
   font-family: Tahoma, Verdana, sans-serif;
   color: #144b66;
   font-size: 75%;
   text-align: justify;
   margin-top: 20px;
   margin-bottom: 20px;
   margin-left: 60px;
   width: 800px;
 //background-image: url("../images/earth.png");//
 //background-repeat: no-repeat;//
 //background-position: 0px 0px;//
 	//	min-width: 400px;//
	//	min-height: 325px;//
}

#arbre {
 position: absolute;
 left: 20px;
 top: 459px;
 width: 100px;
 height: 100px;
 background-color: #BBDDDD;
}
 
#beclean {
 position: absolute;
 left: 40px;
 top: 265px;
 width: 50px;
 height: 50px;
 background-color: #BBDDDD;
}

#eolienne {
 position: absolute;
 left: 780px;
 top: 100px;
 width: 120px;
 height: 120px;
 background-color: #DDEEEE;
}

#eolienne2 {
 position: absolute;
 left: 580px;
 top: 145px;
 width: 120px;
 height: 120px;
 background-color: #DDEEEE;
}

#cheminees {
 position: absolute;
 left: 780px;
 top: 100px;
 width: 120px;
 height: 120px;
 background-color: #DDEEEE;
}

#cheminees2 {
 position: absolute;
 left: 780px;
 top: 300px;
 width: 120px;
 height: 120px;
 background-color: #DDEEEE;
}

.txt1 {
   font-family: Tahoma, Verdana, sans-serif;
   color: #002233;
   font-size: 75%;
   text-align: justify;
   margin-top: 10px;
   margin-left: 60px;
   width: 260px;
}

.txt2 {
   font-family: Tahoma, Verdana, sans-serif;   
   color: #002233;
   font-size: 75%;
   text-align: justify;
   margin-left: 60px;
   width: 600px;
}

.txt3 {
   font-family: Tahoma, Verdana, sans-serif;
   color: #002233;
   font-size: 75%;
   text-align: justify;
   position: absolute;
   top: 250px;
   margin-left: 630px;
   width: 400px;
}

.txt6 {
   font-family: Tahoma, Verdana, sans-serif;   
   color: #ff0000;
   font-size: 75%;
   text-align: center;
   margin-top: 9px;
   margin-bottom: 9px;
   width: 600px;
}

#tablo {
	height: 260px;
	min-height: 260px;
}

.txtf {
   font-family: Tahoma, Verdana, sans-serif;
   color: #002233;
   font-size: 75%;
   text-align: justify;
}

.txti {
   font-family: Tahoma, Verdana, sans-serif;
   color: #002233;
   font-size: 100%;
}

.txtj {
   font-family: Tahoma, Verdana, sans-serif;
   color: #002233;
   font-size: 75%;
   text-align: right;
}

.list {
   font-family: Tahoma, Verdana, sans-serif;
   color: #144b66;
   font-size: 75%;
   text-align: justify;
   margin-top: 0px;
   margin-left: 55px;
   width: 500px;
}

.list A:link {
font-family: Tahoma, Verdana, sans-serif;
font-size: 100%;
font-weight: bold;
color: #ef8000;
text-decoration: none;
}

.list A:visited {
font-family: Tahoma, Verdana, sans-serif;
font-size: 100%;
font-weight: bold;
color: #ef8000;
text-decoration: none;
}

.list A:hover {
font-family: Tahoma, Verdana, sans-serif;
font-size: 100%;
font-weight: bold;
color: #05889a;
text-decoration: underline;
}

.fg {
   position: relative;
   float: left;
   left: 0px;
   top: 0px;
   width: 15px;
   height: 15px;
   background-color: #DDEEEE;
}

.textecentral {
   position: relative;
   float: left;
   height: 15px;
   top: 0px;
   margin-left: 5px;
   margin-right: 5px;
   }

.textecentral A:link {
font-family: Verdana, sans-serif;
font-size: 110%;
font-weight: bold;
color: #ef8000;
text-decoration: none;
}

.textecentral A:visited {
font-family: Verdana, sans-serif;
font-size: 110%;
font-weight: bold;
color: #ef8000;
text-decoration: none;
}

.textecentral A:hover {
font-family: Verdana, sans-serif;
font-size: 110%;
font-weight: bold;
color: #05889a;
text-decoration: underline;
}

.fd {
   position: relative;
   float: left;
   left: 0px;
   top: 0px;
   width: 15px;
   height: 15px;
   background-color: #DDEEEE;
}

.hautg {
	font-family: Tahoma, Verdana, sans-serif;
        color: #446677;
	width: 490px;
	text-align: left;
 	font-size: 70%;
	background-color: #F0F8F7;
	font-weight: bold;
}

.hautd {
	font-family: Tahoma, Verdana, sans-serif;
        color: #224455;
	width: 150px;
	text-align: right;
 	font-size: 70%;
	background-color: #F0F8F7;
}

.basg {
	font-family: Tahoma, Verdana, sans-serif;
        color: #002233;
	width: 490px;
	text-align: justify;
 	font-size: 70%;
}

.basd {
	font-family: Tahoma, Verdana, sans-serif;
        color: #002233;
	width: 150px;
 	font-size: 70%;
}

A:link {
font-family: Tahoma, Verdana, sans-serif;
font-size: 100%;
font-weight: bold;
color: #ef8000;
text-decoration: none;
}

A:visited {
font-family: Tahoma, Verdana, sans-serif;
font-size: 100%;
font-weight: bold;
color: #ef8000;
text-decoration: none;
}

A:hover {
font-family: Tahoma, Verdana, sans-serif;
font-size: 100%;
font-weight: bold;
color: #05889a;
text-decoration: underline;
}