html{font-family:Georgia, Times New Roman, Times, serif; font-size:12px; background:transparent url(../img/grgrad.gif) repeat-x; background-color:#dff4eb;}
#menu a{display:block; padding-top:10px; padding-right:5px; width:140px; height:35px; color:#FFFFFF; text-decoration:none; font-weight:bold; background:transparent url(../img/orange.jpg) no-repeat;}
#menu a:hover{display:block; width:140px; height:35px; color:#F76402; text-decoration:none; background:transparent url(../img/nacre2.jpg) no-repeat;}
a{color:#FF9900; text-decoration:none; font-weight:bold;}
a:hover{color:#FF6600; text-decoration:underline;}
#cont{border:2px; border-color:#FFCC99; border-style:dotted; width:800px;}
#sousban{padding-bottom:15px; padding-top:5px; border-bottom:2px; border-bottom-color:#FFCC99; border-bottom-style:dotted;}
#menu{padding-top:10px; border:2px; border-color:#FFCC99; border-right-style:dotted; vertical-align:top;}
#milieu{padding:10px;}
#txt{color:#FF9933;}
#txtrr{color:#FF0000;}
#txtr{color:#FF0000; font-weight:bold; text-decoration:underline;}
h2{color:#FFFFFF; background-image:url(../img/h2.jpg); font-size:20px;}
h4{color:#FF3300;}
.star{font-size:16px; font-weight:bold; color:#3300FF;}

.clear{
		clear:both;
	}
	
	#mainContainer{
		width:760px;
		text-align:left;
		margin:0 auto;
		background-color: #FFF;
		border-left:1px solid #000;
		border-right:1px solid #000;
		height:100%;
	}
	
	#topBar{
		width:760px;
		height:100px;
	}
	#leftMenu{
		width:200px;
		padding-left:10px;
		padding-right:10px;
		float:left;
	}
	#mainContent{
		width: 520px;
		padding-right:10px;	
		float:left;
	}
	/*
	General rules
	*/

	#dhtmlgoodies_slidedown_menu li{
		list-style-type:none;
		position:relative;
	}
	#dhtmlgoodies_slidedown_menu ul{
		margin:0px;
		padding:0px;
		position:relative;

	}

	#dhtmlgoodies_slidedown_menu div{
		margin:0px;
		padding:0px;
	}
	/* 	Layout CSS */
	#dhtmlgoodies_slidedown_menu{		
		width:600px;	
	}

	/* All A tags - i.e menu items. */
	#dhtmlgoodies_slidedown_menu a{
		color: #000;
		text-decoration:none;	
		display:block;
		clear:both;
		width:250px;	
		padding-left:2px;	

	}
	
	/*
	A tags 
	*/
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
		margin-top:20px;
		margin-bottom:20px
		font-weight:bold;
		font-size:16px;
		width:600px;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
		margin-top:3px;
		margin-bottom:3px;
		color:#6A6AFF;
		font-size:14px;
	border-bottom:2px dotted #FFCC99;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{	/* Sub menu items */
		margin-top:1px;
		font-style:italic;
		color:blue;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4{	/* Sub menu items */
		margin-top:1px;
		color:red;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth5{	/* Sub menu items */
		margin-top:1px;
	}

	/* UL tags, i.e group of menu utems. 
	It's important to add style to the UL if you're specifying margins. If not, assign the style directly
	to the parent DIV, i.e. 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1
	
	instead of 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul
	*/
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
		margin-left:5px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
		margin-left:10px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
		margin-left:15px;
		padding:1px;
	}