/*---------- Remise à 0 des éléments MARGIN et PADDING ---------- */

* {
	margin : 0px;
	padding : 0px;
}

fieldset, form {	
       border : 0px;
}
	

/* ################################################################ */
/*                                                                          BODY                                                                              */
 /* ################################################################ */

body#vlanlux {
	font-family : tahoma, arial, helvetica, sans-serif;
 	font-size : 10pt;
	color : black;
	background-color : gray;
}

/* ################################################################ */
 /*                                                                         PAGE                                                                               */
/* ################################################################ */

div#page {
	width : 995px;
	height : 590px;
	text-align : left;
	position : relative;
	background-image : url('layout/page_background.jpg');
	background-repeat : repeat-x;
	margin-left : auto;
	margin-right : auto;
	border : 1px solid;
	position : relative;
}

h1 {
	width : 339px;
	height : 96px;
	background-image : url('layout/h1.jpg');
	margin-bottom : 0px;
}

h2 {
	position : absolute;
	top : 100px;
	right : 220px;
	font-size : 10pt;
	width : 270px;
	text-align : center;
	color : white;
}

h2 a {
	font-size : 8pt;
	color : navy;
	font-weight : normal;
}

h2 a:hover {
	font-size : 8pt;
	color : blue;
	font-weight : normal;
}

h1 span {
	display : none;
}

div#banner {
	position : absolute;
	top : 20px;
	right : 112px;
	width : 448px;
	height : 61px;
	border : 1px solid #8f8dc2;
}

div#grille {
	position : absolute;
	top : 125px;
	right : 242px;
	font-size : 7pt;
	z-index :1;
	color : #000066;
}

div#grille a {
	color : #000066;
}


ul#menu_level1 {
	width : 260px;
	padding-top : 40px;
}

ul#menu_level1 li {
	list-style-type : none;
}

/* ################################################################ */
 /*                                                                         MENU 1                                                                             */
/* ################################################################ */

/* ARDENNE HEBDO */
li#menu_a, li#menu_a_selitem  {
	margin-left : 95px;
}

li#menu_a a {
	background-image : url('layout/ardenne_hebdo_normal.jpg');
	display : block;
	width : 145px;
	height : 75px;
}

li#menu_a_selitem a {
	background-image : url('layout/ardenne_hebdo_hover.jpg');
	display : block;
	width : 145px;
	height : 75px;
}

li#menu_a a:hover {
	background-image : url('layout/ardenne_hebdo_hover.jpg');
}

li#menu_a a span, li#menu_a_selitem a span {
	display : none;
}


/* HEBDO2000 */
li#menu_b, li#menu_b_selitem {
	margin-left : 40px;
	margin-top : 0px;
}

li#menu_b a {
	/* background-image : url('layout/hebdo2000_normal.jpg'); */
	background-image : url('layout/lalorgnette_normal2.jpg');
	display : block;
	width : 147px;
	height : 83px;
}

li#menu_b_selitem a {
	/* background-image : url('layout/hebdo2000_hover.jpg'); */
	background-image : url('layout/lalorgnette_hover2.jpg');
	display : block;
	width : 147px;
	height : 83px;
}

li#menu_b a:hover {
	/* background-image : url('layout/hebdo2000_hover.jpg'); */
	background-image : url('layout/lalorgnette_hover2.jpg');
}


li#menu_b a span, li#menu_b_selitem a span {
	display : none;
}



/* INFO 2000 */
li#menu_c, li#menu_c_selitem {
	margin-left : 30px;
	margin-top : 5px;
}

li#menu_c a {
	background-image : url('layout/info2000_normal.jpg');
	display : block;
	width : 144px;
	height : 78px;
}

li#menu_c_selitem a {
	background-image : url('layout/info2000_hover.jpg');
	display : block;
	width : 144px;
	height : 78px;
}

li#menu_c a:hover {
	background-image : url('layout/info2000_hover.jpg');
}

li#menu_c a span, li#menu_c_selitem a span {
	display : none;
}


/* J3F */
li#menu_d, li#menu_d_selitem {
	margin-left : 27px;
	margin-top : 7px;
}

li#menu_d a {
	background-image : url('layout/3frontiere_normal.jpg');
	display : block;
	width : 168px;
	height : 79px;
}

li#menu_d_selitem a {
	background-image : url('layout/3frontiere_hover.jpg');
	display : block;
	width : 168px;
	height : 79px;
}

li#menu_d a:hover {
	background-image : url('layout/3frontiere_hover.jpg');
}

li#menu_d a span, li#menu_d_selitem a span {
	display : none;
}

/* La lorgnette*/
li#menu_e, li#menu_e_selitem {
	margin-left : 95px;
	margin-top : 7px;
}

li#menu_e a {
	background-image : url('layout/lalorgnette_normal.jpg');
	display : block;
	width : 146px;
	height : 78px;
}

li#menu_e_selitem a {
	background-image : url('layout/lalorgnette_hover.jpg');
	display : block;
	width : 146px;
	height : 78px;
}

li#menu_e a:hover {
	background-image : url('layout/lalorgnette_hover.jpg');
}

li#menu_e a span, li#menu_e_selitem a span {
	display : none;
}



/* ################################################################ */
 /*                                                                       CARTE PAGEFLIP                                                                            */
/* ################################################################ */

div#carte {
	width : 434px;
	height : 496px;
	position : absolute;
	right : 138px;
	bottom : 3px;
}

div#carte a {
	border : 0px;
}
#troisf{
	position:absolute;
	top:414px;
	left:214px;
	width:100px;
	height:50px;
	background:transparent;
}
#lorgn{
	position:absolute;
	top:174px;
	left:252px;
	width:100px;
	height:50px;
	background:transparent;
}
#info{
	position:absolute;
	top:61px;
	left:161px;
	width:100px;
	height:50px;
	background:transparent;
}
#ah{
	position:absolute;
	top:232px;
	left:167px;
	width:100px;
	height:50px;
	background:transparent;
}



#carte_img {
	border : 0px;
}

p#explication {
	color : navy;
	font-size : 8pt;
	text-align : left;
	position : absolute;
	bottom : 15px;
	left : 400px;
	width : 200px;
	padding : 5px;
	border : 1px solid navy;
	background-color : #ededed;
}

div#pageflip {
	position : absolute;
	top : 92px;
	right : 40px;
}

div#fonctionnement {
	margin-left : 30px;
}

div#adobe_reader {
	position : absolute;
	left : 7px;
	bottom : 5px;
}

div#help {
	position : absolute;
	left : 120px;
	bottom : 15px;
	width: 220px;
}

div#help a {
font-size: 8pt;
color: #ae0404;
text-decoration: underline;
}

div#help a:hover {
font-size: 8pt;
color: #ae0404;
text-decoration: none;
}
div#adobe_reader a, div#adobe_reader a img {
	border : 0px;
}

div#powered {
	position : absolute;
	right : 0px;
	bottom : 0px;
}

div#powered img {
	width : 28px;
	height : 237px;
	border : 0px;
}

div#powered a {
	border : 0px;
}