body {
	background-color		:#981B1E;
	background-image		:url(img/fond.jpg);
	background-repeat		:no-repeat;
	background-position		:50% 30px;
	margin					:0;	 
	font-size 				:small;
	font-family 			:Verdana, Arial, Helvetica, Geneva, sans-serif;	
}

#wrapper {
	position				:relative;
	width					:800px;
	margin-left				:auto;
	margin-right			:auto;
	margin-top				:158px;
	margin-bottom			:70px;
	background-color		:#FFFFFF;
}									 

#content {
	height					:446px;
}

#nav {
	height					:56px;
	margin-left				:143px;
	padding-top				:4px;
	color					:#787878;
}

#nav a {
	color					:#293087;
	text-decoration			:none;
}

#nav a:hover {
	color					:#293087;
	text-decoration			:underline;
}

#main {
	height					:316px;	
	margin-left				:1px;
}

#vermenu {
	float					:left;
	height					:276px;
	width					:137px;
	background				:url(img/fond_ver_menu.jpg) #293087; 
	background-repeat		:no-repeat;
	
	padding-top				:40px;
	padding-left			:0;
	padding-right			:0;
	padding-bottom			:0;
	border					:0;
	font-size				:large;	
	font-variant			:small-caps;
	color					:#9999FF;
}

#vermenu a {
	margin-left				:15px;
	padding-top				:25px;
	color					:#9999FF; 
	text-decoration			:none;
	width					:122px;
	height					:40px;
	display					:block;
	text-align				:center;
	border-bottom-width		:1px;
	border-bottom-style		:dashed;
	border-bottom-color		:#9999FF;	
}

#vermenu a.cur {
	color					:#293087;
	background				:#9999FF;
}		

#vermenu a:hover {
	color					:#293087;
	background				:#9999FF;
}	

#page {
	float					:left;
	height					:311px;
	width					:420px;
	overflow				:auto;
	padding-left			:5px;
	padding-top				:0;
	padding-right			:5px;
	padding-bottom			:5px;
	
	color					:#787878;
							
	/* --- Scrollbar's style: Only for IE --- */
	scrollbar-3dlight-color	:#293087;
    scrollbar-arrow-color	:#293087;
    scrollbar-face-color	:#9999FF;
    scrollbar-highlight-color:#9999FF;
    scrollbar-shadow-color	:#9999FF;
}

#page a {
	color					:#293087;
	text-decoration			:none;
}

#page a:hover {
	color					:#293087;
	text-decoration			:underline;
}

#logo {
	position				:absolute;
	background				:url(img/logo_gris.gif) transparent; 
	background-repeat		:no-repeat; 
	width					:220px; 
	height					:255px;
	left					:575px;
}

#horaires {
	position				:absolute;
	background				:url(img/horaires.gif) transparent; 
	background-repeat		:no-repeat; 
	width					:230px; 
	height					:110px;
	left					:570px;
	top						:310px;
}

#break {
	clear					:both;
}

#hormenu {
	position:				:relative;
	background				:url(img/fond_hor_menu.jpg) #293087;
	background-repeat		:no-repeat; 		
	
	margin-left				:1px;
	margin-right			:1px;
	margin-top				:0px;
	margin-bottom			:10px;
	height					:60px;
	
	color					:#9999FF;
}

#hormenu ul {
	margin-left				:178px;
	margin-right			:0;
	margin-top				:0;
	margin-bottom			:0;
	padding					:5px;
	width					:355px;
}
			
#hormenu li {
	list-style				:none;
	margin					:0;
	display					:inline;
}

#hormenu a {
	padding					:2px;
	margin					:0;
	color					:#9999FF; 
	text-decoration			:none;
	text-align				:center;
	border					:0;	
}

#hormenu a.cur {
	color					:#293087;
	background				:#9999FF;
}		

#hormenu a:hover {
	color					:#293087;
	background				:#9999FF;
}	

#admin {
	position				:absolute;
	float					:left;
	top						:0px;
	left					:0px;
	padding					:5px; 
	border					:1px solid;
	background-color		:white;
	text-align				:center;
}

/* --- Rounded corners --- */
.t {background:   url(img/point.gif) 0 0 repeat-x; width: 100%}
.b {background:   url(img/b_point.jpg) 0 100% repeat-x}
.l {background:   url(img/point.gif) 0 0 repeat-y}
.r {background:   url(img/point.gif) 100% 0 repeat-y}  
.tl {background:   url(img/tl.jpg) 0 0 no-repeat}
.tr {background:   url(img/tr.jpg) 100% 0 no-repeat}			  
.bl {background:   url(img/bl.jpg) 0% 100% no-repeat}
.br {background:   url(img/br.jpg) 100% 100% no-repeat}
