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


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

#page-header .header {
	width:955px;
	height:120px;
	background:url(../img/header_new.gif) no-repeat 0 0;
	position:relative;
}

#page-header .header .logo-header {
	width:170px;
	height:110px;
	position:absolute;
	left:0; 
	top:25px;
}

#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:32px; /*29/09*/
	right:0;
	z-index:99;
}

#page-header .header .logos{ position:absolute; top:98px; right:0; z-index:99; }
#page-header .header .logo_f{ float:left; }
#page-header .header .logo_t{ float:left; margin-left:4px; }
#page-header .header .paca_link{position:absolute; top:0px; right:120px;}




/* *********************** */
/*        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:237px; background:url(../img/menus/les-bons-gestes-energie.jpg) no-repeat 0 0; border-right:#FFFFFF 1px solid;}
.mainmenu li.item1 a:hover, .mainmenu li.item1 a.active { width:236px; background:url(../img/menus/les-bons-gestes-energie-hover.jpg) no-repeat 0 0; border-left:#00C9E6 1px solid; }
.mainmenu li.item2 a{ width:241px; background:url(../img/menus/a-vous-de-jouer.jpg) no-repeat 0 0; border-right:#FFFFFF 1px solid;  }
.mainmenu li.item2 a:hover, .mainmenu li.item2 a.active  { width:241px; background:url(../img/menus/a-vous-de-jouer-hover-old.jpg) no-repeat 0 50%;}
.mainmenu li.item3 a{ width:235px; background:url(../img/menus/forum.jpg) no-repeat 0 0; border-right:#FFFFFF 1px solid;  }
.mainmenu li.item3 a:hover, .mainmenu li.item3 a.active  { width:235px; background:url(../img/menus/forum-hover.jpg) no-repeat 0 50%;}
.mainmenu li.item4 a{ width:238px; background:url(../img/menus/espace-comm.jpg) no-repeat 0 0; border-right:#00C9E6 1px solid;    }
.mainmenu li.item4 a:hover, .mainmenu li.item4 a.active  { width:238px; background:url(../img/menus/espace-comm-hover.jpg) no-repeat 0 0; }


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

div.header {
	width:955px;
	height:120px;
	background:/*url(../img/header_new.gif)*/ #ffffff no-repeat 0 0;
	position:relative;
}

div.header .logo-header {
	width:170px;
	height:110px;
	position:absolute;
	left:0; 
	top:25px;
}

.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;
}
.header h1 a span {
	display:none;
}
.header .vocation {
	width:321px;
	height:94px;
	position:absolute;
	left:296px;
	top:15px;
	z-index:99;
}
.header .vocation p {
	background:url(../img/vocation.gif) no-repeat 0 0;
	width:321px;
	height:94px;
}
.header .vocation p span {
	display:none;
}

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

.header .account p{
	margin:0;
	display:block;
	padding:3px 0 0 20px;
}

.header .account p a{
	margin:0;
	padding:0;
	line-height:normal;
	color:#FFFFFF;
	text-decoration:none;
}

.header .account p a:hover{
	text-decoration:underline;
}


.header .rte {
	position:absolute;
	top:32px; /*29/09*/
	right:0;
	z-index:99;
}

.header .logos{ position:absolute; top:98px; right:0; z-index:99; }
.header .logo_f{ float:left; }
.header .logo_t{ float:left; margin-left:4px; }
.header .paca_link{position:absolute; top:0px; right:120px;}