html, body {
  height: 100%; 
}

body {
	font-family: Arial, verdana, sans-serif;
  font-size: 63%;
  text-align: center;
  margin: 0;
  padding: 0;
  background: url(../images/bg.png) 50% 0 repeat-y #8590EA;
}

#container {
  width: 900px;
  text-align: left;
  margin: -45px auto 0;
  
  font-size: 1.2em;
  line-height: 18px;
  min-height: 100%;
}

	#header {
		height: 120px;
		background: url(../images/logosrpst.jpg) 100% 45px no-repeat transparent;
		padding-top: 45px;
		position: relative;
	}
  
  	#logo img { 
    	border: 0;
    }

		h1{
			margin: 0;
			padding: 0;
		}
		
		h1 span {
			display: none; 
		}
  
  	#side_nav * {
		margin: 0;
		padding: 0;
	}
	
	#side_nav {
		width: 180px;
		background: #e0f0ff;
		float: left;
	}

		#navigation * {
			margin: 0;
			padding: 0;
		} 
		
		#navigation li {
			position: relative;
			list-style: none;
			height: 30px;
			line-height: 30px;
                        font-weight: bold;
			white-space: nowrap;
			background: url(../images/nav_l1_bg.jpg) 100% 0 no-repeat #fff;
			padding-left: 35px;
			color: #1E1E68
		}
		
		#navigation a {
			text-decoration: none;
			color: #1E1E68;
		}
		
		#navigation a:hover {
			text-decoration: none;
			font-weight: bold;
                        color: #666;
		}
		
		#navigation li:hover, #navigation li:hover a {
			color: #666;
		}
			
		#navigation li ul {
			display: none;
		}
		
		#navigation li:hover ul {
			position: absolute;
			left: 180px;
			top: -2px;
			display: block;
			background: url(../images/subnav_bg.jpg) 100% 1px repeat-y #fff;
			border: 1px solid #e6e6e6;
			border-left: none;
		}
		
		#navigation li:hover ul li {
			padding: 0 15px 0 15px;
			width: auto;
			background: none;
			color: #1E1E68;
		}
		
		#navigation li:hover ul li a {
			color: #1E1E68;
		}
		
		#navigation li ul li:hover a, #navigation li ul li:hover {
			color: #666;
		}
	
		#navigation li:hover ul li ul {
			display: none;
			position: relative;
		}
		
		#navigation li ul li:hover ul {
			display: block;
			position: absolute;
			top: -1px;
			left: 100%;
		}
		
		#navigation li:hover ul li:hover ul li a {
			color: #1E1E68;
		}
		#navigation li ul li:hover ul li:hover a {
			color: #666;
		}
		
		
		#side_nav .moduletable_login {
			margin-top: 20px;
			padding-left: 15px;
			padding-bottom: 15px;
		}

		#side_nav .moduletable_login h3 {
			margin: 0;
			padding: 0;
			font-size: 14px;
			color: #ff3300;
			margin-bottom: 10px;
		}
		
		#side_nav .moduletable_login fieldset {
			border: none;
		}
		
		#side_nav .moduletable_login li {
			list-style: none;
		}
		
		#side_nav .moduletable_login a {
			text-decoration: none;
		}
		
		#side_nav .moduletable_login a:hover {
			text-decoration: underline;
		}

   
  
  
	#content {
		width: 490px;
		float: left;
		margin-left: 10px;
	}
	
		#content .componentheading, #content .contentheading_page, #content .moduletable_shortmgs h3 {
			font-size: 14px;
                        font-weight: bold;
			color: #FF3300;
			background: url(../images/cont_bg.jpg) 0 0 no-repeat transparent;
			padding: 10px 10px 10px 20px;
			width: 450px;
		}
		
		#content .contentheading {
			 font-size: 14px
                         font-weight: bold;
                         color: #000099;
		}
		
		#content .moduletable_shortmgs .contentpaneopen {
			padding-right: 10px
		}
  
    
    
    h2 {
		padding: 0;
		margin: 0;
		font-weight: bold;
                font-size: 1.1em; 
		color: #FF3300;
    }
  
	#side {
		width: 180px; 
		float: right;
		background: url(../images/right_col_bg.jpg) 0 0 no-repeat #D9ECFF;
		padding: 10px;
	}
	
	#side .moduletable_poll {
		border: 1px solid #CEE5FF;
		background: #fff;
		padding: 5px;
		margin-bottom: 10px;
	}
	
	#side .moduletable_sidebanners {
		border: 1px solid #CEE5FF;
		background: #fff;
		padding: 5px 5px 15px 5px;
		margin-bottom: 10px;
	}
	
	#side .moduletable_sidebanners h3 {
		padding: 0;
		margin: 0;
		font-size: 10px;
		font-weight: normal;
	}
	
	#side .moduletable_sidebanners .banneritem_sidebanners {
		padding-left: 10px;
	}
	
	#side .moduletable_sidebanners .banneritem_sidebanners img {
		border: none;
	}
	
	#side .moduletable_contact {
		border: 1px solid #CEE5FF;
		background: #fff;
		padding: 5px;
	}
	
	#side .moduletable_directeur {
		border: 1px solid #CEE5FF;
		background: #fff;
		padding: 10px 5px 5px 5px;
		margin-bottom: 10px;
	}
	
	#side .moduletable_directeur img {
		margin-left: 40px;
	}
	
	#side .moduletable_directeur p {
		text-align: center;
		
	}
	
	#side .moduletable_directeur a {
		color: #000;
		text-decoration: none;
	}
	
	#side .moduletable_directeur a:hover {
		text-decoration: underline;
	}
	
	 hr {
      clear: both;
      margin: 0;
      padding: 0;
      border: 0;
      height: 1%;
      line-height: 1%; 
      visibility: hidden;
    }

   
#footer {
  clear: both;
  width: 880px;
  margin: 0 auto; 
  text-align: left;
  line-height: 20px;
  font-size: 1.1em;
  height: 40px;
  background: #001683;
  color: #fff;
  padding:  5px 0 0 20px;
}

  #footer a {
    color: #fff;
    text-decoration: none; 
  }
  
  #footer a:hover {
   text-decoration: underline; 
  }
  
  #footer * {
    margin: 0;
    padding: 0; 
  }
  
  #footer li {
    display: inline;
    list-style: none;
    margin: 0 7px 0 0;
	padding: 0 0 0 7px;
	border-left: 1px solid #fff;
  }
  
  #footer .item2, #footer .item5 {
  	border: none;
  }