html,body{
	margin:0;
	padding:0;
}
body{
	background-color: #112222;
	font-size: 12px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #f0f0f0;
	text-align: justify
}
img {
	border: 0px
}

/* pour IE */
/* mac hide \*/
* html, * html body{
	overflow:hidden;
	height:100%;
}
/*------ zone menu ------*/

#menu{
	z-index: 800;
	background: url(../images/f_menu.gif) repeat-y;
	position:fixed;/* for good browers */
	left:0px;
	top:0px;
	margin-top: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	width: 175px;
	overflow:hidden;
}
#tmenu{
	position: relative;
	left: -10px;
	top: -65px;
}
#pmenu{
	position: relative;
	left: -10px;
	top: 4px;
}
#logo{
	z-index: 900;
	position:fixed;/* for good browers */
	left: 0px;
	top: 0px;
	width: 123px;
	height: 122px;
	padding-left: 87px;
	padding-top: 23px;
	background: url("../images/logo.png") top left no-repeat;
}
#onglet{
	z-index: 850;
	position:fixed;/* for good browers */
	left: 0px;
	top: 0px;
	margin-left: 188px;
	margin-top: 150px;
}
* html #menu, * html #logo, * html #onglet {
	position: absolute;
}

/*------ onglets ------*/

a.ong, a.ong:visited{
	color: #fff;
	text-decoration: none;
}
a.ong:hover #ongphoto, a.ong:hover #ongdonnees{
	display: block;
	visibility: visible;
}
#ongphoto, #ongdonnees{
	position:fixed;/* for good browers */
	left: 0px;
	top: 0px;
	z-index: 751;
	width: 720px;
	padding: 20px 10px 20px 10px;
	margin-left: 220px;
	margin-top: 10px;
	background-color: #7c7c7c;
	border: 3px solid #222;
	display: none;
	visibility:hidden;
}
#ongphoto{
	z-index: 751;
	text-align: center;
}
* html #ongdonnees, * html #ongphoto {
	position: absolute;
}

/*------ menu deroulant ------*/

#menu {
	font-size: 12px;
	font-weight: normal;
	color:#fff;
}

/* plus de style pour les listes */
#menu ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
}

/*  style lien niveau 1 */
#menu a, #menu a:visited, .categ {
	display:block;
	text-decoration:none;
}
/* hack IE5.5 */
* html #menu a, * html #menu a:visited {
	width:175px;
	w\idth:175px;
}

/* masque le niveau 2 */
#menu ul ul {
	display: none;
	width:175px;
	visibility:hidden;
}

/* style de la table IE */
#menu table {
	border-collapse:collapse;
}


/* style liens niveaux 2 */
#menu ul ul a, #menu ul ul a:visited, #menu .item a {
	color:#fff;
	height:auto;
	width:175px;
	font-size: 12px;
	font-weight: normal;
	padding-left: 10px;
}
/* hack IE5.5 */
* html #menu ul ul a, * html #menu ul ul a:visited, * html #menu .item a {
	width:175px;
	w\idth:175px;
}

/* style en survol */
#menu a:hover{
	background:#334444;
}
#menu :hover > a{
	background:#334444;
}
#menu ul ul a:hover, #menu .item a:hover{
	color:#fff;
	background:#445555;
}
#menu ul ul :hover > a, #menu .item :hover > a {
	color:#fff;
	background:#445555;
}

/* affiche le niveau 2 */
#menu ul li:hover ul, #menu ul a:hover ul{
	display: block;
	visibility:visible;
}