@charset "UTF-8";
/* CSS Document */



/* DEBUT PAGE 1 */



#page1 .indices {
	width: 750px;
	margin: 28px 0px 30px -10px;
}
#page1 .graphique {
	position: relative;
	float: left;
	width: 250px; /* total 240px */
	height: 300px;
	background:  #ffffff;
	background: url(fondGraph1.jpg) no-repeat left bottom;
	margin: 0px -10px 0px;
	padding: 0px 0px 10px 10px;
}
#page1 .graphique h4 {
	font-size: 10px;
	color: #E3001A;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
}
#page1 .graphique img {
	position: absolute;
	bottom: 10px;
}
#page1 .indices .supp { clear: both; }

#page1 #ligne {
	clear: both;
	border-bottom: 1px solid #FFCCCC;
	margin: 0px;
	padding: 0px 0px 17px 12px;
	/*background: url(fondTab-p2-h.jpg) no-repeat left top;*/
}

/* FIN PAGE 1 */
/* DEBUT PAGE 2 */

#page2 #menuSousRub {
	position: relative;
	margin: 30px 0px 10px -20px;
	padding-left: 20px;
	background: url(fondMenuSousRub.jpg) repeat-x left bottom;
	width: 780px;
	height: 31px;
}

#page2 #pres a {
	color: #707070;
	padding-bottom: 0px;
	margin: 0px 5px;
	border-bottom: 1px solid #707070;
	text-decoration: none;
}

#page2 #pres a:hover {
	color: #FF0000;
	padding-bottom: 0px;
	margin: 0px 5px;
	border-bottom: 1px solid #FF0000;
	text-decoration: none;
}

#page2 #ht a {
	color: #FF0000;
	padding-bottom: 0px;
	margin: 0px 5px;
	border-bottom: 0px solid #FF0000;
	text-decoration: none;
}

#page2 #ht a:hover {
	color: #FF0000;
	padding-bottom: 0px;
	margin: 0px 5px;
	border-bottom: 0px solid #000000;
	text-decoration: none;
}

#page2 #methodo a {
	color: #535353;
	padding-bottom: 0px;
	margin: 0px 5px;
	border-bottom: 1px solid #535353;
	text-decoration: none;
	}

#page2 #menuSousRub li { float: left; }
#page2 #menuSousRub li a:link, #page2 #menuSousRub li a:visited {
	outline: none;
	display: block;
	width: auto;
	float: left;
	color: #626262 !important;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	line-height: 13px;
	padding: 9px;
	margin: 0px 10px 0px 0px;
	background: url(onglMenuSousRub.jpg) repeat-x left top;
}
#page2 #menuSousRub li a:hover, #page2 #menuSousRub li.on a { color: #E3001A !important; }
#page2 #menuSousRub li.on a { background: url(onglMenuSousRub-on.jpg) repeat-x left top !important; }
#page2 #groupe1 {
	clear: both;
	border-bottom: 1px solid #FFCCCC;
	margin: 0px;
	padding: 17px 0px 17px 12px;
	background: url(fondTab-p2-h.jpg) no-repeat left top;
}
#page2 #groupe1 .tableau {
	margin: 0px 0px 0px -24px;
	background: url(fondTab-p2-c.jpg) no-repeat left center;
	padding: 0px 12px;
}
#page2 #groupe1 .tableau2 {
	margin: 0px 0px 0px -24px;
	background: url(fondTab-p2-c.jpg) no-repeat left center;
	padding: 0px 12px;
}
#page2 #groupe1 .supp {
	height: 17px;
	width: 701px;
	margin: 0px;
	padding: 0px;
	background: url(fondTab-p2-b.jpg) no-repeat center top;
}


#page2 table {
	width: 701px;
	height: 110px;
	padding: 0px;
}
#page2 th.date, #page2 td.libelle  {
	border-left: 1px solid #CFCFCF;
	text-align: left;
	width: 80px;
}
#page2 th.date {
	padding: 6px 10px;
	color: #E3001A;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
#page2 td, #page2 th {
	text-align: center;
	margin: 0px;
	border-right: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
	padding: 3px;
}

#page2 th { font-size: 11px; font-weight: normal; color: #535353; }
#page2 td { padding: 7px 10px; font-weight: bold; color: #000000;}
#page2 tr.impaire td { background: #EEEEEE; }
#page2 tr.paire td { background: #F6F6F6; }

#page2 td.pos { color: #339900; }
#page2 td.neg { color: #FF0000; }


#page2 h4 {
	margin: 15px 0px 0px 10px;;
	font-size: 10px;
	color: #E3001A;
	text-transform: uppercase;
}

#page2 h5 {
	font-size: 8px;
	color: #535353;
	margin: 0px 0px 0px;
}


#page2 #groupe2 {
	width: 355px;
	float: left;
	padding-right: 5px;
	margin-bottom: 20px;
}
#page2 .graphiques {
	display: block;
	width: 350px; /* total 370px */
	height: 322px; /* total 342px */
	margin: 0px 0px 10px -10px;
	background: url(fondGraph2.jpg) no-repeat left center;
	padding: 10px;
}


#page2 #groupe2 h3 {
	width: auto;
	float: left;
	clear: both;
	margin: 0px 4px 0px 0px;
	padding: 0px;
}
#page2 #groupe2 p {
	display: block;
	margin: 2px 0px 18px 0px;
}
#page2 #groupe2 p.liste { display: block !important; clear: both; }
#page2 #groupe2 .liens a { font-size: 11px; color: #FF0000; }
#page2 #groupe2 .contact { display: block; clear: both; font-size: 13px; }
#page2 .liens a { 	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	color: #000000;}
#page2 .liens a:hover { 	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	color: #CC0000;}


#page2 #groupe3 {
	display: inline-block;
	width: 345px;
	padding: 0px 0px 0px 5px;
	margin-bottom: 20px;
}

#page2 tr.impaire td { background: #DDDDDD; }
#page2 tr.paire td { background: #FFFFFF; }


/* DEBUT PAGE telechargement */

#pagetel #menuSousRub {
	position: relative;
	margin: 30px 0px 10px -20px;
	padding-left: 20px;
	background: url(fondMenuSousRub.jpg) repeat-x left bottom;
	width: 780px;
	height: 31px;
}

#pagetel #pres a {
	color: #707070;
	padding-bottom: 0px;
	margin: 0px 5px;
	border-bottom: 1px solid #707070;
	text-decoration: none;
}

#pagetel #pres a:hover {
	color: #FF0000;
	padding-bottom: 0px;
	margin: 0px 5px;
	border-bottom: 1px solid #FF0000;
	text-decoration: none;
}

#pagetel #ht a {
	color: #FF0000;
	padding-bottom: 0px;
	margin: 0px 5px;
	border-bottom: 0px solid #FF0000;
	text-decoration: none;
}

#pagetel #ht a:hover {
	color: #FF0000;
	padding-bottom: 0px;
	margin: 0px 5px;
	border-bottom: 0px solid #000000;
	text-decoration: none;
}

#pagetel #methodo a {
	color: #535353;
	padding-bottom: 0px;
	margin: 0px 5px;
	border-bottom: 1px solid #535353;
	text-decoration: none;
	}

#pagetel #menuSousRub li { float: left; }
#pagetel #menuSousRub li a:link, #pagetel #menuSousRub li a:visited {
	outline: none;
	display: block;
	width: auto;
	float: left;
	color: #626262 !important;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	line-height: 13px;
	padding: 9px;
	margin: 0px 10px 0px 0px;
	background: url(onglMenuSousRub.jpg) repeat-x left top;
}
#pagetel #menuSousRub li a:hover, #page2 #menuSousRub li.on a { color: #E3001A !important; }
#pagetel #menuSousRub li.on a { background: url(onglMenuSousRub-on.jpg) repeat-x left top !important; }
#pagetel #groupe1 {
	clear: both;
	border-bottom: 1px solid #FFCCCC;
	margin: 0px;
	padding: 17px 0px 17px 12px;
	background: url(fondTab-p2-h.jpg) no-repeat left top;
}
#pagetel #groupe1 .tableau {
	margin: 0px 0px 0px -24px;
	background: url(fondTab-p2-c.jpg) no-repeat left center;
	padding: 0px 12px;
}
#pagetel #groupe1 .tableau2 {
	margin: 0px 0px 0px -24px;
	background: url(fondTab-p2-c.jpg) no-repeat left center;
	padding: 0px 12px;
}
#pagetel #groupe1 .supp {
	height: 17px;
	width: 701px;
	margin: 0px;
	padding: 0px;
	background: url(fondTab-p2-b.jpg) no-repeat center top;
}


#page2 h4 {
	margin: 15px 0px 0px 10px;;
	font-size: 10px;
	color: #E3001A;
	text-transform: uppercase;
}

#page2 h5 {
	font-size: 8px;
	color: #535353;
	margin: 0px 0px 0px;
}


#page2 #groupe2 {
	width: 355px;
	float: left;
	padding-right: 5px;
	margin-bottom: 20px;
}
#page2 .graphiques {
	display: block;
	width: 350px; /* total 370px */
	height: 322px; /* total 342px */
	margin: 0px 0px 10px -10px;
	background: url(fondGraph2.jpg) no-repeat left center;
	padding: 10px;
}


#page2 #groupe2 h3 {
	width: auto;
	float: left;
	clear: both;
	margin: 0px 4px 0px 0px;
	padding: 0px;
}
#page2 #groupe2 p {
	display: block;
	margin: 2px 0px 18px 0px;
}
#page2 #groupe2 p.liste { display: block !important; clear: both; }
#page2 #groupe2 .liens a { font-size: 11px; color: #FF0000; }
#page2 #groupe2 .contact { display: block; clear: both; font-size: 13px; }
#page2 .liens a { 	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	color: #000000;}
#page2 .liens a:hover { 	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	color: #CC0000;}


#page2 #groupe3 {
	display: inline-block;
	width: 345px;
	padding: 0px 0px 0px 5px;
	margin-bottom: 20px;
}

#page2 tr.impaire td { background: #DDDDDD; }
#page2 tr.paire td { background: #FFFFFF; }


#page3 table {
	width: 500px;
	height: 110px;
	padding: 0px;
	
}
#page4 table {
	width: 300px;
	/*height: 110px;*/
	padding: 0px;
	
}

#page5 table {width:auto;}
#page5 td {width:auto; text-align:left}
#page5 th { width:auto}
#page5 tr {width:auto}
#page5 tr.impaire td { background: #DDDDDD; }
#page5 tr.paire td { background: #FFFFFF; }
#page5 .liens a { 	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	color: #000000;}
#page5 .liens a:hover { 	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:underline;
    color: #CC0000;}
a.link {
font-size: 11px;
color: #000000;} 

a.link:hover {
font-size: 11px;
color: #FF0000;} 

#tab table {
	width: 701px;
	height: 110px;
	padding: 0px;
}
#tab th.date, #tab td.libelle  {
	border-left: 1px solid #CFCFCF;
	text-align: left;
	width: 80px;
}
#tab th.date {
	padding: 6px 10px;
	color: #E3001A;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
#tab td, #tab th {
	text-align: center;
	margin: 0px;
	border-right: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
	padding: 3px;
}
#tab th { font-size: 11px; font-weight: normal; color: #ff0000; }
#tab td { padding: 7px 10px; font-weight: bold; }
#tab tr.impaire td { background: #EEEEEE; }
#tab tr.paire td { background: #F6F6F6; }
#tab td.pos { color: #339900; }
#tab td.neg { color: #FF0000; }

/* FIN PAGE 2 */