body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	background-image: none;
	background-color: #FFFFFF;
}

img.floatLeft { 
    float: left; 
    margin: 10px;
    padding: 10px;
}
img.floatRight { 
    float: right; 
    margin: 7px; 
}


td,p {
  color: #333333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

td.pad {
padding-left: .7 em;
}

.tf{ 
border-left: 1px solid #1B507B;
border-right: 1px solid #1B507B;
padding: 5px 5px 5px 5px;
}

.tfl{ 
border-left: 1px solid #1B507B;
border-right: 1px solid #1B507B;
}

ul
  {
  margin-left: 0;
  padding-left: 1em;
  }
li
  {
  margin: 7px;
  padding: 0;
  }
 
.lh{
	margin-top: 2em;
 }

.button {
 	font-size : 10px; 
	font-family : verdana, arial, helvetica, sans-serif; 
	font-weight : normal; 
	text-decoration: none;
	border-color : #000000;
	border-width : 1px;
	border-bottom : 1px;
	border-left : 1px;
	border-right : 1px;
	border-top : 1px;
	background-color : #EBEBEB;
	padding : 2px;
	border : 1px;
	padding-bottom : 2px;
	margin-top : 5px;
	margin-bottom : 5px;
	border-style : solid;
	display : auto;
}

.small {
  color: #666666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}



hr {
	color : #999999;
	height : 1px;
	margin-top: 0px;
	width: 100%;
	margin-bottom: 0px;
}

.white {
  color: #ffffff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.bourgogne {
  color: #801B04;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}


.bleu {
  color: #0A396F;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.bleu2 {
  color: #0A396F;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
}



h1 {
  color: #1B507B;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 22px;
  font-weight: bold;
  
}

h2 {
  color: #1B507B;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  
}

h3 {
  color: #1B507B;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: normal; 
  font-weight: bold;

}

h4 {
  color: #1B507B;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  
}

h5 {
  color: #1B507B;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  
}

h6 {
  color: #1B507B;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  
}
/*---------links-----------*/


a, a:visited, a:active {
	color: #660000;
	font-family : verdana, arial, helvetica, sans-serif;
	text-decoration: underline;
}


 a:hover {
 	color: #DA470C;
	font-family : verdana, arial, helvetica, sans-serif; 
	text-decoration: none;
}


/*---------links-----------*/

.nav a, .nav a:visited, .nav a:active {
	color: #1B507B;
	background-image : url(../images/bg_nav1.gif);
	font-family : verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	padding-left : 15px;
	padding-bottom : 5px;
	display: block;
	width: auto;
	height: auto;
}

.nav a:hover {
 	color: #DA470C;
    background-image : url(../images/bg_nav2.gif);
	font-family : verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	padding-left : 15px;
	display: block;
	width: auto;
	height: auto;
}
.middle a, .middle a:visited, .middle a:active {
	color: #1B507B;
	font-family : verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	padding-bottom : 5px;
	display: block;
	width: auto;
	height: auto;
}

.middle a:hover {
 	color: #DA470C;
	font-family : verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	display: block;
	width: auto;
	height: auto;
}

.right a, .right a:visited, .right a:active {
	color: #1B507B;
	font-family : verdana, arial, helvetica, sans-serif;
	text-decoration: none;
}

.right a:hover {
 	color: #DA470C;
	font-family : verdana, arial, helvetica, sans-serif;
	text-decoration: none;
}

a.bleu, a.bleu:visited, a.bleu:active {
	font-size : 10px; 
	color: #1B507B;
	font-family : verdana, arial, helvetica, sans-serif; 
	font-weight : normal; 
	text-decoration: underline;
}


 a.bleu:hover {
 	font-size : 10px; 
 	color: #588FBC;
	font-family : verdana, arial, helvetica, sans-serif; 
	font-weight : normal; 
	text-decoration: none;
}


/*--------- new links-----------*/
A.linkblanc:link, A.linkblanc:visited, A.linkblanc:active {
	font-size : 10px; 
	text-decoration : none; 
	font-family : verdana, arial, helvetica, sans-serif; 
	font-weight : normal; 
	color : #ffffff; 
	background-color : transparent; 
} 
 
A.linkblanc:hover {
	font-size : 10px; 
	text-decoration : none; 
	font-family : verdana, arial, helvetica, sans-serif; 
	font-weight : normal; 
	color : #cccccc; 
	background-color : transparent; 
} 



/*--------- end new links-----------*/

.pdf {
	list-style-image : url(/app/TemplateRepository/osfi_inside/images/english/pi_pdf.gif);
}

.word {
	list-style-image : url(/app/TemplateRepository/osfi_inside/images/english/pi_word.gif);
}

.html {
	list-style-image : url(/app/TemplateRepository/osfi_inside/images/english/pi_html.gif);
}

.external {
	list-style-image : url(/app/TemplateRepository/osfi_inside/images/english/pi_external.gif);
}

.xls {
	list-style-image : url(/app/TemplateRepository/osfi_inside/images/english/pi_xls.gif);
}

.rtf {
	list-style-image : url(/app/TemplateRepository/osfi_inside/images/english/pi_rtf.gif);
}

.ppt {
	list-style-image : url(/app/TemplateRepository/osfi_inside/images/english/pi_ppt.gif);
}


#mta_bar { background: #fded85; border-bottom: 1px solid #808080; margin: 0 0 3px 0; padding: 4px 0; z-index: 100;	top: 0;	left: 0; width: 100%;	overflow: auto;	position: fixed; }
* html #mta_bar{ /*IE6 hack*/
position: absolute; width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px"); }
#mta_bar .left { float: left; text-align: center; font-family: Arial; font-size: 13px;	font-weight: bold; font-style: normal;	color: #0000FF; width:92%;}
#mta_bar .right {font-family: Arial, Helvetica, sans-serif;	float: right;	text-align: center; font-weight: normal;	font-size: 10px;letter-spacing: 0; width: 30px; white-space: nowrap;}
#mta_bar .right a {font-size: 10px; color: #0000FF; text-decoration: underline;}
#mta_bar .right a:hover {font-size: 10px; color: #0000FF; }
#left_bar a { color: #0000FF; }
#left_bar a:hover { text-decoration: underline; color: #0000FF; }