/* Collège Maurice Ravel - Briag Serazin - 2010 */

*
{
	margin: 0;
	padding: 0;
}

body {
	background: #f1f0f0;
	/*font-family: arial, helvetica, sans-serif;*/
	font-family: segoe UI;
	text-align: center;
}
.clr { clear: both; }

#page {
	margin: 0 auto;
	width: 1010px;
	text-align: left;
	background: #FFFFFF  url(../images/middle.png) repeat-y top left;
}

#header {
	width: 1010px;
	height: 319px;
	background: #FFFFFF url(../images/header.png) no-repeat top left;
	margin: 0;
}

	#header ul.menu {
		width: 100%;
		font-size: 12px;
		text-align: center;
	}
		#header ul.menu li {
			display: inline;
			margin-left: 10px;
			margin-right: 10px;
		}
			#header ul.menu li a:active, #header ul.menu li a:visited, #header ul.menu li a:link, #footer a:active, #footer a:visited, #footer a:link {
				color: #FFF;
				font-weight: bold;
				text-decoration: none;
			}
			#header ul.menu li a:hover, #footer a:hover  {
				color: #e1d134;
			}
#content {
	float: left;
	width: 630px;
}
#left {
	float: left;
	width: 190px;
}
#right {
	float: right;
	width: 190px;
	background: transparent url(../images/right_middle.png) repeat-y top right;
}
	#right .header {
		width: 190px;
		height: 113px;
		background: transparent url(../images/right_header.png) no-repeat top right;
		height: 100%;
	}
	#right .footer {
		width: 190px;
		height: 123px;
		background: transparent url(../images/right_footer.png) no-repeat top right;
	}
.menu_vertical .menu li {
	list-style: none;
	margin-left: 20px;
	margin-bottom: 10px;
	padding: 4px;
	padding-left: 20px;
	font-size: 12px;
}
.menu_vertical h3 {
	height: 35px;
	margin-left: 20px;
	margin-bottom: 20px;
	padding-left: 15px;
	font-size: 14px;
	background: transparent url(../images/menu_titre.gif) no-repeat bottom left;
}
	.menu_vertical a:visited, .menu_vertical a:link {
		color: #000;
		font-weight: bold;
		text-decoration: none;
	}
	.menu_vertical a:hover {
		color: #fd6802;
	}
	#left .active {
		background: transparent url(../images/left_hover.png) no-repeat top left;
	}
	#right .active {
		background: transparent url(../images/right_hover.png) no-repeat top left;
	}


#footer {
	padding-top: 5px;
	font-weight: bold;
	background: #e1d134;
}
	#footer p {
		padding: 3px;
		background: #fd6802;
		color: #FFF;
		font-size: 11px;
		text-align: center;
	}
	
	
#form-login {
	font-size: 12px;
}
	#form-login fieldset {
		margin-left: 20px;
		border: none;
	}
	#form-login input {
		margin-top: 5px;
		padding: 2px;
		border: 1px #EAEAEA solid;
	}
	#form-login li {
		list-style: none;
		margin-left: 20px;
		padding: 2px;
		padding-left: 20px;
		font-size: 8px;
		font-weight: normal;
	}