/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
body {
   height: 100%;
   min-height: 650px;
   color:#333333;
   background:#EAEAEA url(./images/bg.gif)  repeat-x top left;
   font-family:Verdana, Helvetica, Arial,  sans-serif;
   font-size: 62.5%;
}
 
* { margin:0; padding:0; list-style-type:none;}

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/


/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	
input, textarea, select {	font-family:Verdana, Arial, Helvetica, sans-serif;}


/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	
a:link, a:visited {color:#333333; text-decoration: underline;}
a:hover, a:active {text-decoration:none;}

/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	
hr { display: none; }
img {	border: none; }
fieldset br{ clear:both;}
fieldset{ border:none;}


/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
.clear {clear: both; font-size: 0;	height: 0;	line-height: 0;overflow: hidden;}
.clearfix:after { /* clear floats */
    content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */

/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#container{
	position:relative;
	width: 890px;
	margin: 0 auto;}
#header{
   padding: 0 20px;
   height:143px;}

#headerbg{
	position:absolute;left:260px;top:11px;
	z-index:-1;}

#content{background:url(./images/bg_content.gif) repeat-y top left;}
#content-wrapper{padding: 0 20px 0 20px;}

#footer {background:url(./images/bg_bottomcontent.gif) no-repeat bottom left;text-align: center; width: 890px;}

/* 3.1 HEADER
-----------------------------------------------------------------------------------------------
===============================================================================================*/
.logo{
 background:url(./images/logo.gif) no-repeat top left;
 width: 237px;
 height:130px;
 text-indent:-99999px;
 overflow:hidden;
 display:block;
 float:left;}

#header h2{
 color:#333333;
 font-size:2.4em;
 font-weight:normal;
 width: 460px;
 clear:right;
 padding: 48px 0 0 0;
 line-height: 1.5em;
 font-family:Georgia, "Times New Roman", Times, serif;
 text-align:right;
 float:right;}

#menu-bottom p{
 font-size:1.1em;
 padding: 0px 0px 0px 5px;
 line-height:1.7em;}

ul#header_nav{
 float:right;
 height:20px;
 padding: 0 0 0 20px;
}

ul#header_nav li{
 border: 1px solid #4f4f4f;
 float:left;
 padding: 0px 2px 0px 0px; 
 margin: 0px 2px 0px 0px;
 background-color: #363636;}

ul#header_nav li a{
 float:left;
 display:block;
 color:#ffffff;
 line-height: 2em;
 font-size: 1em;
 font-variant: small-caps;
 font-weight: bold;
 text-decoration: none;
 text-indent:20px;
 overflow:hidden;
 height:20px;
 background:url(./images/arrow.gif) no-repeat 8px 6px;
 padding-right:8px;}

ul#header_nav li:hover{
 border: 1px solid #4f4f4f;
 float:left;
 padding: 0px 2px 0px 0px; 
 margin: 0px 2px 0px 0px;
 background-color: #A4B0BE;}

ul#header_nav li a:hover{
 float:left;
 display:block;
 color:#000000;
 text-indent:20px;
 overflow:hidden;
 height:20px;
 background:url(./images/arrow.gif) no-repeat 8px 6px;
 padding-right:8px;}
/* 3.2 MAIN NAV
-----------------------------------------------------------------------------------------------
===============================================================================================*/

ul#main_nav{
 height:30px;
 padding: 0 0 1px 20px;
 background:url(./images/363636.gif) no-repeat bottom center;
}
ul#main_nav li{
 border: 1px #4f4f4f;
 border-style: solid solid none solid;
 float:left;
 padding: 0px 4px 0px 0px; 
 margin: 0px 2px 0px 0px;
 background-color: #363636;}

ul#main_nav li a{
 float:left;
 display:block;
 color:#ffffff;
 line-height: 2.2em;
 font-size: 1.3em;
 font-variant: small-caps;
 font-weight: bold;
 text-decoration: none;
 text-indent:25px;
 overflow:hidden;
 height:30px;
 background:url(./images/arrow.gif) no-repeat 9px 10px;
 padding-right:23px;}

ul#main_nav li:hover{
 border: 1px #4f4f4f;
 border-style: solid solid none solid;
 float:left;
 padding: 0px 4px 0px 0px; 
 margin: 0px 2px 0px 0px;
 background-color: #A4B0BE;}

ul#main_nav li.current{
 border: 1px #4f4f4f;
 border-style: solid solid none solid;
 float:left;
 padding: 0px 4px 0px 0px; 
 margin: 0px 2px 0px 0px;
 background-color: #A4B0BE;}

ul#main_nav li a.current{
 float:left;
 display:block;
 color:#000000;
 text-indent:25px;
 overflow:hidden;
 height:30px;
 background:url(./images/arrow.gif) no-repeat 9px 10px;
 }

ul#main_nav li a:hover{
 float:left;
 display:block;
 color:#000000;
 text-indent:25px;
 overflow:hidden;
 height:30px;
 background:url(./images/arrow.gif) no-repeat 9px 10px;
 }

ul#submenu_nav{
 float:left;
 height:20px;
 padding: 0 0 0 20px;
}

ul#submenu_nav li{
 float:left;
 padding: 0px 2px 0px 0px; 
 margin: 0px 2px 0px 0px;
} 

ul#submenu_nav li a{
 float:left;
 display:block;
 color:#000000;
 line-height: 1.7em;
 font-size: 1.1em;
 font-variant: small-caps;
 font-weight: bold;
 text-decoration: none;
 text-indent:20px;
 overflow:hidden;
 height:20px;
 padding-right:8px;}

ul#submenu_nav li a.current{
 color:#ffffff;
}

ul#submenu_nav li:hover{
 float:left;
 padding: 0px 2px 0px 0px; 
 margin: 0px 2px 0px 0px;
}

ul#submenu_nav li a:hover{
 float:left;
 display:block;
 color:#ffffff;
 text-indent:20px;
 overflow:hidden;
 height:20px;
 padding-right:8px;}


#footer ul li {display: inline; margin: 10px;}

/* 3.3 CONTENT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#menu-bottom{
 background:#FFF url(./images/bg_menubottom.gif) no-repeat top left;
 height:27px;}

/* Main content */
#main_content{
 padding: 11px 6px 50px 10px;
 float:left;
 width: 530px;}

#main_content h1 {
 color:#181818;
 font-size:2.2em;
 padding: 0 0 15px 0;
 font-weight:bold;}

#main_content h2 {
 color:#181818;
 font-size:1.9em;
 padding: 20px 0px 15px 0;
 font-weight:bold;}

#main_content h3 {
 color:#181818;
 font-size:1.6em;
 padding: 20px 0 15px 0;
 font-weight:bold;}

#main_content p {
 font-size:1.4em;
 padding: 0 0 15px 17px;
 line-height:1.5em;}

#main_content table {
 font-size:1.3em;
 padding: 0 0 0 17px;
 line-height:1.0em;}

#triangle ul {margin-left: 35px;}
#triangle ul li {list-style-type: none;background: url(./images/smalltriangle.gif) 13px 6px no-repeat; padding-left: 30px; line-height: 1.5em; }
#main_content img.body_image {margin: 10px auto; border: 10px solid #d6e6e5; margin-left: 90px;}


/* Sidebar */
#sidebar{
 width: 270px;
 padding: 8px 8px 30px 8px;
float:right;}

img.sidebarfix{
position: relative;
	bottom: 5px;}

#sidebar ul li {list-style-type: none; background: url(./images/arrow.gif) 0 4px no-repeat; padding-left: 10px; }

ul#news li a{
 color:#333333;
 font-size:1.3em;
 font-weight: bold;
 text-decoration: none;}

ul#news li a:hover{
 text-decoration: underline;}

#sidebar h3{
 color:#FFF;
 font-size:1.8em;
 font-weight:normal;
 padding: 12px 0 12px 0;}

#sidebar p{
 font-size:1.3em;
 line-height:1.5em;
 padding: 0 20px 0px 0;} 

#sidebar p span.date{
 display:block;
 font-weight:bold;}

/* Footer */
#footer{
 width: 890px;
 padding: 20px 0px 20px 0px;
}

#footer p{
 font-size:1.4em;
 }

#footer a{
 color:#333333 !important;
 text-decoration:none !important;}

pre
{
	margin: 0;
	padding: 0;

	white-space: pre; /* CSS2 */
	white-space: -moz-pre-wrap; /* Mozilla*/
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

/* 3.4 DITTO CONTENT
-----------------------------------------------------------------------------------------------
===============================================================================================*/

.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px;
    font-size: 86%;
    color: black;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid black;
    padding: 1px 5px 2px;
    margin-right: 1px;
    background-color: #808080;
    color: #fff;
}
#ditto_pages .ditto_off {
    border: 1px solid #808080;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #808080;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #333333;
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: black;
}
#ditto_pages a:hover {
    background-color: #808080;
    color: #000;
}

/* 3.4 TXNEWSLETTER
-----------------------------------------------------------------------------------------------
===============================================================================================*/

.TXNewsletters_form_labelGauche {
display:block;
padding-top:2px;
float:left;
width:100px;
height:18px;
color: #333333;
position:relative;
top:0px;
text-align:left;
margin-right:2px;
}

.TXNewsletters_form {
margin:10px;
padding:2px;
}

.TXNewsletters_form_right {
padding-left:105px;
}

.TXNewsletters_form_item {
padding:1px;
margin:2px;
}

.TXNewsletters_form_item TEXTAREA {
vertical-align:middle;
border:1px solid #bbbbbb;
font-size:11px;
color: #333333;
}

.TXNewsletters_form_item INPUT {
height:20px;
vertical-align:middle;
border:1px solid #bbbbbb;
font-size:11px;
color: #333333;
}

INPUT.TXNewsletters_form_noborder {
border:0;
}

.TXNewsletters_form_noborder {
border:0;
}

.TXNewsletters_form_inputErr {
border:1px solid #ff0000;
}

.TXNewsletters_form_labelErr {
color:#ff0000;
}

/* 3.6 ListSiteMap (LSM)
-----------------------------------------------------------------------------------------------
===============================================================================================*/

ul.LSM_0 {
font-size:12px;
}
ul.LSM_1 {
font-size:12px;
}

ul.LSM_2 {
font-size:12px;
}

span.LSM_description {
font-size:0.9em;
font-style:italic;
}