/* 



--------------------------------------------------



www.nea.fr



Version:  2009-10-15



The styles are arranged as follows:



		I.    HTML elements



		II.   Level I pag specific



		III.  Generic classes



		IV.   Tab navigation elements



		V.    Breadcrumb navigational elements



		VI.   Footer



--------------------------------------------------*/











/* 



I.  Defines HTML Elements



--------------------------------------------------*/ 



html,body{



	margin:0px;



	padding:0px;



	background-image:url(images/bg_page.gif);



	background-repeat:repeat-x;



	background-color:#eeeeee;



	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;



	font-size:13px;



}







h1, h2, h3, h4, h5, h6 { 



    color: #116AAF;



    margin: 0px;



}







h1.highlight, h2.highlight, h3.highlight, h4.highlight {



  background: #f9f9f9;



}











h1 {



/*    font: bold 180% Verdana, Arial, Helvetica, sans-serif; */



	font: bold 20px Verdana, Arial, Helvetica, sans-serif;



    margin-bottom: 8px;



}







h2 { 



    font: bold 17px Verdana, Arial, Helvetica, sans-serif;



    margin-top: 12px;



	margin-bottom: 8px;



}







h3 {



    font: bold 14px Verdana, Arial, Helvetica, sans-serif;



    margin-top: 12px;

}







h4 {



    font: bold 12px Verdana, Arial, sans-serif;



	margin-top: 12px;



}







h5 {



    font: 105% Verdana, Arial, sans-serif;



}







h6 {



    font: 13px Verdana, Arial, Helvetica, sans-serif;



    font-weight: bold;



    color: #333;



    margin-top: 8px;



}







p{



	font-size:13px;



}







dl, dt { 



    margin-left: 5px;



}







dt { 



    margin-top: 12px;



    margin-bottom: 3px;



}







dd { 



    margin-left: 20px;



    margin-top: 3px;



    margin-bottom: 3px;



}







sul {	



    list-style: outside square; 



}







ol {



    list-style: outside;



	list-style-type:decimal;



}



ol.A { list-style-type:upper-alpha;}



ol.a { list-style-type: lower-alpha; }


ol.i { list-style-type: lower-roman; } 




#bodytext a:link, #bodytext a:visited  { 



/*	display: inline-block;*/



	border-bottom:1px dotted #ffffff;



	color: #2A54A9;



	text-decoration:none;



    background-color: transparent;



}   







#bodytext a:hover { 



/*    display: inline-block;*/



/*	border:0px;*/



	border-bottom:1px dotted #2A54A9;



/*	color: #A52A2A;*/



	color: #0088cc;



    background-color: transparent;	



} 







hr{



	color:#EFEFEF;

	margin-top:4px;

	margin-bottom:2px;

	height: 1px;



}







img.centered {



    display: block;



    margin-left: auto;



    margin-right: auto;



}







a img {



  border: none;



}







table.style1 {



  background-color: #f9f9f9;



  margin-top: 24px;



  margin-bottom: 24px;



  border-collapse: collapse;



}







table.style1 caption {



  padding-top: 2px;



  padding-bottom: 4px;



  color: #000;



  background-color: #ddd;



  font-weight: bold;



}











table.style1 tr {



  margin: 4px;



}







table.style1 td {



  padding: 4px;



}







table.style1 tbody {



  border-bottom: solid 1px #aaa;



}







table.style1 tfoot {



  font-style: italic;



  background-color: #fff;



}











table.style2 {



  margin-top: 24px;



  margin-bottom: 24px;



  margin-left: 40px;



  margin-right: 40px;



  border-collapse: collapse;



  border:  solid 2px #888;



}







table.style2 tr.highlight, table.style2 td.highlight {



  background: #f9f9f9;



}







table.style2 th, table.style2 td {



  border:  solid 1px #888;



  padding-top: 2px;



  padding-bottom: 2px;



  padding-left: 4px;



  padding-right: 6px;



  vertical-align:top;



}







table.style2 th {



  font-weight: bold;



  text-align: left;



  background: #f9f9f9;



  border-top:  solid 2px #888;



}







table.style3 {



  margin-top: 12px;



  margin-bottom: 24px;



  border-collapse: collapse;



  border:  solid 1px #CCC;



}







table.style3 tr.highlight, table.style3 td.highlight {



  background: #f9f9f9;



}







table.style3 th, table.style3 td {





  border:  solid 1px #CCC;

  

  padding-top: 2px;



  padding-bottom: 2px;



  padding-left: 4px;



  padding-right: 6px;



  vertical-align:top;



}







table.style3 th {



  font-weight: bold;



  text-align: left;



  background: #f9f9f9;







}



table.style4 {



  margin-top: 12px;



  margin-bottom: 24px;



  border-collapse: collapse;



  border:  solid 1px #CCC;



}







table.style4 tr.highlight, table.style4 td.highlight {



  background: #f9f9f9;



}







table.style4 th, table.style4 td {







  

  padding-top: 2px;



  padding-bottom: 2px;



  padding-left: 4px;



  padding-right: 6px;



  vertical-align:top;



}







table.style4 th {



  font-weight: bold;



  text-align: left;



  background: #f9f9f9;







}













/* 



III.   Generic classes



--------------------------------------------------*/



/*.bodytext { 



    margin-left: 20px;



    margin-right: 20px;



}







div#bodytext { 



}



*/



.bodytext { 



    font-size: 13px;







}



ul.links, ul.bullet {



    list-style-image: url(/janis/images/bullet.gif);



}







p.link {



    background-image: url(/janis/images/bullet.gif);



    background-repeat: no-repeat;



    background-position: 0px 2px; 



    padding-left: 17px; 



    margin-left: 23px;



}







p.important {



    background-color: yellow;



    color: red;



    font-weight: bold;



    border: solid #B7B700 1px;



    padding: 3px;



}



 



span.important {



    background-color: yellow;



    color: red;



    font-weight: bold;



}




p.new {

    color: #990000;
    font-weight: bold;
}


span.new {



    color: #990000;



    font-weight: bold;



}



 



#bodytext li {



	margin-top: 4px;



	margin-bottom: 4px;





}



 



ul.compact {



    margin-top: 0px;

    margin-bottom: 6px;

	margin-left: 15px;

    list-style-type: disc;

	font-size: 12px;

	  	padding: .125em;



}





ul.compact li {



    margin-top: 0px;

    margin-bottom: 2px;



  }

}



 



pre {



    white-space: pre-wrap; /* css-3 */



    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */



    white-space: -pre-wrap; /* Opera 4-6 */



    white-space: -o-pre-wrap; /* Opera 7 */



    word-wrap: break-word; /* Internet Explorer 5.5+ */



}







.console {



    background: #FFFFDF;



    border-color: #C4C400;



    border-style: solid;



    border-width: 1px;



    width: 90%;



    margin-left: 30px;



}







.lastModified, #lastModified {



    margin-top: 32px;



    margin-bottom: 32px;



    color: #A0A0A0;



    font-size: xx-small;



}







.supersmall {



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 10px;



	color: #666666;



	margin-top: 25px;



}



.underlineHeading {



		font: bold 12px Verdana, Arial, sans-serif;



		color: #116AAF;



		border-bottom: 1px solid #666666;



  				}



				



.hilight {background-color:#EFEFEF;



}







/* 



XX. Links



--------------------------------------------------*/







/* Right icons */









a.en {



    background: url(/icons/flags/uk-sml.gif) no-repeat center right;



    padding-right: 21px;



}







a.fr {



    background: url(/icons/frflag.gif) no-repeat center right;



    padding-right: 21px;



}







a.ger {



    background: url(/icons/flags/germany.gif) no-repeat center right;



    padding-right: 21px;



}







a.it {



    background: url(/icons/flags/italy-sml.gif) no-repeat center right;



    padding-right: 21px;



}







a.jp {



    background: url(/icons/flags/JAPflag.gif) no-repeat center right;



    padding-right: 21px;



}







a.kr {



    background: url(/icons/flags/korea-sml.gif) no-repeat center right;



    padding-right: 21px;



}





a.ru {



    background: url(/icons/flags/ru2.jpg) no-repeat center right;



    padding-right: 21px;



}

a.swe {



    background: url(/icons/flags/sweden-small.png) no-repeat center right;



    padding-right: 21px;



}


a.external {



    background: url(/icons/link-icons/external_link.png) no-repeat center right;



    padding-right: 16px;



}











a.protected {



    background: url(/icons/link-icons/key16x16.gif) no-repeat center right;



    padding-right: 20px;



}







a.pdf-right {



    background: url(/icons/link-icons/pdf.gif) no-repeat center right;



    padding-right: 20px;



}







/* Left icons */







a.pdf {



    background: url(/icons/link-icons/pdf.gif) no-repeat center left;



    padding-left: 20px;



}







a.zip {



    background: url(/icons/link-icons/zip.gif) no-repeat center left;



    padding-left: 20px;



}







a.word {



    background: url(/icons/link-icons/word16x16.png) no-repeat center left;



    padding-left: 20px;



}







a.excel {



    background: url(/icons/link-icons/excel16x16.png) no-repeat center left;



    padding-left: 20px;



}















a.html {



    background: url(/icons/link-icons/html.gif) no-repeat center left;



    padding-left: 20px;



}







a.exe {



    background: url(/icons/link-icons/exe.jpg) no-repeat center left;



    padding-left: 20px;



}







a.apple {



    background: url(/icons/link-icons/apple16x16.gif) no-repeat center left;



    padding-left: 20px;



}







a.file {



    background: url(/icons/link-icons/download.png) no-repeat center left;



    padding-left: 20px;



}







a.cdrom {



    background: url(/icons/link-icons/cdrom16x16.png) no-repeat center left;



    padding-left: 20px;



}







a.dvd {



    background: url(/icons/link-icons/dvd21x16.png) no-repeat center left;



    padding-left: 25px;



}







a.mail {



    background: url(/icons/link-icons/mail.gif) no-repeat center left;



    padding-left: 20px;



}



a.strong {

	font-weight:bold;

	}







/* Filesize */







.filesize {



    color: #A0A0A0;



    font-size: x-small;



}











.boximagefloat {



	float: none;



	/* margin: 10px 0 10px 7px;*/



	margin-right: -0.8em;



	background-color: #CCCCCC;



	padding: 5px 5px;



    clip: rect( )



} 







.largeimagefloat {



	float: right;



	width: 403px;



	margin: 10px 0 10px 10px;



	background-color: #CCCCCC;



	padding: 5px 5px;



	border: 1px #666 solid; 



	clear: none; 



	clip: rect( )



} 







/* V.  Breadcrumb navigational elements



--------------------------------------------------*/ 







#breadcrumbs {



	color: #999;



	padding-top: 16px;



	padding-bottom: 2px;



	padding-left: 20px;



	width: 90%;



}







#breadcrumbs ul {



	margin-left: 0;



	padding-left: 0;



	display: inline;



	border: none;



} 







#breadcrumbs ul li {



	margin-left: 0;



	padding-left: 2px;



	border: none;



	list-style: none;



	display: inline;



}







#breadcrumbs li.here {



	margin-left: 0;



	padding-left: 0;



	display: inline;



	color: #666;



	font-weight: bold; 



}