body{margin:0; padding:0}
#page-header h1{margin:0; padding:0}


/* *********************** */
/*        HEADER          */
/* ********************* */

#page-header .header {
	width:955px;
	height:120px;
	background:url(../img/header.gif) no-repeat 0 0;
	position:relative;
}
#page-header .header h1 a {
	width:113px;
	height:104px;
	background:url(../img/logo_ecowatt.gif) no-repeat 0 0;
	display:block;
	position:absolute;
	top:10px;
	left:30px;
	z-index:99;
}
#page-header .header h1 a span {
	display:none;
}
#page-header .header .vocation {
	width:321px;
	height:94px;
	position:absolute;
	left:296px;
	top:15px;
	z-index:99;
}
#page-header .header .vocation p {
	background:url(../img/vocation.gif) no-repeat 0 0;
	width:321px;
	height:94px;
}
#page-header .header .vocation p span {
	display:none;
}

#page-header .header .account {
	background:url(../img/moncompte.gif) no-repeat 0 0;
	height:26px;
	width:116px;
	position:absolute;
	top:0;
	right:0;
	z-index:99;
}

#page-header .header .account p{
	display:block;
	padding:3px 0 0 18px;
}

#page-header .header .account p a{
	text-decoration:none;
	color:#FFFFFF;
}

#page-header .header .rte {
	position:absolute;
	top:40px;
	right:0;
	z-index:99;
}



/* *********************** */
/*        MAINMENU        */
/* ********************* */
.mainmenu { width:955px; height:31px; background-color:#00C9E6; color:#FFFFFF; font-weight:bold; font-size:14px; }
.mainmenu a { color:#FFFFFF; font-weight:bold; font-size:14px; display:block; height:30px;  }
.mainmenu ul { padding:0; margin:0; display:inline; list-style:none;  }
.mainmenu li { padding:0; margin:0; float:left;  border-top:#00C9E6 1px solid; border-bottom:#00C9E6 1px solid;  }
.mainmenu li a span { display:none; }

.mainmenu li.item1 a{ width:290px; background:url(../img/menus/menu1.gif) no-repeat 0 0; border-right:#FFFFFF 1px solid;}
.mainmenu li.item1 a:hover, .mainmenu li.item1 a.active { width:289px; background:url(../img/menus/menu1a.gif) no-repeat 0 0; border-left:#00C9E6 1px solid; }
.mainmenu li.item2 a{ width:216px; background:url(../img/menus/menu2.gif) no-repeat 0 0; border-right:#FFFFFF 1px solid;  }
.mainmenu li.item2 a:hover, .mainmenu li.item2 a.active  { width:216px; background:url(../img/menus/menu2a.gif) no-repeat 0 0;}
.mainmenu li.item3 a{ width:260px; background:url(../img/menus/menu3.gif) no-repeat 0 0; border-right:#FFFFFF 1px solid;  }
.mainmenu li.item3 a:hover, .mainmenu li.item3 a.active  { width:260px; background:url(../img/menus/menu3a.gif) no-repeat 0 0;}
.mainmenu li.item4 a{ width:185px; background:url(../img/menus/menu4.gif) no-repeat 0 0; border-right:#00C9E6 1px solid;    }
.mainmenu li.item4 a:hover, .mainmenu li.item4 a.active  { width:185px; background:url(../img/menus/menu4a.gif) no-repeat 0 0; }