html, body {
		padding:0;
		margin:0;
	}
	body {
		font:12px "Trebuchet MS";
		font: 0.8125em Verdana, sans-serif;
		background:white;
		color: #333;
	}
	.fontFamilyStandardText {
		font:11px Verdana, Arial, Helvetica, sans-serif ;
	}

	a:hover {
		text-decoration:none;
	}
	a img {
		border:none;
	}
	a.ancestor {
		font-weight:bold;
	}


  /* inline code, code blocks, samples, keyboard */
  div.prewrap {
  	margin:1.2em 0 2em;
  	border:1px solid #999;
  	background:#ffe;
  	width:100%;
  }
  pre, code {
  	font-size:1.1em;
  	_font-size:1.0em;
  	color:black;
  }
  pre {
  	_width:100%;
  	overflow:auto;
  	_overflow-x:scroll;
  	_overflow-y:scroll;
  	margin:0;
  	_padding:1em 0em;
  }

  /* code pour layout en grille */
	table.grid {
		width:100%;
		border:none;
		border-spacing:0;
	}
	table.grid td, table.grid th {
		padding:0;
		vertical-align:top;
	}


	/* Traitement des listes par défaut */
	ul {
		margin:0;
		padding:0;
	}
	li {
		margin:0;
		padding:0;
		margin-left:1.5em;
	}


	#bodycontent {
		width:750px;
	}
	

	#head {
	}
	
	#global {
		float:right;
		font:11px Verdana, Tahoma, Arial, Helvetica, sans-serif;
	}
	#global form * {
		vertical-align:middle;
	}

	#globalshortcuts {
	}
	#globalshortcuts ul {
		margin:0;
		padding:0;
		width:225px;
		text-align:right;
		background-color:#000;
		color:white;
	}
	#globalshortcuts li {
		display:inline;
		padding:0px;
		margin:0px;
		margin:0 5px;
		font:bold 11px tahoma, sans-serif;
		color:white;
	}
	#globalshortcuts li a {
		line-height:1.5em;
		vertical-align:middle;
		color:white;
		text-decoration:none;
	}
	#globalshortcuts li a:hover {
		color:5px solid #090;
	}

	
	body.home #main {
		margin-left:65px;
		min-height:390px;
		height:auto;
		_height:390px;
		background:white url(../iso_icons/une_inv.jpg) no-repeat top left scroll;
		background:white; /*Il faut supprimer l'image du faux-column*/
	}
	body.home img#accroche {
		width:685px;
	}


	a.logo img {
		margin-top:10px;
		margin-left:5px;
	}
	
	
	table {
		font-size:100%;
	}

	form {
		margin:0;
		padding:0;
	}
	label {
		cursor:pointer;
	}
	hr.nostylesep {
		display:none;
	}



	#mainmenu {
		position:relative;
		z-index:10;
		top:0px;
		font:11px Verdana, Tahoma, Arial, Helvetica, sans-serif;
	}
	
	/*
	To get started, all of the lists need to be jigged around a bit ? namely, 
	the padding and margin set to zero and the list-style set to none:
	*/
	#mainmenu ul {
		padding: 0;
		margin: 0;
		margin-left:200px;
		margin-left:65px;
		list-style: none;
	}
	#mainmenu li ul {
		padding: 0;
		margin: 0;
	}
	
	/*
	Now we need to transform the first-level list into a horizontal menu bar. 
	There are a number of methods to do this, discussed in detail elsewhere. 
	We could display the list-items inline (display: inline), but for this example, 
	we are going to float them to the left.
	*/
	#mainmenu li {
	  float:left;
	  position: relative;
	  width: auto;
	  margin:0 1em 0 0;
	}
	
	/*
	The position has been set to relative because we want the position of the second-level, 
	nested lists to be relative to the first-level list items and the width has been set 
	to space it out a bit. The dropdown menu is coming together.
	
	The next step is to tackle the second-level lists that will be the dropdowns themselves:
	*/
	#mainmenu li ul {
		display: none;
		position: absolute; 
		top: 3em;
		left: 0;
		border:1px solid #aaa;
		border-bottom:none;
	}
	
	/* pour differencier les LI horizontaux des LI verticaux */
	#mainmenu li li {
		clear:both;
		margin:0;
		padding:0;
		color:#777;
		/*width: 12em;*/
		width: auto;
	}
	
	/* pour differencier les A horizontaux des A verticaux */
	#mainmenu li a {
		padding:5px 0px;
		line-height:3em;
		color:#339;
		font-weight:bold;
		text-decoration:none;
	}
	
	/* pour differencier les A horizontaux des A verticaux */
	#mainmenu li li a {
		width: 12em;
		padding:5px;
		display:block;
		font-weight:normal;
		line-height:normal;
		background: #fff; /* IE6 Bug */
		border-bottom:1px solid #aaa;
		text-decoration:none;
		color:#666;
	}
	#mainmenu a:hover {
		color:#000; /* vert */
	}
	
	/*
	This positions the second-level lists absolutely (pulling them out of the flow of HTML 
	into a world all of their own) and sets their initial state to not be displayed. If you 
	substitute display: none with display: block, you will see the need for the top and left 
	properties in Internet Explorer, because without them, IE will align the second-level lists 
	to the top right of their relative parent rather than the bottom left. Unfortunately, 
	this IE fix will mess things up in browsers like Opera, so add the following CSS to reset 
	the top and left properties on all but IE browsers:
	*/
	#mainmenu li > ul {
		top: auto;
		left: auto;
	}
	
	/*
	And now, making the sucker work. To make a second-level list appear when its parent list item 
	is ?rolled over,? we simply need to add the following:
	*/
	#mainmenu li:hover ul, #mainmenu li.over ul { 
		display: block;
	}
	
	.mainmenusep {
		clear:both;
		line-height:6px;
		background-color:#339;
	}
	body.home .mainmenusep {
		margin-left:65px;
	}



	#foot {
		clear:both;
		font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}
	#foot #legal {
		padding:10px 5px 5px;
		text-align:center;
	}
	#foot, #foot a {
		color:#666;
	}
	body.home #foot {
		text-align:left;
		margin:0 0 0 65px;
		Zbackground:transparent url(../iso_icons/homeFooter.gif) no-repeat;
		height:50px;
	}
	body.home #foot #legal {
		visibility:hidden;
		padding:0px 0px 0px 1em;
		line-height:50px;
		margin-top:0em;
	}
	body.home #foot * {
		color:white;
	}
	

	#productsAndSchedule {
		font: 11px/1.3em Verdana, sans-serif;
		font:11px/1.35em Tahoma, sans-serif;
		width:685px;
	}
	#productsAndSchedule td {
		width:200px;
		padding:10px 20px;
		padding-left:0;
	}
	#productsAndSchedule .c22, #productsAndSchedule .c23 {
		padding-left:20px;
		padding-right:20px;
		border-left:1px solid #ccc; /* séparateur entre les deux premières colonnes */
	}
	#productsAndSchedule .c31, #productsAndSchedule .c32 {
    	width:225px; 
		padding:0;
		margin:0;
		background-color:#339;
	}
	#productsAndSchedule .c32 {
		background-color:#F1FAFF;
		background:white url('../iso_icons/schedule-inset-bg.jpg') bottom left repeat-x scroll;
		border:1px solid #339;
		border-bottom-width:1px;
	}
	#productsAndSchedule .c32 ul, #productsAndSchedule .c32 li {
		list-style-type:none;
		margin:0;
		padding:0;
	}
	#productsAndSchedule .c32 ul {
		padding:10px 12px;
	}
	#productsAndSchedule .c32 li {
		margin-bottom:.5em;
		padding-left:18px;
		color:#333399;
		text-decoration:none;
		background:transparent url(../iso_icons/services_bullet.gif) no-repeat 0pt 0.4em scroll;
	}
	#productsAndSchedule .c32 li strong {
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:1.1em;
	}
	#productsAndSchedule .c32 li div {
		font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color:#666;
	}
	/*
  	#productsAndSchedule .c32 a * {
		text-decoration:none;
	}
	*/
	#productsAndSchedule .c32 a:hover li div {
		color:black;
	}
	
	#productsAndSchedule .productTitle {
		font:18px Arial, Helvetica, sans-serif;
		color:#3399FF;
	}
	#productsAndSchedule .productTitle * {
		color:#3399FF;
		text-decoration:none;
	}
	#productsAndSchedule .productTitle2 {
		font:18px Arial, Helvetica, sans-serif;
		color:#333399;
	}
	#productsAndSchedule .productTitle2 * {
		color:#333399;
		text-decoration:none;
	}
	#productsAndSchedule .productDescription {
		color:#666;
		margin-top:1em;
	}
	#productsAndSchedule .productDescription * {
		color:#666;
	}
	#productsAndSchedule .productDescription a:hover  {
		color:#000;
	}

	body.home a:hover  {
		color:#000;
	}


	#main {
		background:#fefefe url(../iso_icons/main-faux-column.gif) top left repeat-y scroll;
	}
	td#sidemenu {
		width:177px;
	}
	td#sidemenu div.sidemenucontainer {
		width:177px;
		overflow:hidden;
	}
	td#sidemenu {
		color:#666;
		font:11px tahoma, sans-serif;
	}
	td#sidemenu a {
		color:#666;
		text-decoration:none;
	}
	td#sidemenu ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	td#sidemenu ul li {
		margin:0;
		padding:0;
	}
	td#sidemenu a:hover {
		color:#33c;
	}
	td#sidemenu a.current {
		color:black;
	}
	td#sidemenu ul li a {
		display:block;
		padding:10px;
		border-bottom:1px solid white;
		font-weight:bold;
	}
	td#sidemenu ul li li a {
		display:block;
		padding:5px 20px;
		border-bottom:none;
		background-color:#f6f6f6;
	}
	td#sidemenu ul li li li a {
		font-weight:normal;
		display:block;
		padding-left:30px;
	}
	td#sidemenu ul li li li li a {
		display:block;
		padding-left:40px;
	}
	td#content div.contentcontainer {
		width:558px;
		padding-left:15px;
		_width:573px;
		overflow:hidden;
		margin-top:20px;
		margin-bottom:10px;
	}
	.hasrightinsets td#content div.contentcontainer {
		width:378px;
		_width:398px;
		padding-right:15px;
	}
	td.rightinsets {
		width:175px;
	}

	div.h1 {
		background:white url('../iso_icons/une.jpg')  285px -170px no-repeat;
		background:white url('../iso_icons/une.jpg')  185px -70px no-repeat;
		background:white url('../iso_icons/une.jpg')  306px -60px no-repeat;
		background:white url('../iso_icons/une.jpg')  185px -220px no-repeat;
		background:white url('../iso_icons/une.jpg')  285px -217px no-repeat;
		width:553px;
		_width:573px;
		height:80px;
		overflow:hidden;
		padding-left:20px;
	}
	div.h1 h1 {
		font-family:"Trebuchet MS",sans-serif;
		line-height:80px;
		height:80px;
		padding:0;
		margin:0;
		font-size:20px;
		color:#339;
		width:400px;
		overflow:hidden;
	}
	
	
	.inset {
		font:11px Tahoma, sans-serif;
		line-height:normal;
		border:1px solid #ddd;
	}
	.inset .insettitle {
		border-bottom:1px solid #ddd;
		padding:5px;
		font-weight:bold;
	}
	.inset .insettitle a {
		color:black;
	}
	.inset .insetcontent {
		padding:10px;
		font:11px Tahoma, sans-serif;
		line-height:normal;
	}

	/* pour gérer l'extra-markup de isotools */
	.inset .insetcontent table {
		width:auto;
	}
	.inset .insetcontent p {
		/*
		padding:0;
		margin:0;
		*/
		margin-bottom:.5em;
	}
	.inset .insetcontent * {
		/*
		font:11px Tahoma, sans-serif;
		line-height:normal;
		*/
	}
	.inset .insetcontent ul {
		/*
		margin:0;
		padding:0;
		list-style:none;
		*/
	}
	.inset .insetcontent ul li {
		/*
		margin:0;
		padding:0;
		*/
		padding-bottom:1em;
	}


	.insetStyle1 {
		border:1px solid #eee;
	}
	.insetStyle1 .insettitle {
		border-bottom:1px solid #eee;
		background-color:#eee;
		color:#333;
	}
	.insetStyle1 .insettitle a {
		color:#333;
	}
	.insetStyle1 .insetcontent {
		color:#333;
	}
	
	.insetStyle2 {
		border:1px solid #339;
	}
	.insetStyle2 .insettitle {
		border-bottom:1px solid #339;
		background-color:#339;
		color:white;
	}
	.insetStyle2 .insettitle a {
		color:white;
	}
	.insetStyle2 .insetcontent {
		color:#333;
	}
	
	
	
	.insetStyle3 {
		border:1px solid rgb(230,240,250);
	}
	.insetStyle3 .insettitle {
		border-bottom:1px solid  rgb(230,240,250);
		background-color: rgb(230,240,250);
		color:#339;
	}
	.insetStyle3 .insettitle a {
		color:#339;
	}
	.insetStyle3 .insetcontent {
		color:#333;
	}
	
	
	.insetStyle4 {
		border:1px solid rgb(230,240,250);
	}
	.insetStyle4 .insettitle {
		border-bottom:1px solid  rgb(230,240,250);
		background-color: rgb(230,240,250);
		color:#339;
	}
	.insetStyle4 .insettitle a {
		color:#339;
	}
	.insetStyle4 .insetcontent {
		background-color: rgb(230,240,250);
		color:#333;
	}
	
	
	.insetStyle5 {
		border:1px solid #eee;
	}
	.insetStyle5 .insettitle {
		border-bottom:1px solid #eee;
		background-color: #eee;
		color:#333;
	}
	.insetStyle5 .insettitle a {
		color:#333;
	}
	.insetStyle5 .insetcontent {
		background-color: #eee;
		color:#333;
	}
	
	
	.insetStyle6 {
		border-bottom:none;
	}
	.insetStyle6 .insettitle {
	}
	.insetStyle6 .insetcontent {
	}
	
	
	div.tablestandard {
		margin-bottom:2em;
	}
	div.tablestandard table.data {
		border:none;
	}
	div.tablestandard table.data td, div.tablestandard table.data th {
		padding:5px;
	}
	
	div.tablestandard table.data th {
		background:rgb(230,240,250);
		font-weight:bold;
		color:#339;
	}
	div.tablestandard table.data td {
		background:#f3f3f3;
	}


	div.tableoddeven {
		margin-bottom:2em;
	}
	div.tableoddeven table.data {
		border:none;
	}
	div.tableoddeven table.data td, div.tableoddeven table.data th {
		padding:5px;
	}
	div.tableoddeven table.data td.odd {
		background:#f0f0f0;
	}
	div.tableoddeven table.data td.even {
		background:#f9f9f9;
	}
	
	div.tableoddeven table.data th {
		background:rgb(230,240,250);
		font-weight:bold;
		color:#339;
	}


#eventscontainer {
	position:absolute;
	height:115px;
	overflow:hidden;
	width:225px;
	bottom:25px;
	right:0;
	background-color:#E6F0FA;
}
ul#eventsnav {
	position:relative;
	height:29px;
	list-style:none;
	padding:0;
	margin:0;
}
ul#eventsnav li, ul#eventsnav li a {
	height:29px;
	display:block;
}
ul#eventsnav li {
	position:absolute;
	top:0;
	list-style:none;
	padding:0;
	margin:0;
}
ul#eventsnav h2 {
	padding:0;
	margin:0;
}
#eventstitle {
	left:0px;
	width:179px;
	text-indent:-5000px;
}
#eventstitle, #eventstitle a {
	background:#E6F0FA url('../iso_icons/titre_evenements.gif') left top no-repeat;
}
#eventstitle a:hover {
	background-position:0% -29px;
}
#previousevent {
	left:179px;
	width:23px;
	text-indent:-5000px;
}
#previousevent a {
	background:#E6F0FA url('../iso_icons/events_previous.gif') left top no-repeat;
}
#previousevent a:hover {
	background-position:0% -29px;
}
#nextevent {
	left:202px;
	width:23px;
	text-indent:-5000px;
}
#nextevent a {
	background:#E6F0FA url('../iso_icons/events_next.gif') left top no-repeat;
}
#nextevent a:hover {
	background-position:0% -29px;
}
.event {
	padding:12px;
}
.event span.date {
	font-weight:bold;
	color:#339;
	text-decoration:none;
}
.home .event a {
	display:block;
	text-decoration:none;
	color:#666;
}