body {
	text-align: center;
	font-family: Trebuchet, "Trebuchet MS", "Tahoma", sans-serif;
	font-size:11px;
	background: #333 url(media/bg.gif) repeat-y  50% 0;
	color: #555;
	margin:0;
	padding:0;
}

#page {
	width: 750px;
	margin: 0 auto;
	text-align: left;
}

#pageTop {
	height:216px;
	background:url(media/pageTop_bg.jpg);
}

/*	topMenu  -------------------------------------------- */
#topMenu {
	float:right;
}
#topMenu ul, #topMenu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#topMenu ul li {
	float: left;
	/* Valeurs Mac -------------------------------- */
	padding: 6px 0 6px 0;
	/* Valeurs IE6 + */
	padding: 5px 0 5px 0;
}
#topMenu ul li a {
	font-size:11px;
	text-decoration:none;
	color: #000;
	background:url(media/topMenu_bg_out.gif) no-repeat top left;
	/* Valeurs Mac ? -------------------------------- */
	padding:6px 1em 5px 1em;
	/* Correction IE6 + */
	voice-family: "\"}\""; 
	voice-family:inherit;
	padding:4px 1em 2px 1em;
}
#topMenu ul li a:hover {
	text-decoration:none;
	color:#980F00;
	background:url(media/topMenu_bg_over.gif) no-repeat top left;
}


/*	Menu  -------------------------------------------- */

#menu {
	clear:both;
	position:relative;
	height:32px;
	background:url(media/menu_bg.jpg);
}
#menu ul {
	float:right;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu ul li {
	float: left;
	/* Valeurs Mac -------------------------------- */
	padding: 8px 0;/*Mac*/
	/* Valeurs IE6 + */
	padding: 7px 0;
}
#menu ul li a {
	font-size:13px;
	text-decoration: none;
	color: #dbb;
	border-left: 1px solid #600000;
	/* Valeurs Mac -------------------------------- */
	padding: 8px 2em;
	/* Valeurs IE6 + */
	padding: 7px 2em;
}

#menu ul li a:hover, #menu ul li #active{
	color:#fff;
	background:url(media/menu_bg_over.jpg) no-repeat top left;
}

/*	Contenu  -------------------------------------------- */

#content {
	clear:both;
	margin:0;
	background:url(media/content_bg2.jpg) repeat-y top left;
	/* Correction IE6 + */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:630px;
	padding:45px 60px;

}


/* Colonne gauche -------------------------------------------- */

#gauche {
	width:347px;
	float:left;
}

#article {
	width:374px;
	clear:both;
}
#article h2 {
	margin:0;
	padding:0;
	display:block;
	font-size:16px;
	color:#000;
	font-weight:bold;
	border-bottom:solid 1px #A52126; 
}
#article h3 {
	display:block;
	margin-bottom:15px;
	font-size:14px;
	color:#000;
	font-weight:normal;
/*	text-decoration:underline;*/
	border-bottom:solid 1px #A52126;
}
#article img {
	float:right;
	clear:right;
	margin-top:2em;
	margin-left:2em;
	border:1px solid #980F00;
	padding:1px;
}

#article p {
	font-size:12px;
	color:#000;
	text-align:justify;
}
#article a {
	color:#980F00;
	text-decoration:none;
	border-bottom:1px dotted #980F00;
}
#article a:hover{
	text-decoration:none;
	color:#980F00;
	text-decoration:none;
	border-bottom:1px solid #980F00;
	/*background-color:#dfdddd;*/
}
#article .foot {
	height:10px;
	background:url(media/article_foot.gif) no-repeat 50% 0;
	margin-bottom:30px;
	margin-top:20px;

}

#article .lettrine:first-letter {
	float:left;
	margin:-.15em .1em 0 0;
	font-size: 44px;
	color: #980F00;
	text-transform:uppercase;
}

/* Liste de nom / responsabilité */
#article label {
	font-size:11px;
	color:#555;
	font-style:italic;
	clear:both;
	float:left;
	width:150px;
}
#article dl {
	margin:0 0 1em 0;
	}
#article dt {
	display:inline;
	font-weight:bold;
	text-decoration:underline;
}
#article dd {
	margin-left:15px;
}

/* puces */
#article ul {
	color:#000;
	margin: 0 0 1em 0;
	padding: 0;
	list-style: none;
}

#article li {
	padding-left: 15px;
	background-image: url(media/li.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
}

/* liens fichiers */
#article a.PDF {
	display:block;
	font-size:11px;
	padding:10px 0 10px 40px;
	margin:20px 0 20px 0;
	border:none;
	background-image: url(media/icone_PDF.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#article a.PDF:hover {
	border:none;
	text-decoration:underline;
}


/* Colonnne droite -------------------------------------------- */
#droite {
	width:176px;
	float:right;
}
#droite h2 {
	margin:0 0 1em 0;
	padding:0;
	display:block;
	font-size:16px;
	color:#000;
	font-weight:bold;
	border-bottom:solid 1px #A52126;
}
#droite p {
	color:#000;
	text-align:justify;
	margin:1em 0;
}
#droite .foot {
	clear:both;
	height:10px;
	background:url(media/droite_foot.gif) no-repeat 50% 0;
	margin-top:10px;
	margin-bottom:20px;
}

#droite a {
	cursor:hand;
	color:#980F00;
	text-decoration:none;
	border-bottom:1px dotted #980F00;
}
#droite a:hover{
	text-decoration:none;
	color:#980F00;
	text-decoration:none;
	border-bottom:1px solid #980F00;
}

/* Evénements avec dates */
#droite .event a {
	clear:both;
	display:block;
	height:14px;
	width:155x;
	background:url(media/droite_dl_out.gif) no-repeat;
	background-position: right .45em;
	border:none;
	padding:2px 15px 2px 0;
}
#droite .event a:hover{
	background:url(media/droite_dl_over.gif) no-repeat;
	background-position: right .45em;
	background-color:#FFFAF6;
	background-color:#dfdddd;/*Mac*/
	border:none;
}
#droite .event .lieu {
	display:inline;
	width:90px;
	float:left;
}
#droite .event .date {
	display:inline;
	width:60px;
	float:left;
}

/* Lien sans date */
#droite .link a {
	clear:both;
	display:block;
	height:14px;
	width:155x;
	background:url(media/droite_dl_out.gif) no-repeat;
	background-position: right .45em;
	border:none;
	padding:2px 15px 2px 0;
}
#droite .link a:hover{
	background:url(media/droite_dl_over.gif) no-repeat;
	background-position: right .45em;
	background-color:#FFFAF6;
	background-color:#dfdddd;
	border:none;
}

#foot {
	width:782px;
	margin:0 auto;
	height:111px;
	background:url(media/footer_bg.jpg);
}

/*** see http://www.positioniseverything.net/easyclearing.html
   for explanation of Tony Aslett's elegant hack ***/

.clearing:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearing {
    display: inline-block;
    }

/* hides from IE/Mac \*/
* html .clearing {
    height: 1%;
    }

.clearing {
    display: block;
    }
/* end hide from IE-Mac */