body {
	background-color: #ffffff;
}
	.largeur_du_site {
		width: 1005px;
	}
		#header {
			height: 275px;
			background: transparent url(../images/head.gif)  no-repeat top left !important;
		}
			#header #lien_logo_hp {
				top: 40px !important;
				left: 60px !important;
			}
			#header #lien_logo_hp a{
				display: block;
				width: 320px !important;
				height: 120px !important;
				background: transparent url(../images/logo.png)  no-repeat top left !important;
			}
				* html #header #lien_logo_hp a{
					width: 320px !important;
					height: 120px !important;
					background: transparent url(../images/logo.gif)  no-repeat top left !important;
				}
			
			#header #lien_logo_hp img {
				display: block;
				width: 320px !important;
				height: 120px !important;
			}
			#header #menu_general {
				padding: 10px 30px 34px 30px !important;
				display: block;
				top:200px !important;
				left:0px !important;
				width: 100% !important;
				height:40px !important;
				background: transparent url(../images/menu.gif) no-repeat bottom left !important;
			}
					#header #menu_general span.m,
					#header #menu_general a{
						color: #ffffff;
						font-weight: normal;
						font-size: 14px;
						border-right: 2px solid #f09342;
					}
					#header #menu_general a:hover{
						color: #f09342;
					}
					#header #menu_general a.mselected{
						color: #ed7a16;
					}
					
/* MENU CONTEXTUEL */	
					
			#menu_contextuel {
				position: absolute;
				padding: 0px 0px 0px 0px;
				display: block;
				top: 250px;
				left: 0px;
				width: 700px;
				height: 20px;
			}
			
			#menu_contextuel ul {
				position: relative;
			}
			
			#menu_contextuel li {
				position: inline;
				float: left;
			}
			
			#menu_contextuel ul,
			#menu_contextuel ul li
			{
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				list-style: none;
				list-style-image: none;
				background-image: none;
			}
					#menu_contextuel a {
						display: block;
						padding: 0px 10px 0px 0px;
						margin: 2px 10px 0px 0px;
						height: 14px;
						color: #51555d;
						font-weight: normal;
						font-size: 14px;
						border-right: 2px solid #51555d;
					}
					* html #menu_contextuel a {
						width: 50px;
						white-space: nowrap;
					}
					
					#menu_contextuel a:hover {
						color: #f09342;
					}
					
					#menu_contextuel a.selected {
						color: #ed7a16;
					}
						
/* sous menu */
			#header #menu_general div.menu{
				top:36px;
			}
				#header #menu_general div.menu table {
					border: 1px solid #214c99;
					border-top: 0px none transparent;
					padding: 0px 0px 5px 0px;
					background: #ffffff;
					left:-10px;
					width: 150px;
				}	
					#header #menu_general div.menu a{
						color: #214c99;
						border: 0px none transparent;
					}
					
					#header #menu_general div.menu a.smain {
					}
					
					#header #menu_general div.menu a.smain:hover{
						color: #ffffff;
						background-color: #f09342;
					}
					#header #menu_general div.menu a.smainselected span{
						color: #f09342;
					}
			#header #ariane{
					
					top:290px;
					left:30px;
					border-bottom: 1px solid #d9d9d8;
				}
				
			.canevas_1 #ariane{
				display: none;
			}
/* contenu */
	#page {
		margin-top: 275px;
		background: #ffffff url(../images/content_bk.gif) repeat-y top left;
	}	
		#page #hp_body {
			background: transparent url(../images/hp_content_bk.gif) repeat-y left top;
		}
		
		#page #hp_footer {
			background: transparent url(../images/hp_foot.gif) no-repeat left bottom;
			padding-bottom: 125px;
		}	
			#page #colonne_menu{
				display:none;
			}
				/* IE6 */ * html #page #colonne_menu{
					width: 200px;
					height:100%;
				}
				
			
				#hp_body #colonne_menu{
					display:block;
					padding: 8px 0px 40px 0px;
					margin: 0px 0px 0px 0px;
					width: 305px;
					height:100%;
					background: transparent !important;
				}
			
			#page #contenu {
				width: 1004px;
				height:100%;
				float: none !important;
				background: transparent !important;
			}
				#hp_body #contenu {
					width: 700px;
					height:100%;
					float: right !important;
					background: transparent !important;
				}
	
			#page #colonne_du_centre{
				width: 680px;
				height:100%;
				background: transparent !important;
			}
				* html #page #colonne_du_centre {
					width: 680px !important;
				}
	
	
			#hp_body #colonne_du_centre{
				width: 670px;
				height:100%;
				background: transparent !important;
			}
				* html #hp_body #colonne_du_centre {
					width: 670px !important;
				}
			
			
			#page #colonne_de_droite{
				padding: 30px 0px 40px 0px;
				margin: 0px 0px 0px 0px;
				width: 288px;
				height:100%;
				background: transparent !important;
			}
				* html #page #colonne_de_droite {
					width: 288px !important;
				}
				
			#hp_body #colonne_de_droite{
				display:none;
			}
				* html #page.hp #colonne_de_droite {
					width: 200px !important;
				}
				
			.marge{
				padding: 60px 0px 40px 40px;
				background: transparent !important;
			}
			#hp_body .marge {
				padding: 20px 0px 40px 40px !important;
			}
			
			
			.t2 {
				padding: 0px 35px 0px 30px;
			}
			

		div#accordion{
			padding:0px;
		}
		
		.accordion {
			position: relative; /* required for bounding */
			width:640px;
		}
			.accordion .title{
				display: block;
				height: 24px;
				padding: 6px 14px 0px 14px;
				position: relative; /* required for effect */
				z-index: 10;		/* required for effect */
				background: #f1f1f1 url(../images/accordion_off.gif) repeat-x left bottom;   
				cursor: pointer;
				margin: 0px 0px 1px 0px;
			}
				.accordion .title:hover{
					color: white;
					background: #a5a5a5 url(../images/accordion_on.gif) repeat-x left bottom; 
				}
				.accordion .title.selected{
					font-style: normal; 
					margin: 15px 0px 5px 0px; 
					padding: 2px 0px 0px 20px; 
					font-size: 16px; 
					font-weight: normal; 
					text-align: left; 
					background: url(../images/puce_title.gif) no-repeat left top;
					color: #6f7173;
				}
			.accordion .content{
				background: none repeat scroll 0 0;
				overflow:hidden;
			}
			.accordion .content .text{
				padding: 20px 0px 10px 0px;
			}
			.accordion .content .text h1{
				display: none;
			}





/* Footer : pied de page visible */

		#footer {
			margin: 0px 0px 0px 0px;
			height: 40px;
			background: transparent url(../images/foot.gif) no-repeat left bottom;
	
		}



/* div menu utilitaire */

		#header #menu_utilitaire{
			display: block;
		}
		#footer #menu_utilitaire{
			display: none;
		}
				#menu_utilitaire {
					position: absolute;
					width: 590px;
					height: 40px;
					top:12px;
					left:400px;
					text-align: right;
					background: transparent url(../images/menu_top_bk.png) no-repeat left top;
					padding: 10px 0px 0px 0px;
				}
					* html #menu_utilitaire {
						background: transparent url(../images/menu_top_bk.gif) no-repeat left top;
					}
					#menu_utilitaire span.tools {
						border-right: 2px solid #ed7a16;
					}
					#menu_utilitaire a.tools{
						color: #ffffff;
						font-weight: normal;
						text-align: right;
						padding: 10px 10px 0px 10px !important;
					}
						#menu_utilitaire a.tools:hover{
							color: #ffffff;
						}
						#menu_utilitaire a.toolsselected{
							color: #ffffff;
						}
.sousmenu_box h1 {
	display:none !important;
}
/* Welcome user */						
		#welcome {
			position: relative;
			width: 225px;
			height: 20px;
			text-align: right;
			top:247px;
			left:725px;
			padding: 5px 30px 0px 0px;
			background: transparent url(../images/user.gif) no-repeat right top;
		}			
/* Choix des langues */	
					
		ul.langue {
			display: inline;
			margin: 0px;
			padding: 0px 0px 0px 0px !important;
		}
		
			ul.langue li {
				display: inline;
				margin: 0px;
				padding: 0px;
				list-style: none;
			}
			
				ul.langue li a  {
					color: #ffffff !important;
				}

	
/* div recherche */
		#header #zone_recherche{
			display: block;
		}
		#footer #zone_recherche{
			display: none;
		}
			#zone_recherche{
			/* zone de l'entrée au moteur de recherche */
				position: absolute;
				width: 190px;
				height: auto !important;
				top:20px;
				left:410px;
				text-align: left;
			}
				#zone_recherche form{
				}
					#zone_recherche form table{
						text-align: left;
					}
					#zone_recherche form table tr td{
						vertical-align: top;
					}
						#zone_recherche #word_search{
							font-size: 10px;
							color: #666666;
							width: 160px;
							height: 13px;
							background: transparent;
							border:0px none transparent !important;
						}
						#zone_recherche #btn_search{
							width: 22px;
							height: 15px;
							border:0px none transparent !important;
						}



/* div menu copyright */

		#footer #menu_copyright{
			position: absolute;
			margin: 0px 0px 0px 0px;
			top:10px;
			width: 944px;
			padding: 0px 30px 0px 30px;
		}
		
		#footer #menu_copyright *{
			color: #5b5d67;
			font-size: 10px;
			text-align: left;
		}
				#footer #menu_copyright #menu_copyright_left{
					float: left;
					text-align: left;
				}
				#footer #menu_copyright #menu_copyright_right{
					float: right;
					text-align: right;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
				}
					#footer #menu_copyright b{
						color: #5b5d67;
						font-weight: bold;
					}
					#footer #menu_copyright a{
						color: #5b5d67;
					}
						#footer #menu_copyright #menu_copyright_right a{
								margin: 0px 0px 0px 20px;
						}
					#footer #menu_copyright a.selected{
						color: #96bf0d;
					}
					#footer #menu_copyright a:hover{
						color: #96bf0d;
					}
					
					
					
/* Lien UCL */
		#footer #liens_ucl {
			display: none;
		}
		
		.canevas_1 #footer #liens_ucl {
			display:block !important;
			position: absolute;
			margin: 0px 0px 0px 0px;
			top:-135px;
			left:20px;
			width: 75px;
			height: 135px;
		}
			.canevas_1 #footer #liens_ucl a {
				display:block;
				width: 75px;
				height: 135px;
				text-indent: -2000px;
				overflow: hidden;
			}

		#footer #liens_ucl2 {
			display: none;
		}
		
		.canevas_1 #footer #liens_ucl2 {
			display:block !important;
			position: absolute;
			margin: 0px 0px 0px 0px;
			top:-60px;
			left:20px;
			width: 330px;
			height: 60px;
		}
			.canevas_1 #footer #liens_ucl2 a {
				display:block;
				width: 330px;
				height: 60px;
				text-indent: -2000px;
				overflow: hidden;
			}

/* connexion (HP) */




		#access {
			
		}
			#access_box {
				
			}
				#access_title {
					background: transparent url(../images/colonne_bk.gif) no-repeat 0px -105px ;
					color: #214c99;
					height: 40px;
					padding: 5px 10px 0px 20px;
					margin: 0px 0px 0px 0px;
				}
				#access_form {
					background: transparent url(../images/colonne_bk.gif) no-repeat 0px -150px ;
					padding: 0px 20px 10px 20px;
				}
					#access_form div {
						vertical-align: top;
						padding: 5px 10px 0px 0px;
						font-size: 12px;
						text-align: center;
					}
					#access_form .login {
						font-size: 12px;
						width: 230px;
						padding: 2px 2px 2px 2px;
						background: transparent;
						border: 1px solid #5f676b;
					}
					#access_form .pass {
						font-size: 12px;
						width: 230px;
						padding: 2px 2px 2px 2px;
						background: transparent;
						border: 1px solid #5f676b;
					}
					#access_form .send {
						font-size: 16px;
						padding: 2px 2px 2px 2px;
						background: transparent;
						border: 0px none transparent;
						border-bottom: 1px solid #5f676b;
					}
				#account_info {
					background: transparent url(../images/colonne_bk.gif) no-repeat 0px -150px ;
					padding: 0px 20px 10px 20px;
				}
					#account_info div{
						padding: 0px 0px 5px 0px;
					}
						#account_info div a {
							color: #5f676b;
						}	
					
		#footer #connection{
			display:block !important;
			position: absolute;
			margin: 0px 0px 0px 0px;
			top:-75px;
			left:725px;
			width: 265px;
			height:70px;
			overflow-y: none;
		}
		#footer #access {
		}
			#footer #access_box {
				
			}
				#footer #access_title {
					background-image: none !important;
					color: #3e6067;
					font-size: 18px;
					height: 40px;
					padding: 2px 10px 0px 25px;
					margin: 0px 0px 0px 0px;
				}
				#footer #access_form {
					background: none !important;
					position: relative;
					top:-20px;
				}
					#footer #access_form div {
						vertical-align: top;
						padding: 2px 5px 0px 0px;
						font-size: 10px;
						text-align: left;
					}
					#footer #access_form .login {
						font-size: 10px;
						width: 120px;
						padding: 2px 2px 2px 2px;
						background: transparent;
						border: 1px solid #5f676b;
					}
					#footer #access_form .pass {
						font-size: 10px;
						width: 120px;
						padding: 2px 2px 2px 2px;
						background: transparent;
						border: 1px solid #5f676b;
					}
					#footer #access_form .send {
						position: relative;
						top:-40px;
						left:140px;
						font-size: 14px;
						padding: 2px 2px 2px 2px;
						background: transparent;
						border: 0px none transparent;
						border-bottom: 1px solid #5f676b;
					}
				#footer #account_info {
					background: none !important;
					position: relative;
					top:-15px;
					left: 5px;
				}
					#footer #account_info div{
						padding: 0px 0px 0px 0px;
					}
						#footer #account_info div a {
							color: #5f676b;
						}
/* image du header */

#header_image {
	display: block;
	position: absolute;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	top:12px;
	width: 990px;
	height: 195px;
	text-align: right;
}
* html #header_image {
}



/* pavé news */

#box_news {
	left:-20px;
}

#box_actus,
#box_events {
}

.box_annonces {
	display: block;
	margin: 0px 0px 0px 0px;
	background: transparent url(../images/colonne-actus.gif) no-repeat left top;
}

	.annonces_title {
		padding: 7px 10px 10px 20px;
		display: block;
		height: 30px;
		background: transparent url(../images/colonne_bk.gif) no-repeat left top;
	}
	.annonces_link {
		color: #214c99;
		font-size: 20px;
		font-weight: 200;
	}	
	#box_news .annonces_title {
		padding: 12px 10px 10px 20px;
		background: transparent url(../images/news_title.gif) no-repeat left top;
		width: 273px;
	}
	
	#colonne_de_droite #box_news .annonces_title {
		padding: 7px 10px 10px 20px !important;
		background: transparent url(../images/colonne_bk.gif) no-repeat left top !important;
		width: auto;
		height: 30px;
	}

	
	#box_events .annonces_title {
		background: transparent url(../images/colonne_bk.gif) no-repeat left -50px;
	}
	#box_events .annonces_link {
		color: #ed7a16;
	}
	.annonces {
		display: block;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
		position: relative !important;
		width: 270px;
		height: 200px;
		overflow: hidden;
		border:0px none transparent;
	}
		#box_news .annonces {
			width: 300px !important;
			height: 400px !important;
		}
	
		.annonce {
			position: relative;
			padding: 0px 0px 0px 0px;
			width: auto;
			height: 200px;
			display:none;
			border:0px none transparent;
			display:none;
		}
		
		#box_news .annonce {
			height: 400px !important;
		}
		
			.annonce_title {
				padding: 0px 30px 0px 30px !important;
				background:  url(../images/arrow_bleu.gif) no-repeat 15px 2px !important;
			}
			#box_events .annonce_title {
				background:  url(../images/arrow_orange.gif) no-repeat 15px 2px !important;
			}
				.annonces_date {
				color: #9dbc2b;
				font-weight: normal;
				font-size: 9px;
				}
				
				a.annonce_name {
					color: #7c7e86;
				}
				
				a:hover.annonce_name {
				color: #519ed1;
				}
			
			.annonce_texte {
				padding: 10px 30px 20px 30px !important;
			}
			.annonce_more {
				display: inline-block;
				width: 11px;
				height: 11px;
				margin: 0px 0px 0px 6px;
				background: url(../images/more.gif) no-repeat left top;
				color:transparent !important;
				text-decoration: none;
			}
			#box_events .annonce_more {
				background: url(../images/more_orange.gif) no-repeat left top;
			}
			div.news span.cat {
				color:#bbbbbb;

			}

.liam {
	display:none;
}
.liam, .liam *{
	cursor: pointer;
	color: #006fb4;
}
.liam:hover {
	cursor: pointer;
	color: #ef6200;
}


input.checkbox.long {
	width: 20px !important;
}
input.text,
input.texterror,
input.textneed,
input.textneederror {
	width: 350px !important;
}