body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #030100;
	background-color: #CCCCCC;
}

a:link, a:visited, a:active {
	color:#030100;
	text-decoration:none;
	font-style:normal;
}

a:hover {
	color:#FF6600;
}

/*##############################################################################
############################ Styles généraux ###################################
##############################################################################*/
h1 {
	font-size:18px;
	color:#066fb0;
	margin:0;
	padding:5px 0 8px 0;
}

h2 {
	color:#ff6600;
}

h3 {

}

.clearFloat {
	clear:both;
}

.asterisque {
	color:#FF0000;
}

.message {
	color:#FF0000;
	text-align:center;
	border:1px solid #FF0000;
	background:#CCCCCC;
	padding:10px;
	font-weight:bold;
	font-style:italic;
}

.note {
	text-align:center;
	color:#999999;
	font-size:9px;
	font-style:italic;
}

/*##############################################################################
########################## Interface générale ##################################
##############################################################################*/
#interface {
	width:980px;
	margin:auto;
	background-color:#FFFFFF;
	position:relative;
}

	#header {
		padding-left:18px;
		padding-top:4px;
	}
		#header_left {
			width:287px;
			float:left;
		}
			#header_coords {
				width:287px;
				/*background:url(../images/coords_bg.png) no-repeat;*/
				height:89px;
				margin-top:4px;
				padding:2px 36px;
				font-size:13px;
			}
				#header_coords img {
					float:left;
					margin-right:3px;
				}
				#header_adresse {
					margin-bottom:2px;
				}
				#header_tel {
					margin-bottom:2px;
					color:#ff6600;
					font-size:18px;
					font-weight:bold;
					font-style:italic;
					overflow:auto;
				}
				#header_mail {

				}

		#header_right {
			width:175px;
			float:right;
			margin-right:4px;
			/*background:url(../images/inscription_bg.png) no-repeat;*/
			height:305px;
		}
			#header_right div {
				margin-left:-30px;
				color:#555555;
				font-size:12px;
				font-weight:bold;
				margin-bottom:5px;
			}
			#header_right form {
				padding-left:40px;
			}
				#form_login {
					padding-top:57px;
				}
				#form_inscription {
					padding-top:20px;
				}
				#header_right form input {
					width:115px;
					border:1px solid #b7b7b7;
					height:21px;
					color:#3684d1;
					margin-bottom:15px;
				}
				#submit-login {
					background:#fdfbed;
				}
		#header_center {
			margin-left:297px;
		}
			#header_center img {
				margin-bottom:5px;
			}
	/* Menu principal sur la page d'accueil */
	#menutop {
		padding-left:1px;
	}
	
	/* Meme menu mais dans les pages internes du site */
	#menuleft {
		width:323px;
		float:left;
	}
		.menu {
			border:1px solid #d7d7d7;
			width:312px;
			float:left;
			margin-left:9px;
			margin-bottom:5px;
		}
			.menu_head {
				text-align:center;
				height:34px;
				padding-top:10px;
			}
			.menu_content {
				height:172px;
				padding-top:10px;
			}
				#menu_uia {
					background:url(../images/uia_bg.png) no-repeat;
				}
				#menu_programmes {
					background:url(../images/programmes_bg.png) no-repeat;
				}
				#menu_agenda {
					background:url(../images/agenda_bg.png) no-repeat;
				}
					#calendrier {
						width:180px;
						float:left;
					}
				
				.menu_content ul {
					margin:0;
					padding:5px;
				}
					.menu_content ul li {
						list-style:none;
						background:url(../images/li-bg.png);
						margin-bottom:2px;
						font-size:15px;
					}
						.menu_content ul li a {
							display:block;
							background:url(../images/puce-li.png) no-repeat 1px 1px;
							padding-left:27px;
							padding-top:1px;
							height:21px;
							color:#030100;
						}
						.menu_content ul li a:hover {
							background:url(../images/puce-li-over.png) no-repeat 1px 1px;
							color:#858585;
						}
						
						.menu_content ul li a.selected {
							background:url(../images/puce-li-select.png) no-repeat 1px 1px;
							color:#ff6600;
						}
	
	#home {
		clear:both;
		border:1px solid #d7d7d7;
		margin:5px 10px;
		padding:9px;
		overflow:auto;
	}
		.home_pave {
			float:left;
			padding:5px;
		}
		.home_pave li {
			margin-bottom:5px;
		}
		
			#actualites {
				width:300px;
				border-right:1px solid #d7d7d7;
			}
			#dernieres_minutes {
				
				
				width:308px;
			}
			#ce_mois_ci {
				width:300px;
				border-left:1px solid #d7d7d7;
			}
	
	#content {
		
	}
	
		#contenu {
			margin-left:330px;
			margin-right:5px;
			/* width:645px */
		}
			#fil_ariane {
				color:#999999;
				font-style:italic;
			}
			
			.pave_contenu {
				margin-bottom:10px;
				overflow:auto;
			}
				.pave_contenu p {
					margin-top:0;
				}
				
				.pave_contenu a {
					color:#80b0c9;
				}
				.pave_contenu a:hover {
					text-decoration:underline;
				}
				.texte_photo_left {
					float:left;
					margin-right:5px;
					margin-bottom:4px;
				}
				.texte_photo_right {
					float:right;
					margin-left:5px;
					margin-bottom:4px;
				}
			#contenu h4 {
				border-bottom:1px solid #cccccc;
				padding-bottom:3px;
				color:#ff6600;
				font-size:14px;
				margin-left:42px;
			}
			#contenu .h4_puce {
				float:left;
				margin-right:2px;
				width:40px;
			}
			#contenu h5 {
				color:#066fb0;
				font-size:12px;
				margin-left:42px;
				padding-top:2px;
			}
	
	#btnhautpage {
		color:#858585;
		position:absolute;
		left:12px;
		bottom:5px;
	}
	#btnhautpage:hover {
		color:#ff6600;
	}
	
	#footer {
		clear:both;
	}
		#sabot {
			background:#ebebeb;
			padding:5px;
			margin:10px;
			text-align:center;
			color:#858585;
		}
		
		#caponline {
			text-align:right;
			padding-bottom:5px;
			margin-right:10px;
		}
			a.lien_caponline {
				font-weight:bold;
				color:#066fb0;
			}
			a.lien_caponline:hover {
				color:#ff6600;
			}