* {	font-family:verdana, sans-serif; }

body {
	background: url(../images/background-jep.jpg) top center no-repeat #fff;
	color: #000000;
	font-size: 70%;
	margin-top: 0;
}

#container {
	width: 960px; height: 100%;
	border-collapse: collapse;
}


#publiciteJep {
	width: 321px; height:68px;
	position: absolute;
	top: 0; left: 0;
	background-color: transparent;
}
#publiciteJep img { border: 0;  }
/* Elements de bannerTop */
#bannerTop {
	vertical-align:top;
	width: 100%; height: 120px;
	background: url(../images/banner.jpg) top left no-repeat;
	border: 1px solid black;
	border-top: 0;
}
#bannerTop span { visibility: hidden; }
#bannerTop #langue {
	width: 100px; height: 30px;
	position: relative; top: 2px; right: 200px;
	margin-left: auto;
	padding: 2px;
	z-index: 2;
	visibility: hidden;
	background-color: red;
}


/* Elements de bannerBottom */
#bannerBottom {
	width: 100%; height: 30px;
	background: url('../images/footer.jpg') top left no-repeat; color: #FFFFFF;
	border: 1px solid black;
	text-align: center; vertical-align: middle;
}
#bannerBottom a { margin-left: 30px; text-decoration: none; cursor: pointer; color: #FFFFFF; }


/* Elements de menu */
#menu {
	width: 100%;
	padding:0;
	background-color: #7686AD; color: #FFFFFF;
	border: 1px solid black;
}
#menu .m_princ { text-decoration: none; text-transform: uppercase; }


/* Elements de l'espace de contenu principal : container > content */
#container #content {
	width: 100%;
	padding: 0px;
	border: 1px solid black;
	background-color: #FFFFFF; color: #000000;
}
#content > table { border-collapse:collapse; width:100%; height:100%; }


/* Elements de l'espace de contenu de gauche : container > content > bannerLeft */
#content #bannerLeft {
	width: 24%; height: 100%;
	border-width: 0px;
	margin: 0px;
	background-color: #FFFFFF; color:#000000;
	vertical-align: top;
}
#bannerLeft ul { width: 100%; margin: 0; padding: 0; list-style: none;}
#bannerLeft ul li { width: 90%; margin:0; padding:0 1% 3% 8%; font-size: 1.0em; color:#FFFFFF;}

/* Element #access de #bannerLeft */
#access { width: 220px; margin: 2.4em 1.1em 0.7em 0.7em;}
#access p { width: 100%; margin: 0; padding: 0; }
#access p.begin { height: 16px; background: url(../images/t_sinformer.jpg) top left no-repeat; }
#access p.end { width: 100%; height: 10px; background: url(../images/b_banner.jpg) top left no-repeat; }
#access ul { background: url(../images/c_banner.jpg) bottom left repeat-y;}
#access ul li { background: url(../images/puce1.jpg) no-repeat 4px .2em;}
#access a { text-decoration: none; background-color: #9CAED9; color: #FFFFFF; }

/* Element #news de #bannerLeft */
#news { width: 220px; margin: 0.7em; }
#news p { width: 100%; margin: 0; padding: 0; }
#news p.begin { height: 16px; background: url(../images/t_actualite.jpg) top left no-repeat; }
#news p.end { height: 10px; background: url(../images/b2_banner.jpg) top left no-repeat; }
#news ul{ background: url(../images/c2_banner.jpg) top left repeat-y;}
#news ul li { background: url(../images/puce2.jpg) no-repeat 4px .2em; }
#news a { text-decoration: none; background-color: #E1BCA2; color: #FFFFFF; }

/* Element #rss de #bannerLeft */
#rss { width: 100%; height: 25px; margin: 4% 0 0 4%;}
#rss p { width: 95%; margin-left: 5px; text-align: left; }
#rss a { text-decoration:underline; font-size:0.9em; background-color: #FFFFFF; color: #000000; }
#rss a.synd { margin-left:20px;}
#rss a.synd img { margin-top:2px;}


#pub { width: 220px; margin: 0.7em; text-align:center;}
#pub p { clear:both; }
#pub p img { margin-bottom: 1em;}


/* Elements de l'espace de contenu central : container > content > bannerCenter */
#container #bannerCenter {
	width: 51%; height:100%;
	background-color: #FFFFFF; color:#000000;
	margin: 0px;
	padding: 10px 0 0 0;
	vertical-align:top;
}
#bannerCenter #contenu { text-align:justify; vertical-align: top; margin-top: 1.6em;}


/* Elements de l'espace de contenu de droite : container > content > bannerRight */
#container #bannerRight {
	margin: 0px; width: 25%; height: 100%;
	background-color: #FFFFFF; color: #000000;
	padding: 0 0 10px 0;
	vertical-align: top;
}

#bannerRight #lang {
	width: 220px; height: 1.7em; margin: 0.7em 0.7em 0.2em 0.9em; 
	text-align: right; vertical-align: middle;
	color: #999999;
}


/* Element #search de #bannerRight */
#bannerRight #search { 
	width: 220px; margin: 0em 0.7em 0.7em 0.9em; 
	background: url(../images/c_banner.jpg) top left no-repeat; 
}
#search p { 
	margin: 0; padding: 0 0 4% 5%;
	background: url(../images/c_banner.jpg) top left repeat-y; color: #FFFFFF; 
	text-align: left;
}
#search p.begin {
	background: url(../images/t_rechercher.jpg) bottom left no-repeat;
	width:100%; height: 16px; padding: 0;
}
#search p.end {
	background: url(../images/b_banner.jpg) top left no-repeat;
	width:100%; height: 10px; padding: 0;
}
#search input.c { padding: 0px; margin:0 .2em 0 0; }
#search input.t {
	font-size: 0.9em;
	border: 1px solid #475770;
	padding: 2px; margin-top:5px;
	background-color: #FFFFFF; color: #475770;
}
#search select.t {
	font-size: 0.9em;
	border: 1px solid #475770;
	padding: 2px; margin-top:5px; width:80%;
	color: #475770; background-color: #FFFFFF;
}
#search input.i { margin-top:5px; }