body{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Helvetica, san-serif;
	font-size: 0.7em;
	background-color: #036;
	text-align: center;
}

acronym:hover, abbr:hover {
    cursor: help;
}

abbr, acronym {
    border-bottom: 1px dotted;
    cursor: help;
}

#page {
	width: 800px;
	margin: 15px auto 5px auto;
	text-align: left;
}

dd
{
	margin: 0;
}

ul
{
	padding: 0;
}

.clear
{
	margin: 0;
	padding: 0;
	clear: both;
}

/* TITRE */

#header h1{
	
	margin: 0px;
	
	height: 67px; 
	text-align: left;
	vertical-align: bottom;
	background-image: url("../images/titre.jpg");
	
	overflow: hidden;
	text-indent: -2000px;
}

/* MENU */
#menu {
	position: relative;
}

#menu ul {
	list-style: none;
	padding: 3px 10px 3px 15px;
	margin: 0;
	background-color: #5297BA;
	text-align: left;
	background: url("../images/bg_H.gif") repeat-x left top;
}

#menu li {
	display: inline;
	border-right: 1px solid #FFF;
	margin: 0;
	padding: 3px 10px;
}

html>body #menu li{
	margin-right: -5px;
}

#menu .right {
	display: block;
	border: none;
	padding: 0px;
	position: absolute;
	top: 0px;
	right: 0px;
	background: url("../images/puceB.gif") no-repeat left center;
	padding: 3px 10px 3px 7px;
	z-index: 20;
}

#menu li.last {
	display: inline;
	border: 0px;
}
#menu li a, #menu a.right {
	color: #FFF;
	text-decoration: none;
	border: none;
}

#menu li.active {
	background: url("../images/bg_HSelect.gif") repeat-x left top;
	height: 20px;
	width : 50px;
	font-weight: bold;
	color: #036;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}

#menu li.active a {
	color: #036;
}

#menu li a:hover {
	color: #036;
	text-decoration: none;
}

/* CONTENU */
#content
{
	background: #EEE;
}
/** Colonne gauche **/
#infobar {
	width: 150px;
	float: left;
	background: #DDD url('../images/bg_menuG.gif') repeat-x left bottom;
	margin-top: -10px;
	padding-top: 20px;
	padding-bottom: 50px;
}

#menuV {

	font-size: 0.8em;
	margin: 0px 0px 0px 10px;
	list-style-image: url("../images/puce.gif");
}

#menuV li {	
	margin: 0;
	border: 1px solid #ddd;
	padding-top: 3px;
}

#menuV>li {
	padding-top: 0px;
	margin-top: 5px;
}

#menuV li a {
	display:block;
	color: #036;
	text-decoration: none;
}

#menuV li a:hover {
	color: #033;
	text-decoration: underline;
}

#CadreInfoPratique {
	background: #EEE url("../images/puce.gif") no-repeat 100% 50%; 
}
.elementMenu {
	margin: 5px;
	margin-bottom: 10px;
	color: #555;	
}

.elementMenu a {
	color: #036;
}

.elementMenu a:hover {
	color: #036;
	text-decoration: underline;
}

.elementMenu dt {
	border-top: 1px solid #AAA;
	border-left:  1px solid #AAA;
	padding : 3px 5px;
	background-color: #EEE;
}
.elementMenu dd {
	border-left:  1px solid #AAA;
	padding: 5px;
	
}

#ok {
	height: 19px;
	margin: 0px;
	padding: 0px 2px;
}

#infoPratique {
	position: absolute;
	visibility: hidden;
	border: 2px solid #AAA;
	border-top: 1px solid #AAA;
	border-left:  1px solid #AAA;
	padding : 3px 5px;
	background-color: #EEE;
	color: #036;
	
}
#infoPratique a {
	color: #036;
	
	text-decoration: none;
}

#infoPratique a:hover {
	color: #036;
	text-decoration: underline;
	
}


/** Corps du contenu **/
.post {
	_height: 300px; 	/* ie min-height */
	min-height: 300px;	/* Moz min-height */
	margin-left: 150px;
	padding: 20px;
	padding-left: 10px;
}
.post .Plain {
	margin-left: 15px;
	margin-right: 20px;	
}
.post .Gauche {
	margin-left: 15px;
	margin-right: 200px;	
}
.post .Droite{
	margin-left: 150px;
	margin-right: 20px;	
}

.post h2 {
	font-size: 1.25em;
	color: #036;
	padding: 5px;
	padding-left: 0px;
	border-top: 1px solid #AAA;
	border-right: 3px solid #AAA;
	margin-top: 3px;
	margin-bottom: 15px;
	text-align: left;
}


.post h3,.h3 {
	font-size: 1.1em;
	color: #036;
	padding: 0px;
	border-bottom: 1px solid #AAA;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-left: 10px;
	background: url("../images/puce.gif") no-repeat left center;
	font-weight: bold;
	display: block;	
	text-align: left;
}

.post h2 a, .post h3 a
{
	color: #036;
	text-decoration: none;
}

.altern{
	text-align: right;
}

.post h3.altern {
	display: block;
	text-align: right;
	padding-right: 10px;
	background: url("../images/puceD.gif") no-repeat right center;	
}


.post p {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: justify;
/*text-indent: 1.5em*/
}

.activite ul li
{
	list-style-type: none;
}

/*-----------------------------Actualite-----------------------------------*/
.article {
	margin-bottom: 20px;
	text-align : justify;
}

.detailsArticle {
	list-style-type: none;
	float: right;
	padding: 10px;
	border : 0px;
	border-left: 2px solid #999;
	border-bottom: 1px dotted #999;
	margin: -10px 0px 5px 10px;
	
	
}

dd.altern .detailsArticle {
	float: left;
	border : 0px;
	border-right: 2px solid #999;
	border-bottom: 1px dotted #999;
	text-align : left;
	margin: -10px 10px 5px 0px;

}
dd.altern .detailsArticle li{

	margin-bottom: 3px;
	
}
dd.altern .detailsArticle li span {
	font-weight : bold;
}


.detailsArticle li{

	margin-bottom: 3px;
	
}
.detailsArticle li span {
	font-weight : bold;
}
.photoActu {
	margin: 0px 10px 3px 0px;
	float: left;
	height: 105px;
}
.photoActuAltern {
	float: right;
	margin-left: 10px;
	width: 100px;
	height: 100px;
}

.Haut2page{
	clear: right;
	display: block;
	height: 20px;
	width: 100%;
	/*padding-left: 15px;
	background: url('../images/H2page.gif') no-repeat top left;*/
}

/*___________________TABLEAUX INDICES_________________________________*/

table{
	padding: 0;
	margin-bottom: 20px;
	border-collapse: collapse;
	width: 100%;
}

table caption{
	font-size: 1.3em;
	border-bottom: 1px solid #036;
}

table *{
	text-align: center;
	font-size: 1em;
	margin: 0;
	padding: 5px;
	border-bottom: 1px solid #036;
}

/*--------------------------- PIED DE PAGE -----------------------------*/

#footer {
	font-size: 0.9em;
	text-align: left;
	padding-top: 3px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	text-align: center;
}

#copyright {
	text-align: left;
	color: #AAAAAA;
	float: left;
	padding-bottom: 10px;
	
}

#credits span.orange {
	color: #FFB300;
}

#copyright a,#credits a {
	color: #FFF;
	font-weight: bold;
	text-decoration: underline;
}

#credits {
	text-align: right;
	float: right;
	color: #AAA;
}