adiv {
	border: 1px dotted red;
}

body {
	background-color: #ffffff;
}
	.largeur_du_site {
		width: 940px;
	}
		#header {
			height: 80px;
			top:30px;
			background: transparent url(../images/header.gif)  no-repeat top left !important;
		}
			#header #header_image {
				width: 940px;
				height:250px;
				position: absolute;
				top:83px!important;
				display: block;
				position: absolute;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				top:12px;
			}
			* html #header #header_image {
				top:83px!important;
			}
				#header #header_image.header_generale {
					background: transparent url(../images/header_generale.jpg) no-repeat bottom left !important;
				}
				#header #header_image.header_etudiants {
					background: transparent url(../images/header_etudiants.jpg) no-repeat bottom left !important;
				}
				#header #header_image.header_specialistes {
					background: transparent url(../images/header_specialistes.jpg) no-repeat bottom left !important;
				}
				#header #header_image.header_recherche {
					background: transparent url(../images/header_recherche.jpg) no-repeat bottom left !important;
				}
			#header #lien_logo_hp {
				top: 35px !important;
				left: 665px !important;
				width: 210px !important;
				height: 40px !important;
			}
				#header #lien_logo_hp a,
				#header #lien_logo_hp img {
					display: block;
					width: 210px !important;
					height: 40px !important;
				}
			#header #ucl {
				position: absolute;
				top: -23px !important;
				left: 950px !important;
				width: 44px !important;
				height: 79px !important;
				background: transparent url(../images/ucl_logo.gif) no-repeat right top !important;
			}
				#header #ucl a,
				#header #ucl img {
					display: block;
					width: 44px !important;
					height: 79px !important;
				}
			
			#header #menu_general {
				padding: 0px 3px 0px 0px !important;
				display: block;
				top:80px !important;
				left:0px !important;
				width: auto !important;
				height:35px !important;
				background: transparent url(../images/menus-end.png) no-repeat bottom right !important;
			}
			* html #header #menu_general {
				top:80px !important;
				left:0px !important;
				background: transparent url(../images/menus-end.gif) no-repeat bottom right !important;
			}
					#header #menu_general span.menus,
					#header #menu_general a.menus{
						color: #ffffff;
						font-weight: normal;
						font-size: 14px;
						padding: 0px 0px 0px 5px;
						margin: 0px 0px 0px 0px;
						border: 0px none transparent !important;
						white-space: nowrap;
					}
					*:first-child+html #header #menu_general span.menus,
					*:first-child+html #header #menu_general a.menus,
					*:first-child+html #header #menu_general a.menus span,
					* html #header #menu_general span.menus,
					* html #header #menu_general a.menus,
					* html #header #menu_general a.menus spa{
						font-size: 11px;
					}
						#header #menu_general a.menus span{
							display: block;
							padding: 7px 20px 0px 20px;
							margin: 0px 0px 0px 0px;
							height:28px;
							border: 0px none transparent !important;
							white-space: nowrap;
						}
							#header #menu_general a.first{
								padding: 0px 0px 0px 0px !important;
							}
							#header #menu_general a.inner{
							}
							#header #menu_general a.last{
							}
							#header #menu_general a.selected{
							}
						#header #menu_general a.generale:hover,
						#header #menu_general a.generale.selected {
							color: #3161a6 !important;
						}
						#header #menu_general a.generale {
							background: transparent url(../images/menu-round-bleu.png) no-repeat bottom left !important;
						}
						#header #menu_general a.generale span {
							background: transparent url(../images/menu-bleu.png) no-repeat bottom right !important;
						}
						* html #header #menu_general a.generale span {
							background: transparent url(../images/menu-bleu.gif) no-repeat bottom right !important;
						}
						
						#header #menu_general a.etudiants:hover,
						#header #menu_general a.etudiants.selected {
							color: #2e6914 !important;
						}
						#header #menu_general a.etudiants {
							background: transparent url(../images/menu-round-vert.png) no-repeat bottom left !important;
						}
						#header #menu_general a.etudiants span {
							background: transparent url(../images/menu-vert.png) no-repeat bottom right !important;
						}
						* html #header #menu_general a.etudiants span {
							background: transparent url(../images/menu-vert.gif) no-repeat bottom right !important;
						}
						
						#header #menu_general a.specialistes:hover,
						#header #menu_general a.specialistes.selected {
							color: #a4511a !important;
						}
						#header #menu_general a.specialistes {
							background: transparent url(../images/menu-round-orange.png) no-repeat bottom left !important;
						}
						#header #menu_general a.specialistes span {
							background: transparent url(../images/menu-orange.png) no-repeat bottom right !important;
						}
						* html #header #menu_general a.specialistes span {
							background: transparent url(../images/menu-orange.gif) no-repeat bottom right !important;
						}
						
						#header #menu_general a.recherche:hover,
						#header #menu_general a.recherche.selected {
							color: #981b14 !important;
						}
						#header #menu_general a.recherche {
							background: transparent url(../images/menu-round-rouge.png) no-repeat bottom left !important;
						}
						#header #menu_general a.recherche span {
							background: transparent url(../images/menu-rouge.png) no-repeat bottom right !important;
						}
						* html #header #menu_general a.recherche span {
							background: transparent url(../images/menu-rouge.gif) no-repeat bottom right !important;
						}
					
/* MENU CONTEXTUEL */	
					
			#menu_contextuel {
				position: absolute;
				padding: 0px 0px 0px 0px;
				display: block;
				top: 110px;
				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{
					display: none;
					top:340px;
					left:0px;
					border-bottom: 1px solid #d9d9d8;
				}
				
			.canevas_1 #ariane{
				display: none;
			}
/* contenu */
	#page {
		margin-top: 337px;
		background: transparent  repeat-y top left;/*url(../images/content_bk.gif)*/
	}	
		
			#page #colonne_menu{
				display:none;
			}
				/* IE6 */ * html #page #colonne_menu{
					width: 200px;
					height:100%;
				}
				
			
			#page #contenu {
				width: 940px;
				height:100%;
				float: none !important;
				background: transparent !important;
			}
				#hp_body #contenu {
					width: 940px;
					height:100%;
					float: right !important;
					background: transparent !important;
				}
	
			#page #colonne_du_centre{
				width: 675px;
				height:100%;
				background: transparent !important;
			}
				* html #page #colonne_du_centre {
					width: 675px !important;
				}
	
	
			#hp_body #colonne_du_centre{
				width: 675px;
				height:100%;
				background: transparent !important;
			}
				* html #hp_body #colonne_du_centre {
					width: 675px !important;
				}
			
			
			#page #colonne_de_droite{
				padding: 30px 0px 40px 0px;
				margin: 0px 0px 0px 0px;
				width: 240px;
				height:100%;
				background: transparent !important;
			}
				* html #page #colonne_de_droite {
					width: 240px !important;
				}
				
				
			.marge{
				padding: 30px 0px 50px 0px;
				background: transparent !important;
			}
			
			
			.t2 {
				padding: 0px 0px 0px 0px;
			}
			

		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;
			}





/* Footer : pied de page visible */

		#footer {
			margin: 0px 0px 0px 0px;
			padding: 10px 0px 0px 0px;
			height: 40px;
			background: #ffffff url(../images/footer.gif) repeat-x left -3px !important;
		}



/* div menu utilitaire */

		#header #menu_utilitaire{
			display: block;
		}
		#footer #menu_utilitaire{
			display: none;
		}
				#menu_utilitaire {
					position: absolute;
					width: 760px;
					height: 20px;
					top:-20px;
					left:0px;
					text-align: right;
					background: transparent no-repeat left top; /*url(../images/menu_top_bk.png) */
					padding: 0px 0px 0px 0px;
				}
					* html #menu_utilitaire {
						background: transparent no-repeat left top; /*url(../images/menu_top_bk.png) */
					}
					#menu_utilitaire span.tools {
					}
					#menu_utilitaire a.tools{
						color: #0092e4;
						font-size: 14px;
						font-weight: normal;
						text-align: right;
						padding: 10px 10px 0px 10px !important;
					}
						#menu_utilitaire a.tools:hover{
							color: #0092e4;
						}
						#menu_utilitaire a.toolsselected{
							color: #1e4292;
							font-size: 14px;
							font-weight: normal;
							text-align: right;
							padding: 10px 10px 0px 10px !important;
						}

/* 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: 23px !important;
				top:-23px;
				left:770px;
				text-align: left;
				background: transparent url(../images/search.gif) no-repeat left top; 
			}
				#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: 12px;
							color: #0092e4;
							width: 130px;
							height: 14px;
							margin: 4px;
							background: transparent;
							border:0px none transparent !important;
						}
						#zone_recherche #btn_search{
							width: 25px;
							height: 23px;
							margin: 0px 0px 0px 4px;
							border:0px none transparent !important;
						}



/* div menu copyright */

		#footer #menu_copyright{
			position: absolute;
			margin: 0px 0px 0px 0px;
			top:10px;
			width: 940px;
			padding: 0px 0px 0px 0px;
		}
		
		#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;
					}
					


/* 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;
						}




/* pavé news */

#box_news {
	width: 240px;
	border: 1px solid #0092e7;
	margin: 0px 0px 20px 0px;
}

#box_actus,
#box_events {
}

.box_annonces {
	display: block;
}

	.annonces_title {
		background: url(../images/td-bleu.gif) left bottom;
	}
	.annonces_title{
		padding: 5px 10px 5px 10px;
		margin: 0px 0px 10px 0px;
	}
	.annonces_link {
		text-transform: uppercase;
		color: #ffffff;
		font-size: 12px;
	}
	
	.annonces {
		display: block;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
		position: relative !important;
		width: 240px;
		overflow: hidden;
	}
	
		.annonce {
			margin: 0px 0px 10px 0px;
			border:0px none transparent;
		}
		
			.annonce_title {
				padding: 0px 30px 0px 30px !important;
				background:  url(../images/arrow-right-bleu.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 10px 10px 10px !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;
			}
			
/* autres */	
			
	.pedihepa,		
	.mecena {
	}
	.pedihepa a,		
	.mecena a{
		display: block;
		width: 220px;
		margin: 0px 0px 20px 0px !important;
		padding: 5px 10px 5px 10px !important;
		background: url(../images/td-bleu.gif) left bottom;
		text-transform: uppercase;
		color: #ffffff;
		font-size: 12px;
		border: 1px solid #0092e7;
	}		
			
			
/* sous-menu */		
			
			
	.sous_menu {
		width: 215px;
		margin: 0px 0px 20px 0px !important;
		padding: 0px 0px 10px 0px !important;
	}
	.left{
		float: left;
		margin: 0px 10px 20px 0px !important;
	}
	.sm_general {
		width: 669px;
		margin: 0px 0px 20px 0px;
		border: 1px solid #0092e7;
	}
	.txt_generale,
	.txt_general,
	.sm_generale,
	.sm_general {
		border: 1px solid #0092e7;
	}
		.sm_generale h1.sm,
		.sm_general h1.sm{
			background: url(../images/td-bleu.gif) left bottom;
		}
		.txt_generale .fil_d_ariane,
		.txt_general .fil_d_ariane {
			background: url(../images/td-bleu.gif) left bottom;
		}
			.generale ul li,
			.general ul li {
				list-style-image:url(../images/arrow-right-bleu.gif);
			}
	.txt_etudiants,
	.sm_etudiants {
		border: 1px solid #329f2a;
	}
		.sm_etudiants h1.sm {
			background: url(../images/td-vert.gif) left bottom;
		}
		.txt_etudiants .fil_d_ariane {
			background: url(../images/td-vert.gif) left bottom;
		}
			.sm_etudiants ul li {
				list-style-image:url(../images/arrow-right-vert.gif);
			}
	.txt_specialistes,
	.sm_specialistes {
		border: 1px solid #ff7b00;
	}
		.sm_specialistes h1.sm {
			background: url(../images/td-orange.gif) left bottom;
		}
		.txt_specialistes .fil_d_ariane {
			background: url(../images/td-orange.gif) left bottom;
		}
			.sm_specialistes ul li {
				list-style-image:url(../images/arrow-right-orange.gif);
			}
	.txt_recherche,
	.sm_recherche {
		margin: 0px 0px 20px 0px !important;
		border: 1px solid #eb0a0d;
	}
		.sm_recherche h1.sm {
			background: url(../images/td-rouge.gif) left bottom;
		}
		.txt_recherche .fil_d_ariane {
			background: url(../images/td-rouge.gif) left bottom;
		}
			.recherche ul li {
				list-style-image:url(../images/arrow-right-rouge.gif);
			}
	.sous_menu h1 {
		padding: 5px 10px 5px 10px;
	}
	.fil_d_ariane {
		padding: 5px 10px 5px 10px;
	}
	.fil_d_ariane,
	.fil_d_ariane *,
	.sous_menu h1.sm,
	.sous_menu h1.sm *{
		text-transform: uppercase;
		color: #ffffff;
		font-size: 12px;
	}
	.colonne {
		width: 238px;
	}
	.contenu_texte {
		padding: 20px 20px 20px 20px;
	}