body{
	background: #356470 url(../../_img/i_background.gif) repeat;
	margin:20px 0 0 0;
	padding:0;
	font-family:arial;
}

a{color:#FFF;}

#content{
	width:579px;
	margin:0 auto;
}

#entete{
	background:url(../_img_interface/en_tete.gif) no-repeat;
	width:579px;height:58px;position:relative;
}

#entete a{
	position:absolute;
	left:400px;top:0px;
	width:179px;height:58px;
	display:block;
}

#contenu{
	position:relative;
	margin-top:10px;
	width:579px;height:381px;
}

#bandegauche{
	position:absolute;
	z-index:1;
	left:0;top:0;
	width:197px;height:381px;
	background:url(../_img_interface/i_fond_menu_02.gif) no-repeat;
	border:1px solid #58A7BB;
}

#contenudroit{
	width:370px;height:381px;
	border:1px solid #58A7BB;
	background-color:#356470;
	margin-left:207px;
	position:relative;
	overflow:hidden;
	z-index:10;
}

#contenutexte{
	width:370px;height:381px;
	overflow:auto;
	color:#FFF;
	font-family:arial;
	font-size:12px;
	line-height:16px;
}

#contenutexte #texte{padding:0 20px 20px 20px;}
#contenutexte #texte h2{
	color:#79E4FF;
	margin:30px 0 0 0;
	font-size:13px;
}

#contenutexte #texte p{font-size:12px;}


#menu,#smenu{
	margin:10px 0 0 0;padding:0;
	list-style:none;
}


#menu li{color:#FFF;font-weight:bold;font-size:12px;margin-left:10px;}
#smenu li{padding-left:10px;margin:0 0 8px 15px;background:url(../_img_interface/fleche.gif) 0 6px no-repeat;}
#smenu li a{color:#FFF;text-decoration:none;font-size:11px;font-weight:normal;line-height:12px;}
#smenu li.done a{color:#7DCFE7;}

#copyright{float:right;width:370px;text-align:left;color:#FFF;font-size:10px;margin-top:5px;}
#copyright a{color:#FFF;font-family:arial;font-size:10px;text-decoration:none;}
#copyright a:hover{color:#FFFC44;}


#fermer {
	background:url(../_img_interface/b_close.gif) 0 -34px no-repeat;
	width:59px;height:17px;
}
#fermer a{
	background:url(../_img_interface/b_close.gif) no-repeat;
	width:59px;height:17px;
	display:block;
}

#fermer a:hover{background-image:none;}

#contenumenu{overflow:auto;height:381px;z-index:0;}


.encyclopedie,.encyclopediedone,.encyclopedie2{
	background:url(../_img_interface/t_encyclopedie_en.gif) 0 -22px no-repeat;
	width:161px; height:19px;
	margin:10px 0 0 8px;
}
.encyclopedie a{
	background:url(../_img_interface/t_encyclopedie_en.gif) 0 0 no-repeat;
	width:161px; height:19px;
	display:block;
}

.encyclopedie a:hover{background-image:none;}

#smenu_encyclopedie{
	position:absolute;
	left:185px;top:10px;
	background-color:#FFF;
	z-index:25;
	width:175px;
	border:1px solid #58A7BB;
	visibility:hidden;
}

ul.sousmenu{
	margin:0;padding:0;
	list-style:none;
}

ul.sousmenu li{padding:0;margin:0;}

ul.sousmenu li{
	clear:left;
	float:left;
}

ul.sousmenu li.done a{
	padding:0 0 0 10px;
	font-size:10px;
	color:#FFF;
	font-family:arial;
	text-decoration:none;
	display:block;
	line-height:15px;
	width:165px;height:15px;
	background-color:#767676;
}

ul.sousmenu li a{
	padding:0 0 0 10px;
	font-size:10px;
	color:#767676;
	font-family:arial;
	text-decoration:none;
	display:block;
	line-height:15px;
	width:165px;height:15px;
}
ul.sousmenu li a:hover{
	color:#FFF;
	background-color:#767676;
}

#vignette{
	position:absolute;
	top:0;left:220px;
	visibility:hidden;
	width:200px;
	z-index:70;
	font-family:arial;
	font-size:12px;
}

#vignette .haut{
	background:url(../../_img/vignette-pop_haut.gif) no-repeat;
	height:18px;
}
#vignette .contenu{
	background:url(../../_img/vignette-pop_milieu.gif) repeat-y;
	color:#000;
	padding:0 20px;
}
#vignette .bas{
	background:url(../../_img/vignette-pop_bas.gif) no-repeat;
	height:18px;
}

a.linkvignette{font-size:10px;}
a.linkvignette:hover{color:#FFFC44;}