#tableauCentre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin-bottom: 5px;
}

* html body #tableauCentre {/* hack pour IE */
	margin-bottom: 0px;
}

#tableauCentre td{
border-right: 1px solid #CCCCCC;
}

/* position de la colonne de gauche */
#tableauCentre td.colonneGauche{
	border-right:0px solid #CCCCCC;
}

#tableauCentre td.colonneGauche div{
	float: left;
	width: 144px;
	margin: 0;
}
#tableauCentre td.colonneGauche p {
	font-size: inherit;
	font-size: 75%;
	padding-left: 2px;
	padding-right: 2px;
}
#tableauCentre td.colonneGauche span {
	padding-left: 2px;
	padding-right: 2px;
}
	
/* position de la colonne de droite */
#tableauCentre td.centre{
	border-right: 0px solid #CCCCCC;
	padding-left: 5px;
	padding-right: 5px;
}
#tableauCentre td.centre table td{
	font-size: 100%;
	border: 0px;
}

/* position de la colonne du centre */
#tableauCentre td.colonneDroite{
	border-left: 1px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
	padding-left: 2px;
}

#tableauCentre td.colonneDroite p {
	font-size: inherit;
	font-size: 75%;
	padding-right: 2px;
	padding-left: 2px;
}
#tableauCentre td.colonneDroite span {
	padding-left: 2px;
	padding-right: 2px;
}
/* début code pour menu horizontal */
#tableauCentre td.menuHo{
	border: 0px;
}

ul#menuHori {
	margin-top: -4px;
	background-image: none;
	background-color: #CDD8E2;
	list-style-type: none;
	font-size:95%;
	color: #0A55A3;
	font-weight: bold;
	padding: 0px 0px 2px 0px;
	margin-bottom: 3px;
}

* html body ul#menuHori {/* hack pour IE */
	margin-top: 0px;
	margin-left: 0px;
	padding: 2px 0px 2px 0px;
}
*:first-child+html ul#menuHori {/* hack pour IE */
	margin-top: 0px;
	margin-left: 0px;
	padding: 2px 0px 2px 0px;
}
ul#menuHori li {
	display: inline;
	padding: 0px 7px 0px 7px;
	margin-left:0px;
	border-right: 1px solid #FFFFFF;
}

ul#menuHori li.dernier {
	border-right: 0px solid #FFFFFF;
}

ul#menuHori li a {
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	color:#0A55A0;
}

ul#menuHori li a:hover {
	color:#000000;
	text-decoration: none;
}
/* fin code pour menu horizontal */


/* début Code css pour le menu de gauche dans la colonne de gauche */

#menu{
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
	margin-left:0px;
	margin-top: 0px;
	margin-right:5px;
	font-size: 100%;
	font-weight: bold;
	padding-left:0px;
}

* html body #menu {  /* hack pour IE */
	margin-left:-1px;
}

#menu li{
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	list-style-image: none;
	border-bottom: 1px solid #CCCCCC;
}

#menu li.dernierNoir{
	border-bottom: 0px solid #CCCCCC;
}
#menu li.dernierBleu{
	border-bottom: 0px solid #CCCCCC;
}
#menu li a, #menu li.dernierBleu a{
	text-decoration: none;
	color: #17569F;
}

#menu li a:HOVER, #menu li.dernierBleu a:hover{
	text-decoration: none;
	color: #15385B;
}
#menu li.noir a, #menu li.dernierNoir a{
	text-decoration: none;
	color: #15385B;
}

#menu li.noir a:HOVER, #menu li.dernierNoir a:hover{
	text-decoration: none;
	color: #17569F;
}
/* fin Code css pour le menu de gauche dans la colonne de gauche */

/* début Code css pour les nouvelles dans la colonne de droite */
.nouvelle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	list-style-image: none;
	margin-top:5px;
	margin-right:5px;
	margin-left: 0px;	
	padding-left: 0px;
}

* html body .nouvelle {/* hack pour IE */
	margin-left:3px;
}

.nouvelle strong{
	color: #000000;
}

.nouvelle li{
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 4px;
	padding-bottom: 10px;
	padding-left: 3px;
	list-style-image: none;
	list-style:none;
}
* html body .nouvelle li {
	padding-left: 0px;
}

.nouvelle li.separateur{
	color:#CCCCCC;
}
/* fin Code css pour les nouvelles dans la colonne de droite */

/* code css général */
.flecheHaut{
 border: 0;
}
h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin-top: 5px;
	margin-bottom: 0px;
	color: #17569F;
	font-weight: bold;
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	margin-top: 0px;
	margin-bottom: 2px;
	font-weight: normal;
	color: #17569F;
}
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin-top: 2px;
	margin-bottom: 0px;
	font-weight: bold;
	color: #000000;
}
h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin-top: 0px;
	margin-bottom: 2px;
	font-weight: normal;
	color: #000000;
}
h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #000000;
}
p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:75%;
	margin-top:15px;
	margin-bottom: 10px;
}
p.plusPetit{
	font-family: Arial, Helvetica, sans-serif;
	font-size:70%;
	margin-top:15px;
	margin-bottom: 10px;
}

ul li{
	font-family: Arial, Helvetica, sans-serif;
	font-size:75%;
	list-style-image: url("../images/ico_fleche.gif");
}

a{
	color: #003399;
	text-decoration: underline;
}
a:HOVER {
	color: #0099CC;
	text-decoration: none;
}
a:VISITED {
	color: #000066;
	text-decoration: underline;
}