/*******************************************************
TITLE: IFPMA
DATE: 08/11/2007
AUTHOR: Fabrizio
*******************************************************/


* { 
	padding : 0;
	margin : 0;
	}

body { 
	font-family:Arial,Helvetica,sans-serif;
	color : #797979;
	font-size : 11px;
	}

#container {
    width: 780px;
/*	margin: 0 auto;*/
	}

a {
	color: #2E6CA9;
	text-decoration: underline;
	}

a:hover {
	color: #2E6CA9;
	text-decoration: underline;
	}

a img {
	border:0;
	}
	
p {
	margin:13px 0 13px 0;
	clear:both;
	}

ul {
	list-style-position:outside;
	list-style:disc;
	margin:10px 0 10px 0;
	}
	
li {
	margin-left:30px;
	}


h1{
	border-top:1px solid #999999;
	color:#111111;
	font-size:14px;
	font-weight:bold;
	margin:10px 0 5px 0;
	padding-top:5px;
	}

h2{
	font-size:13px;
	font-weight: bold;
	color: #5690c5;
	padding-bottom:10px;
	}
	
h3{
	font-size:12px;
	font-weight: bold;
	color: #001d68;
	}
	
h4{
	font-size:11px;
	font-weight: bold;
	color: #001d68;
	}
	
h5{
	font-size:10px;
	color: #001d68;
	}
	
h6{
	font-size:9px;
	color: #001d68;
	}
	
/*-------------------------------------------------------------------*/ 
/*--------------------------------- CONTENT -------------------------*/
/*-------------------------------------------------------------------*/
#bannertop{
width:257px; height:94; float:right;
}

#header {
	float: left;
	width: 958px;
	height: 112px;
	margin:0 6px 0 5px;
	}
	
#content {
	position:relative;
	float: left;
	margin:0px;
	}
	
#colLeft {
	float: left;
	width: 170px;
	margin:0px;
	padding-top:6px
	}

#center {
	float: left;
	width: 600px;
	margin-top:5px;
	margin-left:10px;
	}

#colRight {
	float: left;
	width: 175px;
	padding: 0;
	}

/* this is undefined in T3 but used for some purpose at the top the #content div.
it causes a margin-top:10px to be displayed in the first h1.
*/
h1.csc-firstHeader {
margin-top:0px;
float:left;
border-top:0;
}

div#plain-page h3 {
clear:both;
}

/*-------------------------------------------------------------------*/ 
/*------------------------------ TYPOGRAPHY -------------------------*/
/*-------------------------------------------------------------------*/


.text, .bodytext {
	color:#333333;
	line-height:16px;
	padding-bottom:15px;
	text-align:justify;
}

.textLegende {
	color:#333333;
	padding-bottom:15px;
	float:left;
}

.textLegende .legende{
	float:left;
	position:absolute;
	width:150px;
	color:#009999;
	margin:0 0 0 -150px;
        text-align:left;
	}

.textLegende p{
	float:left;
	position:relative;
	margin:5px 0 10px 150px;
	width:450px;
	}

*html .textLegende p{ /* Interpret� par IE6 et pr�c�dents seulements */
	float:left;
	position:relative;
	margin:5px 0 10px 76px;
	width:450px;
	}
	
.text .a_nav {
	text-align:left !important;
	}
	
.a_nav {
	color:#2E6CA9;
	font-size:11px;
	text-decoration:none;
	}

/*-------------------------------------------------------------------*/ 
/*--------------------------------- BOX -----------------------------*/
/*-------------------------------------------------------------------*/

.box {
	width:165px;
	float:left;
	color:#c61e00;
	background-color:#ffe3d5;
	margin: 10px 0 10px 0;
	}

.boxTop {
	background-color:#ffae88;
	font-weight: bold;
	padding:5px;
	}
	
.boxBody {
	padding:5px 5px 10px 5px;
	width:155px;
	}	

.boxListe {
	border-top:#ffae88 solid 1px;
	border-bottom:#ffae88 solid 15px;
	width:155px;
	padding:5px
	}	

.box ul li {
    display: inline;
	font-size:10px;
	margin:0;
	}
	
.box ul li a {
	color:#c61e00;
	display: block;
	padding:0 0 5px 0;
	}
	
/*-------------------------------------------------------------------*/ 
/*--------------------------------- TOOLS ---------------------------*/
/*-------------------------------------------------------------------*/
/* for top-line implementations*/
#tools {
        display:none;
	text-align:right;
	}

#tools a {
	color:#2E6CA9;
	margin-left:2px;
	margin-right:5px;
	}

/* for under menu in left col implementation
div.tools {
	text-align:center;
	margin: 5px 0px 5px 0px;
}
*/
	
/*-------------------------------------------------------------------*/ 
/*--------------------------------- FOOTER --------------------------*/
/*-------------------------------------------------------------------*/



#footer { 
	font-size: 10px;
	border-top:#999999 solid 1px;
	padding: 2px 0 2px 0;
	color:#999999;
	clear: both;
	}

#footer #left { 
	float:left;

	}

#footer #right { 
	float:right;

	}
	
#footer  a{
    text-decoration: none;
	color:#2977ab;
	}
	
#footer  a:hover{
    text-decoration: none;
	color:#2977ab;
	}

/*-------------------------------------------------------------------*/ 
/*--------------------------------- PATH ----------------------------*/
/*-------------------------------------------------------------------*/

#path {
	padding: 30px 0 0 20px;
	height: 19px;
	color:#8899aa;
	font-weight:normal;
	font-size:11px;
	border-bottom:#8899aa solid 1px;
	clear: both;
	}

#path li {
    margin: 0; 
    padding: 0;
    display: inline;
	}

#path li a:link, #path li a:visited {
    display: block;
    float: left;
	margin-right: 20px;
    text-decoration: none;
    text-align: center;
	color:#003366;
    padding: 0;
	}

#path li a:hover, #path li a:active {
	color:#333333;
    padding: 0;
	} 

/*-------------------------------------------------------------------*/ 
/*--------------------------------- FORM-----------------------------*/
/*-------------------------------------------------------------------*/


 input:focus{
	border:1px solid #88a90f;
	}

.checkbox {
	background: #ffffff;
	height: 14px;
	width: 14px;
	margin-right: 10px;
	padding: 1px;
	border: 0px;
	}

 input {
	background: #ffffff;
	width: 100px;
	height: 13px;
	font-size: 10px;
	margin: 2px 2px 5px 0;
	padding: 1px;
	color: #999999;
	border: 1px solid #b19d7e;
	}

select{
	background: #feb63e;
	height: 16px;
	width: 100px;
	font-size: 11px;
	padding: 0px;
	color: #FFFFFF;
	border: 1px solid #fea011;
 	}
 
textarea {
	background: #fafafa;
	width: 500px;
	height: 100px;
	font-size: 10px;
	margin-right: 10px;
	padding: 1px;
	color: #999999;
	border: 1px solid #797979;
	}

/*-------------------------------------------------------------------*/ 
/*------------------------------ SITE MAP----------------------------*/
/*-------------------------------------------------------------------*/

.sitemap {
	padding-left:100px;
	}
	
.sitemapTitre{
	padding: 0 50px 0 17px;
	margin: 0 0 0 50px;
	font-size:14px;
	color: #88a90f;
	font-weight: bold;
	}
		
.sitemap a{
	color: #999999;
	}

/*---------------infobulle styles--------------------*/

.infoBulle {
	display:none;
	color: #999999;
}

/*---------------Tooltip styles--------------------*/

a.tooltip em {
    display:none;
}

a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}

a.tooltip:hover em {
    display: block;
	font-size:10px;
	text-align:left;
    position: absolute;
    top: 20px;
    left: -10px;
    padding: 5px;
    color: #000;
    border: 1px solid #999;
    background: #efefef;
    width:170px;
}

a.tooltip:hover em span {
    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
/*    background-image:url(../images/infobulletop.gif);*/
    margin:0;
    padding: 0;
    border: 0;
}

/*
Box styles for NERA
*/

div.tce-box {
	background-color:#efefef;
	padding-left:10px;
	padding-right:10px;
}

div.tce-box h1 {
	text-align:center;
}

/*----------------------------Banner styles----------------------------*/

/*----------------------------Banner styles----------------------------*/



div#banner {

position:relative;

background-color:#2E6CA9;

color:#FFFFFF;

display:block;

height:64px;

width:780px;

font-size:11px;

}



div#banner #left-image {
padding:0px;
margin:0px;

	height:64px;

	width:167px;

	border:0px;

	float:left;

}



div#banner div#banner-text {

position:absolute;

clear:both;

float:left;

height:49px;

padding-top:2px;

width:460px;

top:0;

left:167px;

}



div#banner div#banner-text span#banner-title {

font-size:20px;

padding-left:8px;

margin-top:0px;



}



div#banner div#banner-text span#banner-subtitle {

padding-left:8px;

}



/*------------Banner Tools-------------*/



#suppl-nav {

	clear:left;

	float:right;

	margin-top:0;

	padding-right:5px;

	position:absolute;

	top:4px;

	right:5px;

	border:0;

	height:60;

	/*width: 100px;*/

}

#bannertools {

	margin-top:0;

	margin-left:0px;

}

#bannertools #printtool {

padding-left:0px;

left:-120px;

top:-20px;

	}

#bannertools #mailtool {

padding-left:0px;

left:-120px;

top:0px;

	

	

}

#bannertools #searchtool {

	display:none;

	height:16px;

	color:#2E6CA9;

	padding-bottom:5px;

}

#bannertools #searchtool img {

	vertical-align:middle;

	}

#bannertools #searchtool input{

	border: 1px #CCCCCC solid;

	color:#2E6CA9;

	border:none;

	height:14px;

	width:80px;

	}

#bannertools div {

	

	/*padding-left:20px;*/

}

#bannertools div a {

	color:white;

	text-decoration:none;

	vertical-align:bottom;

}

#bannertools div a img {

	width:16px;

	height:16px;

	padding-right:5px;

	border:0;

	padding:0;

	vertical-align: top;

}

/*-------------------------  Fiche text styles ------------------------*/

div#plain-page {
	text-align:justify;
	font-size:12px;
	color:black;
}

div#plain-page p.bodytext,
div#plain-page ul li {
	padding-bottom:0px;
}

/*-------------------------  Summary Fiche styles ------------------------*/

div#plain-page div.summary-fiche-2-col-title-left {
}

/*-------------------------  Fiche styles for content ------------------------*/

div#plain-page div.csc-frame-rulerBefore {
	border-top:1px #999999 solid;
	margin-top:5px;
	padding-top:13px;
}
div#plain-page div.csc-textpic-lastcol {
	float:right;
}

div#plain-page div.csc-textpic-intext-right-nowrap div.csc-textpic-text {
	float:left;
}

/*-------------------------  Fiche styles for quick facts ------------------------*/
span#quick-facts {
	float:right;
	top:2px;
	position:relative;
}

span#quick-facts span.sensitive-area {
	cursor:pointer;
}

span#quick-facts div.hidden {
	display:none;
}

span#quick-facts div.visible {
	opacity:0.93;
	display:block;
	position:absolute;
	right:0px;
	top:20px;
	width:400px;
	background-color:#fcfcfc;
	z-index:1;
	text-align:justify;
	padding:3px 10px 3px 5px;
	border:solid #f0f0f0 1px;
}

/* ------------------- Styles for biologicals ----------------------*/
div#biologicals-secretariat .heading3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #747474;
	letter-spacing: 1px;
}
div#biologicals-secretariat .text {
	font-size: 11px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	text-align: justify;
	padding-bottom: 15px;
}

div#biologicals-secretariat .text a {
	color: #009999;
}
div#biologicals-secretariat .text a:visited {
	color: #009999;
}
div#biologicals-secretariat .text a:hover {
	color: #2e6ca9;
}
div#biologicals-secretariat .text a:active {
	color: #2e6ca9;
}

table#table_biologicals td,
table#table_biologicals th,
table#table_biologicals .text,
table#table_biologicals p.bodytext {
	font-size: 11px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	text-align: justify;

}

table#table_biologicals .text_tiny {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}
table#table_biologicals .text_tiny_10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}


table#table_biologicals {
	margin: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
table#table_biologicals .tablecells_biologicals {
	padding: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	margin: 0px;
}
table#table_biologicals .tablecells_biologicals a {
	color: #009999;
}
table#table_biologicals .tablecells_biologicals a:visited {
	color: #009999;
}

table#table_biologicals .tablecells_biologicals a:hover {
	color: #2e6ca9;
}
table#table_biologicals .tablecells_biologicals a:active {
	color: #2e6ca9;
}
table#table_biologicals .text_biologicals {
	font-size: 11px;
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 16px;
	text-align: justify;
	padding-bottom: 15px;
}
table#table_biologicals .text_biologicals a {
	color: #009999;
}
table#table_biologicals .text_biologicals a:visited {
	color: #009999;
}
table#table_biologicals .text_biologicals a:hover {
	color: #2e6ca9;
}

table#table_biologicals .text_biologicals a:active {
	color: #2e6ca9;
}

/*---------------------TOC Styles--------------------------*/


table#toc img {
	display:none;
}

table#toc  .black_11 {
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
}

table#toc  .a_darkblue_11_BOLD {
	color:#2e6ca9;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
}

div#toc {
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	padding-top:5px;
}

div#toc div#left_column,
div#toc div#right_column {
	display:block;
	float:left;
	width:290px;
	margin-bottom:10px;
}

div#toc div#right_column {
	margin-left:10px;
}

div#toc div#left_column {
	margin-right:10px;
}

div#toc div#left_column  div.with-bottom-space {
	margin-bottom:10px;
}

div#toc div#right_column  div.with-bottom-space {
	margin-bottom:13px;
}

div#toc  a {
	color:#2e6ca9;
	font-weight:bold;
	text-decoration:underline;
	text-align:left;
}

/*---------------------- content table styles ------------------------*/

table.contenttable {
	border:0px;
	border-collapse: collapse;
	font-size:12px;
	border-top:#333333 solid 1px;
	border-right:#bcbcbc solid 1px;
	border-bottom:#bcbcbc solid 1px;
	border-left:#333333 solid 1px;
}

table.contenttable tr
table.contenttable tr td {
	border-style:hidden;
}

table.contenttable tr td p {
	margin:5px;
}

/*-------------------------- Arabic ----------------------*/
table.contenttable tr.rtl {	
	font-size: 17px;
	direction: rtl;
}

table.contenttable tr.rtl td+td+td,
table.contenttable tr.rtl td.ltr {	
	font-size: 12px;
	direction: ltr;
}