* {
			font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
		}
		h1  { font-size: 1.4em; margin: 0 0 1em 0}
		h2  { font-size: 1.2em; margin: .83em 0 }
		h3  { font-size: 1.0em; margin: 1em 0 }

		/* page largeur variable 1000px centrée avec ombrage en arrière plan */
		body {
			font-size: 78%;
			margin: 0;
			padding: 6px;
			color: #000;
			background: silver;
			text-align: center;  /* centrer  pour IE */
		}

		/* "page" larg. max  1000 px, centrée */
		div#page {
			background-image: url(images/bandeau.jpg);
			background-repeat: no-repeat;
			max-width: 1000px;
			width: expression(document.body.clientWidth > 1000 ? "1000px" : "auto" );
			padding: 0;
			margin: 0 auto;
			background-color: #fff;
			text-align: left;   /* annulation du centrage de body */
		}

		.navbar {
			margin: 6px;
		}

		/*menu de gauche
		larg. 132 (128+2*2), flottant à gauche */
		#menu {
			width: 128px;
			margin: 6px;
			/* height: 350px; */
			float: left;
			display: inline;  /* bug IE */
		}

		#menu a img {
			margin: 20px 4px;
			padding: 0;
		}
		#menu ul {
			padding: 0;
			margin: 0;
			list-style: none outside; /*pas de puce */
		}
		#menu ul li {
			color: #fff;
			padding: 4px;
			margin: 4px;
		}

		#menu li 	a:link, #menu li 	a:visited, #menu li a:active {
			color: #fff ;
		}

		/* corps de la page
		largeur automatique, laisse 160 px à gauche pour le menu */
		div#main {
			margin-left: 160px;
			padding: 0;
			margin-right: 10px;
			position: relative;
			/* float: left;
			display: inline;  /* bug IE */
		}


		/* mise en page sur 2 colonnes
		*/
		.article_2 {
			float: left;
			display: inline;
			position: relative;
			width: 312px;
			margin: 8px;
			padding: 0px;
		}


		.article_3 {
			float: left;
			display: inline;
			position: relative;
			width: 380px;
			margin: 8px;
			padding: 0px;
		}


		.article_2, .article_3 {
			background-image: url(images/ombreg.png);
			background-repeat: repeat-y;
			background-position: top left;
		}

		.article_2 p, .article_3 p {
			margin: 0 1em;
			padding: 0 0 1em;
		}

		ul {margin-top: 0 }

		.article_2 h2, .article_3 h2 {
			background-repeat: no-repeat;
			/*font-weight: bold;*/
			padding: 6px 10px;
			margin: 0 0 12px 0;
			color: #000;
		}
		.article_2 h3, .article_3 h3 {
			padding: 6px 10px;
			color: #A90101;
		}

		.article img {
			/*display: none;*/
			float: right;
		}

			/* article standard: largeur maxi=500px, sinon largeur variable */
		.article {
			float: left;
			display: inline;
			max-width: 480px;
			width: expression(document.body.clientWidth > 750 ? "500px": "auto" );
			margin: 10px 30px; padding: 0;
			text-align: justify;
		}

		#main img {
			margin: 6px;
			/* clear: both; */
		}

		#main .illustrations img {
			margin: 6px;
		}

		/*p { margin: 0.6em 0; }*/


		/* items de la rubrique "prochainement"
		laisse une marge gauche pour l'icône */
		div.item_proch {
			margin: 0 10px 10px 50px
		}

		a:link, a:visited, a:active {
			text-decoration: none;
			color: #00c;
		}
		#barre_bas {
			clear: both; padding: 2px; text-align: center;
			color:#fff; background-color: #f60;
		}

		#barre_bas a:link, #barre_bas  a:visited, #barre_bas  a:active {
			color: #fff ;
		}

		a:hover {
			text-decoration: underline;
		}

		#photos {
			width: 250px;
		}

		#photos img {
			float: left;
		}

		.colart {
			float: left; margin-left: 30px; width: 380px;
		}
		.puce {
			background: url(images/puce.gif) no-repeat 0 0.2em;
			padding-left: 20px;
		}

		/* Table du programme */

		table.propo {
			border-collapse: separate;
		}

		table.propo td {

		}

		table.propo caption {
			font: 14pt 'Arial black';
			color: #C00;
		}

		table.propo th {
			text-align: left;
			background: #999;
			color: #FFFFFF;
		}

		table.propo tr {
			background: #eee;
		}
		table.propo tr.o {
			background: #fff;
		}
		table.propo tr.e {
			background: #ccc;
		}
		table.propo tr.cat1 {
			background: #cfc;
		}
		table.propo tr.cat2 {
			background: #fc9;
		}
		table.propo tr.cat3 {
			background: #9cf;
		}

		table.propo tr.cat50 {
			background: #cfc;
		}
		table.propo tr.cat51 {
			background: #fc9;
		}
		table.propo tr.cat52 {
			background: #9cf;
		}

		/* menu du programme */
		h1.cat1, h1.cat1 a:link, h1.cat1 a:visited, h1.cat1 a:active  {
			color: #fff;
			background: #6c6;
		}
		h1.cat2, h1.cat2 a:link, h1.cat2 a:visited, h1.cat2 a:active  {
			color: #fff;
			background: #f93;
		}
		h1.cat3, h1.cat3 a:link, h1.cat3 a:visited, h1.cat3 a:active  {
			color: #fff;
			background: #36c;
		}

		h1.cat50, h1.cat50 a:link, h1.cat50 a:visited, h1.cat50 a:active  {
			color: #fff;
			background: #6c6;
		}
		h1.cat51, h1.cat51 a:link, h1.cat51 a:visited, h1.cat51 a:active  {
			color: #fff;
			background: #f93;
		}
		h1.cat52, h1.cat52 a:link, h1.cat52 a:visited, h1.cat52 a:active  {
			color: #fff;
			background: #36c;
		}

		#menu li.cat1 a:link, #menu li.cat1 a:visited, #menu li.cat1 a:active {
			color: #6c6;
		}
		#menu li.cat2 a:link, #menu li.cat2 a:visited, #menu li.cat2 a:active {
			color: #f93;
		}
		#menu li.cat3 a:link, #menu li.cat3 a:visited, #menu li.cat3 a:active {
			color: #36c;
		}
		#menu li.cat7 a:link, #menu li.cat7 a:visited, #menu li.cat7 a:active {
			color: #000;
		}

		#menu li.cat50 a:link, #menu li.cat50 a:visited, #menu li.cat50 a:active {
			color: #6c6;
		}
		#menu li.cat51 a:link, #menu li.cat51 a:visited, #menu li.cat51 a:active {
			color: #f93;
		}
		#menu li.cat52 a:link, #menu li.cat52 a:visited, #menu li.cat52 a:active {
			color: #36c;
		}

		a img {
			border:none;
			margin:0;
			padding:0px;
		}


		table.listeliens tr td {
			border-top: solid navy 1px;
			vertical-align : top;
		}

		#main table.listeliens tr td img {
			margin: 0; padding: 0;
		}

		.suivre {
			background: url(images/suite.gif) no-repeat left;
			padding-left: 1.2em;
			display: block;
      float: left;
		}


		dl dt {
			font-weight: bold;
			margin-top: 1em;

		}