html{
	margin:0;
	padding:0;
	height: 100%;
	}

BODY{
	margin:0;
	padding:0;
	height: 100%;
	font-family:arial;
	font-size:10pt;
	background-color:#323232;
	}

#son{
	overflow:hidden;
	width:0;
	height:0;
	}

#grandMere{
	height: 100%;
	width:100%;
	padding:0;
	margin:0;
	}

#mere{
	height: 726px;
	width:992px;
	margin:auto;
	border:solid 1px #000;
	background-color:#FFF;
	}

#bandeau{
	background-color:#323232;
	height:128px;
	}

#evenement{
	background:url(../images/event.gif) no-repeat;
	width:448px;
	height:73px;
	float:right;
	margin:10px;
	}
#evenement.off{
	background:url(../images/event_off.gif) no-repeat;
	}

#scrollActu{
	width:440px;
	height:65px;
	margin:4px auto;
	overflow:hidden;
	}

#evenement TD.uneActu{
	width:440px;
	height:65px;
	text-align:center;
	padding:0 30px;
	}

#evenement TD.uneActu A{
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	font-size:12pt;
	}

#evenement TD.uneActu A SPAN{
	font-weight:bold;
	font-style:italic;
	font-size:14pt;
	color:#FFFF00;
	}


#menu_haut{
	float:right;
	width:665px;
	height:25px;
	padding:0 15px;
	background-color:#7f7f7f;
	margin-right:20px;
	}

#menu_haut A{
	display:block;
	float:left;
	width:122px;
	padding:2px 0;
	margin:2px;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	background:url(../images/menu_haut_off.gif) center center no-repeat;	
	}

#menu_haut A:hover{
	color:#000;
	background:url(../images/menu_haut_on.gif) center center no-repeat;	
	}

#recherche{
	margin:2px 15px;
	display:block;
	float:left;
	color:#FFF;
	font-weight:bold;
	background:url(../images/rech_fd.gif) repeat-x;
	}

	#recherche FORM{
		margin:0;
		}

	#recherche SPAN{
		float:left;
		line-height:20px;
		}
		
	#recherche INPUT{
		background-color:#ccc;
		/*border:solid 1px #323232;*/
		border:0;
		color:#000;
		font-size:8pt;
		height:14px;
		padding:1px 5px;
		margin:2px 5px;
		float:left;
		}
	
	#recherche BUTTON{
		padding:0;
		margin:0;
		border:0;
		background:url(../images/rech_ok.gif);
		float:left;
		width:22px;
		height:20px;
		}



#gauche{
	float:left;
	width:275px;
	_width:275px;
	height:598px;
	overflow:hidden;
	background-color:#7f7f7f;
	}

#gauche .menu A, #gauche .menu SPAN{
	background:url(../images/bt_rayure.gif) 0 19px repeat-x;
	display:block;
	height:67px;
	line-height:67px;
	text-decoration:none;
	color:#FFF;
	padding-left:15px;
	font-size:15pt
	}
#gauche .menu A IMG{
	border:0;
	margin-top:10px;
	margin-right:20px;
	float:left;
	}

#gauche .menu SPAN{
	background:url(../images/bt_on.gif) center 14px no-repeat;
	padding-left:74px;
	font-weight:bold;
	}
#gauche .menu SPAN IMG{
	border:0;
	margin-right:2px;
	margin-top:10px;
	float:right;
	}



#ssmenu{
	background-color:#323232;
	float:left;	
	width:65px;
	height:320px;
	}

#ssmenu A{
	display:block;
	text-align:center;
	padding:10px 0;
	margin:8px 0;
	}

#ssmenu A:hover{
	background-color:#FFF;
	}
	
#ssmenu SPAN{
	display:block;
	text-align:center;
	padding:10px 0;
	margin:8px 0;
	background-color:#FFF;
	}

#ssmenu A img{
	border:0;
	}

#contenu{
	/*margin-left:275px;*/
	_margin-left:0;
	width:717px;
	_width:714px;
	overflow-x:hidden;
	overflow-y:auto;
	}