/*  body   */
BODY { background-color: #66AA99 ; margin-left: 1px ; margin-top: 1px   }
A:link, A:visited, A:active { text-decoration: underline ; color: rgb(52,56,203) }
a:hover { color:#DDDDDD; text-decoration:underline; }

H3{font-size: 16pt ; font-weight: normal ; color: #CC3333; }
H4{font-size: 20pt ; font-weight: normal ; color: #CC3333; }

.button {width:8.9em;padding: 0.4em 0 1em 0;margin-bottom: 1em;font-size: 11pt;
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;}
.button ul {list-style: none;margin: 0;padding: 0; border: none;}
.button li {border-bottom: 0 dotted #030303; margin: 0;}
.button li a {display: block; padding: 4px 4px 4px 0.4em; border-bottom: 2px solid #66AA99;
	border-top: 2px solid #66AA99; font-weight: none;
	background-color: #D63931; color: #DBC746; text-decoration: underline; width: 100%;}
	html>body .button li a {width: auto;}


.button li a:visited {
	border-left: 0px solid #D63931; border-right: 0px solid #D63931;font-size: 11pt;
	background-color: #D63931; color: #DDDDDD; font-weight: none;
}
	

.button li a:hover {
	border-left: 3px solid #DBC746; border-right: 5px solid #DBC746;font-size: 11pt;
	background-color: #DBC746; color: #D63931; font-weight: none;
}

TD.bkgd {background : #eeeeee}

TD.titre {font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif ;
	 font-size: 14pt ;  color: #000000; }
.titre {font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif ;
	font-size: 14pt ;  color: #000000; }
TD.normal {font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif ;
	font-size: 10pt ; font-weight: normal ; color: #000000; }
.normal_c {font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif ;
	font-size: 10pt ; font-weight: normal ; color: #000000; vertical-align: middle; text-align:center; }
TD.normal_c {font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif ;
	font-size: 10pt ; font-weight: normal ; color: #000000; vertical-align: middle; text-align:center; }
TD.normal_g {font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif ;
	font-size: 12pt ; font-weight: normal ; color: #000000; }
TD.formul {font-family: Arial, Helvetica ; font-size: 12pt ; font-weight: normal ; color: #000000; }
.finpage {font-family: Times, Helvetica, Arial ; font-size: 10pt ; color : #000000 ; }
TD.ti_para {font-family: 'Lucida Grande', Tahoma, Geneva, Helvetica, Arial ; font-size: 12pt ;
	   font-weight: bold ; color: #222222; }
.ti_parai {font-family:  'Lucida Grande', Tahoma, Geneva, Helvetica, Arial ; font-size: 12pt ;
	  font-weight: bold ; color: #222222; }
TD.ti_encar {font-family: 'Lucida Grande', Tahoma, Geneva, Helvetica, Arial ; font-size: 12pt ;
	    font-weight: bold ; color: #ccffff; }
.ti_encar {font-family: 'Lucida Grande', Tahoma, Geneva, Helvetica, Arial ; font-size: 12pt ;
	  font-weight: bold ; color: #ccffff; }
TD.encar {font-family: 'Lucida Grande', Times, Serif, Helvetica, Arial ; font-size: 11pt ; color: #FFFFFF; text-decoration: none }
.encar {font-family: 'Lucida Grande', Times, Serif, Helvetica, Arial ; font-size: 11pt ; color: #FFFFFF; text-decoration: none }
TD.legend {font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif ;
	  font-size: 10pt ; font-style: italic ; color: #CC3333 ; text-align : center; }
TD.ti_cligno {font-family: 'Lucida Grande', Tahoma, Geneva, Helvetica, Arial ; font-size: 12pt ;
	    font-weight: bold ; color: #ccffff; text-decoration: blink }
.ti_cligno {font-family: 'Lucida Grande', Tahoma, Geneva, Helvetica, Arial ; font-size: 12pt ;
	  font-weight: bold ; color: #ccffff; text-decoration: blink }


.bloc_coins {
	background: transparent; 
	width:100%; }
.bloc_coins h1, .bloc_coins p {
	margin:0 10px; }
.bloc_coins h1 {
	font-size:2em; 
	color:#fff; }
.bloc_coins p {
	padding-bottom:0.5em;}
.bloc_coins .b1, .bloc_coins .b2, .bloc_coins .b3, .bloc_coins .b4 {
	display:block; 
	overflow:hidden; 
	font-size:1px; }
.bloc_coins .b1, .bloc_coins .b2, .bloc_coins .b3 {
	height:1px; }
.bloc_coins .b2 {
	background:#D63931; 
	border-left:1px solid #999; 
	border-right:1px solid #aaa; }
.bloc_coins .b3 {
	background:#D63931; 
	border-left:1px solid #999; 
	border-right:1px solid #ddd; }
.bloc_coins .b4 {
	background:#D63931; 
	border-left:1px solid #999; 
	border-right:1px solid #eee; }
.bloc_coins .b1 {
	margin:0 5px; 
	background:#999; }
.bloc_coins .b2 {
	margin:0 3px; 
	border-width:0 2px;}
.bloc_coins .b3 {
	margin:0 2px;}
.bloc_coins .b4 {
	height:2px; 
	margin:0 1px;}
.bloc_coins .bloc_contenu {
	display:block; 
	background:#D63931; 
	border-left:1px solid #999; 
	border-right:1px solid #fff;}
/*  bargraph pour la demographie   */
.bargraph {
    font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, 
    sans-serif;
	 font-size: 9pt; 
	 font-weight: normal; 
	 color: #000000;
    border-collapse: collapse;
    margin:auto;
    width: 600px;
}
.bargraph td {
    padding:5;
    margin:0;
    vertical-align:bottom;
    text-align:center;
    background: #66AA99 15px bottom;
}
.bargraph th {
    background: #66AA99;
}
.bargraph img{
    display:block;
    border-right: 1px solid #FFFFFF;
}