/* styles CSS génériques - manoubillard */

html {height:100% }
body {
	height:100%;
	background-color:#000000;
	margin:0;
	padding:0;
}

#content {
	position:relative;
	left:0;
	top:0;
	width:777px;
	height:519px;
	border:1px solid #808080;
	font-family:Arial,Helvetica,Sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#686868;
	line-height:14px;
}

#flash {
	position:absolute;
	left:280px;
	top:25px;
	width:490px;
	height:62px;
}

#logo {
	position:absolute;
	left:10px;
	top:11px;
}

#menus {
	position:absolute;
	left:0px;
	top:160px;
	width:166px;
	font-variant:small-caps;
	letter-spacing:1px;
	white-space:nowrap;
}


#contact {
	position:absolute;
	left:14px;
	top:398px;
	font-size:10px;
	line-height:13px;
}

/* ----- éléments séquencés ------ */

#photo {
	position:absolute;
	left:172px;
	top:90px;
	display:none;
}

#footer {
	position:absolute;
	width:611px;
	text-align:center;
	left:166px;
	top:490px;
	color:#464646;
	white-space:nowrap;
	letter-spacing:0px;
	font-size:10px;
	display:none;
}



/* ----------- éléments internes --------------- */

.lmenu {
	padding:10px 0 14px 14px;
	border-bottom:1px solid #1f1f1f;
	width:158px;
}
.lmenu a { color:#686868;text-decoration:none }
.lmenu a:hover { text-decoration:underline }

.lmenu-actif { color:#bdbdbd }

.lmenu2 {
	padding:10px 0 7px 14px;
	border-bottom:1px solid #1f1f1f;
	width:158px;
	color:#bdbdbd;
}
.lmenu2 a { color:#686868; text-decoration:none }
.lmenu2 a:hover { text-decoration:underline }

.lmenu2-actif {
	font-variant:normal;
	letter-spacing:0;
	background-image:url(../img/puce1.gif);
	background-repeat:no-repeat;
	padding:0 0 0 12px;
	margin:3px 0 0 3px;
}

.lmenu2-inactif {
	font-variant:normal;
	letter-spacing:0;
	background-image:url(../img/puce2.gif);
	background-repeat:no-repeat;
	padding:0 0 0 12px;
	margin:3px 0 0 3px;
}

#contact a { color:#bdbdbd; text-decoration:none }
#contact a:hover { text-decoration:underline }