*{
  margin: 0;
  padding: 0;
}

html, body{
 height:100%;
}

html{
  font-size: 100%;
}

body{
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
  font-size: 0.8em;
  font-style: normal;
  color: #000;
  background: #fff url(http://www.energideal.fr/wordpress/wp-content/themes/fusion/images/main-bg.gif) repeat-x left 200px;
  min-height:100%;
  height:auto !important; /* ie6 ignores it */
  height:100%; /* fix */
  width:100%;
  position: relative;
}

#divhauttext{

  margin-left:20%;
  margin-right:20%;
}

#divhaut{
  width:100%;
  background: transparent url(img/header-center.jpg) no-repeat left top;
  height:170px;
}

#divsite{
  width:90%;
  left: 5%;
  position: relative;
}

#visuchant{
  background: #D2FFD2;
  padding-left: 20px;
}

/* general elements */
a{
  color: #2d83d5;
  text-decoration: none;
}
a:hover{
  color: #fff;
  background: #2d83d5;
  text-decoration: none;
}

#ared{
  color: #FF0000;
  text-decoration: none;
}
#ared:hover{
  color: #fff;
  background: #FF0000;
  text-decoration: none;
}


img{
  border: 0;
}

table{
  border-bottom: 3px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  font-size:11px;
  border-collapse: collapse;
}

table td, table th{
  text-align: left;
  padding: .2em .5em;
  border-top: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  white-space:nowrap;
}

table th{
  background: #ebebeb;
  border-bottom: 2px solid #d9d9d9;
}

table tr.odd{
  background: #ebebeb;
}

#tablehover tr:hover{
  background: #d9d9d9;
}

#tablenoborder{
	border: 0px;
}

p{
  line-height: 140%;
  margin: .4em 0 1em;
}

form p{
  margin: 0;
}

input, textarea, select{
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
  font-size: 100%;
  margin: .2em 0;
  background: transparent url(images/input-bg.png) no-repeat left top;
}

input, textarea{
  padding: .2em .4em;
}

form label{
  font-weight: bold;
}

fieldset{
  padding: .8em;
  border: 1px solid #E7E8E6;
}

legend{
  padding: 2px 15px 10px 15px;
  color: #8b8b89;
  text-transform: uppercase;
  font-style: italic;
  font-size: 115%;
}

small{ font-size: 86%; }

/* lists */
li{
  list-style-type: disc;
  list-style-position: inside;
  padding-left: 1.2em;
}

ol li{
  list-style-type: decimal;
  list-style-position: inside;
  padding-left: 1.2em;
}

dl{
  padding: .3em 0 .8em;
}

dt {
  float: left;
  clear: left;
  width: 9em;
  text-align: right;
  font-weight: bold;
  text-decoration: underline;
}

dd {
  margin: 0 0 0 10em;
  padding: 0 0 0.5em 0;
}

blockquote{
  margin: 10px 65px 10px 10px;
  padding: 20px 20px 10px 10px;
  font-style: italic;
  color: #000000;
}

blockquote p{
  padding: 8px;
  margin: 2px;
  border: 1px dotted #939494;
}
/*** BASIC LAYOUT ***/

/* used only for the header background images (center & repeat) */
#page-wrap1{ background: transparent url(images/header-bg.jpg) repeat-x left top; }
#page-wrap2{
  background: transparent url(images/header-center.jpg) no-repeat center top;
  height: 200px;
  width: 100%;
  display:block;
}

/* actual layout width: default is 960px (for 1024x768+); 100% = fluid width */
#page{
  width: 960px;
  min-width: 780px;
  margin:0 auto;
}

/* content area (sidebars + main) */
#main-wrap {
  position:relative;		/* IE7 overflow bugfix */
  clear:both;
  float:left;
  width:100%;
  overflow:hidden;			/* chops off any overhanging divs */
}

#mid-wrap, #side-wrap {
  float:left;
  width:100%;
  position:relative;
}

#mid, #sidebar {
  float:left;
  position:relative;
  padding:0;
  overflow: visible;
}

#sidebar2 {
  float:left;
  position:relative;
  padding:0;
  overflow: visible;
}


/* no sidebar? */

#page #main-wrap #mid-wrap { right:100%; }
#page #main-wrap #side-wrap { right:0; }

#page #main-wrap #mid {
  width:100%;			/* main column width */
  left:100%;			/* same */
}


/* if sidebar exists... */

#page.with-sidebar #main-wrap #mid-wrap { right:0%;   /* width of the 2nd column, 0 because it doesnt exist */ }
#page.with-sidebar #main-wrap #side-wrap { right:66%; /* width of the main column */ }

#page.with-sidebar #main-wrap #mid {
  width:66%;			/* width of main column */
  left:66%;				/* same */
}

#page.with-sidebar #main-wrap #sidebar {
  width:34%;			/* width of the sidebar */
  left:66%;
}


/* if 2nd sidebar exists... */

#page.with-sidebar2 #main-wrap #mid-wrap { right:25%; }
#page.with-sidebar2 #main-wrap #side-wrap { right:25%; }

#page.with-sidebar2 #main-wrap #mid {
  width:50%;			/* width of main column */
  left:50%;
}

#page.with-sidebar2 #main-wrap #sidebar {
  width:30%;			/* width of the sidebar (narrower than on 2 column pages)  */
  left:50%;
}

#page.with-sidebar2 #main-wrap #sidebar2 {
  width:20%;            /* width of 2nd sidebar */
  left:50%;

}

#sidebar2-wrap{
  margin-top: 230px;
  padding-left: 10px;
}


#mid-content{
  margin: 40px 0 10px;
}

#sidebar-wrap1{
  background: transparent url(images/side-start.png) no-repeat left top;
  padding-left: 28px;
  margin-top: 36px;
  height: 100%;
}

#sidebar-wrap2{
  background: transparent url(images/side-bg.png) no-repeat right top;
  padding-right: 30px;
  padding-top: 40px;
  height: 100%;
  min-height: 400px;
}


/* clear sidebar/main sections, assuming sidebar is on the right */
div.clearcontent{
  clear: left;
}

/*** HEADER AREA ***/

/* logo position */
a#logo{
  top: 80px;
  position: absolute;
}

a#logo:hover{
  background: none;
}

#header{
  height: 200px;
  z-index: 2; /* fix for stupid ie6/7 bug */
  position:relative;
}

#header h1{
  font-family: "Trajan Pro", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
  font-weight: bold;
  position: absolute;
  color: #fff;
  top: 85px;
  font-size: 3.4em;
  letter-spacing:-0.06em;
  margin: 0;
  padding: 0;
}

#header h1 a{
  color: #fff;
  text-decoration: none;
}


/* top navigation */
#topnav{
  color: #a2a3a6;
  padding-top: 20px;
}

#topnav a{
  font-size: 110%;
  text-transform: uppercase;
  text-decoration: none;
  color: #afb0b3;
  padding: 0 8px;
}