body{
	background:#fff; 
	background:url(images/fond.gif) repeat-x;
	color:#0F0F0F; 
	font:15px/20px Arial, Helvetica, sans-serif; 
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
	
div, ul, h1, h2, h3, li, p {margin:0; padding:0;}

ul{list-style-type:none;}

/* MENU *********************************************************************************/

#menu {
  margin: 0 auto;
  padding: 0;
  width: 762px;
}
#menu ul {
  border-bottom: 1px solid #aeaeae;
  margin: 23px 0 0;
  padding: 0 30px 0 0;
  width: 732px;
  height: 24px;
}
#menu ul li {
  float: right;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-size: 12px;
  line-height: 30px;
  font-size-adjust: none;
  font-stretch: normal;
  font-weight: bold;
}
#menu ul li a {
  margin: 0 1px 0 0;
  padding: 0;
  background: #ffffff none repeat %;
  width: 90px;
  height: 25px;
  display: block;
  color: orange;
  text-decoration: none;
  text-align: center;
  top: 0px;
  left: 0px;
}
#menu ul li a:hover {
  background:  url(images/button5.png) no-repeat ;
  width: 90px;
  height: 25px;
  text-decoration: none;
  color: #ffffff;
}
#menu ul li.active {
  margin: 0 1px 0 0;
  background:  url(images/button4.png) no-repeat ;
  width: 90px;
  display: block;
  height: 25px;
  color: #ffffff;
  text-align: center;
}

/**************************************/
<a href="energies.html"></a>
#swf {
	clear: both;
	margin:10px auto;
	height:80px;
	}

/**************************************/

#blocs {
	clear:both;
	margin:  auto;
	width:762px;
	text-align:left; 
}
#blocs .intro {
  font-size: 80%;color:#000000;
}

#blocs #headerPanelfast {
  margin: 30px 4px 0;
  padding: 0px;
  background: transparent url(images/projet.jpg) no-repeat ;
  width: 245px;
  float: left;
  color: #ffffff;
}
#blocs #headerPanelfast a {
  width: 245px;
  height: 170px;
  display: block;
  text-decoration: none;
}
#blocs #headerPanelfast a:hover {
  background: transparent url(images/projet2.jpg) no-repeat ;
  width: 245px;
  height: 170px;
  color: #ffffff;
  text-decoration: none;
}
#blocs #headerPanelfast h1 {
  padding: 0;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 1.4em;
  font-weight: bold;
  text-transform: uppercase;
}
				#blocs #headerPanelsecond {
				  margin: 30px 4px 0;
				  padding: 0px;
				  background: transparent url(images/generalites.jpg) no-repeat ;
				  width: 245px;
				  float: left;
				  color: #ffffff;
				}
				#blocs #headerPanelsecond a {
				  width: 245px;
				  height: 170px;
				  display: block;
				  text-decoration: none;
				}
				#blocs #headerPanelsecond a:hover {
				  background: transparent url(images/generalites2.jpg) no-repeat ;
				  width: 245px;
				  height: 170px;
				  color: #ffffff;
				  text-decoration: none;
				}
				#blocs #headerPanelsecond h1 {
				  padding: 0;
				  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
				  font-size: 1.4em;
				  font-weight: bold;
				  text-transform: uppercase;
	}


#blocs #headerPanelthird {
  margin: 30px 4px 0;
  padding: 0px;
  background: transparent url(images/energie.jpg) no-repeat ;
  width: 245px;
  float: left;
  color: #ffffff;
}
#blocs #headerPanelthird a {
  width: 245px;
  height: 170px;
  display: block;
  text-decoration: none;
}
#blocs #headerPanelthird a:hover {
  background: transparent url(images/energie2.jpg) no-repeat ;
  width: 245px;
  height: 170px;
  color: #ffffff;
  text-decoration: none;
}
#blocs #headerPanelthird h1 {
  padding: 0;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 1.4em;
  font-weight: bold;
  text-transform: uppercase;
}


/*********************************************************/
#content-wrap {
	clear:both;
	width:762px;
	height:100%; 
	margin: auto;
	margin-top:10px;
	text-align:left; 
}
#content {
	text-align: left;	
	padding: 10px;
	margin: 0 auto;	
}

#main {
  margin: 0 0 10px;
  padding: 0;
  float: left;
  width: 65%;
}

#sidebar ul {
  margin: 2px 0 2px 10px;
  padding: 5px 0;
}
#sidebar ul li {
  padding: 5px 0 5px 30px;
  background: transparent url(images/symbol2.gif) no-repeat  8px;
  font-family: Arial,Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-size: 1em;
  line-height: normal;
  font-size-adjust: none;
  font-stretch: normal;
  font-weight: normal;
}
#main ul span {
  background: transparent url(images/dot-line.gif) repeat-x  100%;
  height: 25px;
  display: block;
}
#sidebar ul span {
  background: transparent url(images/dot-line.gif) repeat-x  100%;
  height: 25px;
  display: block;
}

#main ul {
  margin: 5px 0 5px 20px;
  padding: 5px 0 20px;
}
#main ul li {
  padding: 5px 0 5px 30px;
  background: transparent url(images/symbol2.gif) no-repeat  8px;
  font-family: Arial,Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-size: 1em;
  line-height: normal;
  font-size-adjust: none;
  font-stretch: normal;
  font-weight: normal;
}






a {
  color: #72a545;
  text-decoration: none;
}
a:hover {
  color: #006699;
  text-decoration: underline;
}
h1, h2, h3 {
  font-family: 'Trebuchet MS',Tahoma,Sans-serif;
  font-weight: bold;
  font-size: 1em;

}
h1 {
  font-size: 1.6em;
  color: #0000cc;
  line-height: 1.2em;
}
h2 {
  font-size: 1.2em;
  text-transform: uppercase;
}
h3 {
  font-size: 1.1em;
  color: #363dfa;
}
p, h1, h2, h3 {
  margin: 0 0 10px 10px;
}
img {
  border: 1px solid #dadada;
  padding: 5px;
  background: #fafafa none repeat %;
}

.pdf {
	clear:both;
	margin-left:10px;
	border:none;}

blockquote {
  border-style: solid;
  border-color: #fcf6df #fcf6df #fcf6df #72a545;
  border-width: 1px 1px 1px 5px;
  margin: 15px;
  padding: 0 0 0 20px;
  background-color: #fcf6df;
  background-position: 8px 10px;
  font-family: "Trebuchet MS",Tahoma,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1.5em;
  font-size-adjust: none;
  font-stretch: normal;
  color: #666666;
}



#main h1 {
  border-bottom: 2px solid orange;
  margin: 0 0 10px 10px;
  padding: 10px 0px 0px 5px;
  color: orange;
}
#main ul li {
  list-style-image: url(images/bullet.gif);
}

#sidebar {
  margin: 0 0 10px;
  padding: 0;
  float: right;
  width: 30%;
}
#sidebar h1 {
  margin: 0;
  padding: 10px 0px 5px 10px;
  font-family: 'Trebuchet MS',Tahoma,Sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  font-size: 1.3em;
  line-height: normal;
  font-size-adjust: none;
  font-stretch: normal;
}
.sidebox {
  border: 3px solid #efeded;
  background-color: #dddddd ;
  margin-bottom: 10px;
}

#sidebar ul.sidemenu {
  margin: 10px 0 15px;
  padding: 0;
  background: #f2f2f2 none repeat %;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
#sidebar ul.sidemenu li {
  padding: 0px 10px;
}
#sidebar ul.sidemenu a {
  border-bottom: 1px dashed #d4d4d4;
  padding: 0.3em 0 0.3em 15px;
  display: block;
  font-weight: normal;
  color: #333333;
  height: 1.5em;
  line-height: 1.5em;
  text-decoration: none;
}
#sidebar ul.sidemenu a.top {
  border-top: 1px dashed #d4d4d4;
}
#sidebar ul.sidemenu a:hover {
  border-left: 5px solid #6896f8;
  padding: 0.3em 0 0.3em 10px;
  color: #0000cc;
}


/**********************************************************/

#footer {  
	clear: both;
	background-color: #dcdcdc;  	
	padding: 20px;
	padding-bottom: 50px;
}


#footer li {
  float: left;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 0.9em;
}

#footer ul li a {
  padding: 0 6px;
  color: #4c4c4c;
  text-decoration: none;
}
#footer ul li a:hover {
  text-decoration: underline;
}

.details {margin-left:45px;font-size:80%;color:#999999;margin-top:-8px;line-height:100%;}