/************************************************************************************************/
/*template*/
/************************************************************************************************/
*{margin:0;padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
img{border:0px;}
body{background:#dedede url(../images/background.png) repeat-x;}
div.clear{clear:both;}

:focus { -moz-outline-style: none; }


/************************************************************************************************/
/*container/
/************************************************************************************************/
#container{margin:auto; width:1081px; height:100%;}


/************************************************************************************************/
/*top/
/************************************************************************************************/
#top{height:105px; position:relative;}
#top a{display:block; text-indent:-6000px; position:absolute;}
#top h1 a{background:url(../images/logo.png) no-repeat; width:430px; height:63px; top:34px; left:41px;}
#top a.language{background:url(../images/select_your_language.png) no-repeat; width:195px; height:34px; top:0; right:40px;}
#top .search {background:url(../images/keyword_search.png) no-repeat; width:195px; height:47px; position:absolute; bottom:0;bottom:0; right:40px;}
#top .search input{border:none; width:140px; color:#9d9d9d; font-size:12px; font-weight:bold; position:absolute; top:17px; left:42px;}

#top #language_block
{
	display:none;
	position: absolute;
	margin-left:846px;
	margin-top:21px;
	width:190px; 
	z-index:5000;
	background-image: url(../images/select_your_language_background.png);
	
}

#top #language_block ul
{
	margin:0;
	padding:0;
	padding-left:20px;
	padding-top:10px;
}

#top #language_block ul li
{
	list-style:none;
	font-size:12px;
	padding-left:30px;
	margin-bottom:3px;
	
}
#top #language_block ul li a
{
	font-size:12px;
	color:#9d9d9d;
	text-indent:0px;
	position: relative;
}

#top #language_block a.closer
{
	display:block;
	width:195px;
	height:25px;
	background-image: url(../images/select_your_language_footer.png);
}

/************************************************************************************************/
/*middle/
/************************************************************************************************/
#middle{background:url(../images/box_center.png) repeat-y; padding:37px 31px 21px 40px; height:100%; position:relative;}
#middle .ctop{background:url(../images/box_top.png) no-repeat; width:1081px; height:20px; position:absolute; top:0; left:0;}
#middle .cbottom{background:url(../images/box_bottom.png) no-repeat; width:1081px; height:20px; position:absolute; bottom:0; left:0;}
#middle ul{list-style:none; position:relative;}

/*navigation*/
#navigation ul{ padding-left:446px; position:relative; height:29px;list-style:none;margin-bottom:0;}
#navigation ul li{float:left; padding-right:18px;}
#navigation ul li a{display:block; width:111px; height:29px; text-indent:-6000px;}
#navigation ul li#dossiers a{background:url(../images/b_dossiers.png) no-repeat;}
#navigation ul li#basics a{background:url(../images/b_basics.png) no-repeat;}
#navigation ul li#contact_guide a{background:url(../images/b_contact_guide.png) no-repeat; width:155px;}
#navigation ul li#forum a{background:url(../images/b_blogs.png) no-repeat;}

/*dash*/
.dash {
	display:block; 
	color:#fff; 
	position: absolute;
	z-index:1000;
	}

.dash.red 	{ 	background:url(../images/dash_red_center.png) repeat-y;width:1081px;}
.dash.blue  { 	background:url(../images/dash_blue_center.png) repeat-y;width:1081px;}
.dash.green {   background:url(../images/dash_green_center.png) repeat-y;width:1081px;}
.dash.black {   background:url(../images/dash_black_center.png) repeat-y;width:1081px;position: relative;z-index:0;}


.dash.red .menu { 	background:url(../images/dash_red_line.png) repeat-y;}
.dash.blue .menu { 	background:url(../images/dash_blue_line.png) repeat-y;}
.dash.green .menu { background:url(../images/dash_green_line.png) repeat-y;}
.dash.black .menu { background:url(../images/dash_black_line.png) repeat-y;}


.dash .top { width:1010px; height:8px; position:absolute; top:0;	left:0;	}
.dash.red .top {background:url(../images/dash_red_top.png) no-repeat; }
.dash.blue .top {background:url(../images/dash_blue_top.png) no-repeat; }
.dash.green .top {background:url(../images/dash_green_top.png) no-repeat; }
.dash.black .top {background:url(../images/dash_black_top.png) no-repeat; }

	
.dash .bottom {
	width:1010px; 
	height:17px; 
	position:absolute; 
	bottom:-1px; 
	left:0;
	}

.dash.red .bottom {background:url(../images/dash_red_bottom.png) no-repeat; }
.dash.blue .bottom {background:url(../images/dash_blue_bottom.png) no-repeat; }
.dash.green .bottom {background:url(../images/dash_green_bottom.png) no-repeat; }
.dash.black .bottom {background:url(../images/dash_black_bottom.png) no-repeat; }

.dash.red h3,
.dash.green h3,
.dash.blue h3,
.dash.black h3
{
	margin-top:0;
	padding-top:7px;
	margin-left:12px;
	margin-bottom:0px;
	display:block;
	text-transform:uppercase; 
	font-family:verdana;
	font-size:18px;
}


.dash .left{ float:left; width:346px; }
.dash .center{float:left; width:322px;}
.dash .right{float:left; width:330px;}

.dash ul {
	padding:0px 0 0px 0px;
	margin:0;
	list-style:none;
	margin-left:10px;
	margin-right:23px;
	margin-top:5px;
	
	}

.dash ul a {
	font-family: Verdana;
	font-size:12px;
	text-decoration:none;
	display:block;
	padding:7px 1px 8px 1px; 
	}


.dash.red ul li a:hover {text-decoration:underline;}
.dash.green ul li a:hover {text-decoration:underline;}
.dash.blue ul li a:hover {text-decoration:underline;}
.dash.black ul li a:hover {text-decoration:underline;}


.dash.red ul a {
	color:#f7ecd4;
	border-bottom:1px solid #b13800; 
}

.dash.blue ul a {
	color:#fff;
	border-bottom:1px solid #132b49; 
}

.dash.green ul a {
	color:#fff;
	border-bottom:1px solid #a5bc35; 
}

.dash.black ul a {
	color:#fff;
	border-bottom:1px solid #74767b; 
}

.dash ul li {
	margin:0;padding:0;
	padding-left:21px;
	}

.dash.red ul li { background:url(../images/dash_red_arrow.png) 3px 12px no-repeat; }
.dash.blue ul li { background:url(../images/dash_blue_arrow.png) 3px 12px no-repeat; }
.dash.green ul li {	background:url(../images/dash_green_arrow.png) 3px 12px no-repeat; }
.dash.black ul li {	background:url(../images/dash_black_arrow.png) 3px 12px no-repeat; }


.dash p {padding:10px 9px 3px 9px; width:260px;}












/*content*/
#middle .content{background:url(../images/content_line.png) right repeat-y; margin:57px 0px 4px 0px; height:100%; position:relative;}
#middle .content h2, 
#middle .content .right h3{padding:0px 0px 20px 5px; color:#012045; font-size:20px; text-transform:uppercase;}
#middle .content a.top{background:url(../images/b_back_to_top.png) right 1px no-repeat; padding-right:12px; color:#9a9a9a;  position:absolute; bottom:0; right:0;}

/*left*/
#middle .content .left{float:left; padding-left:9px; width:633px; font-size:12px;}
#middle .content .left h3.main{padding:0px 0px 10px 5px; color:#b0c036; font-size:18px; text-decoration:underline;}
#middle .content .left h3{padding:0px 0px 0px 5px; color:#b0c036; font-size:15px; }

#middle .content .left p{padding:6px 5px 8px 5px; color:#414135; font-size:12px; line-height:1.5;text-align:justify;}
#middle .content .left p a,
#middle .content .left strong {font-size:12px;}
#middle .content .left em {font-size:12px;}
#middle .content .left b {font-size:12px;}
#middle .content .left i {font-size:12px;}

#middle .content .left p a,
#middle .content .left ul li a {color:#cf5300;font-weight:bold;font-size:12px;}

#middle .content .left p a:hover,
#middle .content .left p ul li a:hover {color:#933c01;}

#middle .content .left ul {padding:13px 5px 8px 5px; color:#414135; font-size:12px; line-height:1.5;list-style:square;margin-left:30px;}
#middle .content .left ol {padding:13px 5px 8px 5px; color:#414135; font-size:12px; line-height:1.5;margin-left:30px;}

#middle .content .left ul li,
#middle .content .left ol li { font-size:12px; }

#middle .content .left .quickjump{padding:19px 5px 0px 5px;}
#middle .content .left .quickjump h4{padding-bottom:0px; color:#0f427f;  text-decoration:underline;font-size:12px;}
#middle .content .left .quickjump ul{list-style:none;margin-top:0;padding-top:5px}
#middle .content .left .quickjump ul li{padding-bottom:3px;}
#middle .content .left .quickjump ul li a{display:block; padding-left:15px; color:#b0c036;  font-weight:bold; text-decoration:none; font-size:11px}
#middle .content .left .quickjump ul li a:hover,
#middle .content .left .quickjump ul li.active a{background:url(/images/quickjump_arrow.png) -3px 6px no-repeat;text-decoration:underline;}
#middle .content .left .quickjump ul li.active a {color:#cf5300;}
#middle .content .left .quickjump ul li a:hover {text-decoration:underline;}


#middle .content .left quote
{
	font-size:12px;
	color:#696b70;
}

#middle .content.home 
{
	margin-top:17px;
	background:url(../images/homepage_background.png) repeat-y;
}


#middle .content.home ul#banners
{
	clear:both;
	background:white url(../images/homepage_banners.png) no-repeat;
	width:1010px;
	height:120px;
	border-top:10px solid white;
	border-bottom:10px solid white;

}

#middle .content.home ul#banners li#link1,
#middle .content.home ul#banners li#link2,
#middle .content.home ul#banners li#link3,
#middle .content.home ul#banners li#link4,
#middle .content.home ul#banners li#link5
{
	float:left;
	list-style:none;
}

#middle .content.home ul#banners li#link1 a,
#middle .content.home ul#banners li#link2 a,
#middle .content.home ul#banners li#link3 a,
#middle .content.home ul#banners li#link4 a,
#middle .content.home ul#banners li#link5 a
{
	height:120px;
	display:block;
}

#middle .content.home ul#banners li#link1 a
{
	width:210px;
}

#middle .content.home ul#banners li#link1 a:hover
{
	background:white url(../images/homepage_banners.png) 0px -120px no-repeat;
}


#middle .content.home ul#banners li#link2 a
{
	width:200px;
}

#middle .content.home ul#banners li#link2 a:hover
{
	background:white url(../images/homepage_banners.png) -210px -120px no-repeat;
}


#middle .content.home ul#banners li#link3 a
{
	width:195px;
}

#middle .content.home ul#banners li#link3 a:hover
{
	background:white url(../images/homepage_banners.png) -410px -120px no-repeat;
}

#middle .content.home ul#banners li#link4 a
{
	width:195px;
}

#middle .content.home ul#banners li#link4 a:hover
{
	background:white url(../images/homepage_banners.png) -605px -120px no-repeat;
}

#middle .content.home ul#banners li#link5 a
{
	width:195px;
}

#middle .content.home ul#banners li#link5 a:hover
{
	background:white url(../images/homepage_banners.png) -800px -120px no-repeat;
}







/*left-home*/
#middle .content.home .left,
#middle .content.home .middle 
{
	float:left;
	width:320px;
	font-size:12px;
}

#middle .content.home .middle 
{
	float:left;
	width:320px;
	font-size:12px;
	margin-left:20px;
}

#middle .content.home .left h2,
#middle .content.home .middle h2,
#middle .content.home .right h2
{
	padding-bottom:0px;
	margin-bottom:0px;
}

#middle .content.home .left ul li,
#middle .content.home .middle ul li,
#middle .content.home .right ul li
{
	list-style-image: url(/images/home_arrow.gif);
	margin-bottom:20px;
	font-size:12px;
}

#middle .content.home .left ul,
#middle .content.home .middle ul,
#middle .content.home .right ul {padding:13px 5px 8px 0px; color:#414135; font-size:12px; list-style:square;margin-left:30px;}


#middle .content.home .left ul li,
#middle .content.home .middle ol li,
#middle .content.home .right ol li { font-size:12px; }


#middle .content.home .left ul li a,
#middle .content.home .middle ul li a,
#middle .content.home .right ul li a
{
	color:#b0c036;
	display:block;font-size:12px;
	font-weight:bold;
}













/*right*/
#middle .content .right{float:right; width:319px;}
#middle .content .right h3{padding-top:20px;}
#middle .content .right h3.first{padding-top:0px;}
#middle .content .right ul{list-style:none;}
#middle .content .right ul li{padding:0px 5px 6px 11px;}
#middle .content .right ul.chapters a{color:#b0c036;font-weight:bold;text-decoration:none;}
#middle .content .right ul.chapters a:hover{text-decoration:underline;}
#middle .content .right ul.chapters li.active a{font-weight:bold;color:#cf5300;text-decoration:underline;}


#middle .content .right ul.tools a{color:#565647; font-weight:bold; text-decoration:none;}
#middle .content .right ul.tools li{padding-left:26px;}
#middle .content .right ul.tools li.print{background:url(../images/i_print_article.png) 11px 2px no-repeat;}
#middle .content .right ul.tools li.listen{background:url(../images/i_listen_to_article.png) 12px 2px no-repeat;}
#middle .content .right ul.tools li.mail{background:url(../images/i_mail_to_a_friend.png)11px 4px no-repeat;}
#middle .content .right ul.tools li.save{background:url(../images/i_save_as_pdf.png) 11px 2px no-repeat;}
#middle .content .right .player{padding-left:11px;}
#middle .content .right ul.related_links a{background:url(../images/related_links_arrow.png) 8px 4px no-repeat; padding-left:21px; color:#c23d00;}


/************************************************************************************************/
/*footer/
/************************************************************************************************/
#footer{background:url(../images/footer.png) no-repeat; height:60px; color:#fff; text-align:center;}
#footer span{display:block; padding-top:6px; font-size:12px;}
#footer span a{color:#fff; font-size:12px;}






/*
 * SimpleModal Contact Form
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2008 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: contact.css 132 2008-05-23 16:05:17Z emartin24 $
 *
 */

/* Overlay */
#contact-overlay {background-color:#000; cursor:wait;}

/* Container */
#contact-container {width:420px; left:50%; top:15%; margin-left:-210px; font-family:'Trebuchet MS', Verdana, Arial; font-size:16px; text-align:left;}
#contact-container .contact-content {background-color:#333; color:#ddd; height:40px;}
#contact-container h1 {color:#d76300; margin:0; padding:0 0 6px 12px; font-size:1.2em; text-align:left;}
#contact-container .contact-loading {position:absolute; background:url(../images/contact/loading.gif) no-repeat; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0;}
#contact-container .contact-message {text-align:center;}
#contact-container .contact-error {width:92%; font-size:.8em; background:#000; border:2px solid #ccc; font-size:0.8em; font-weight:bold; margin:0 auto; padding:2px;}
#contact-container br {clear:both;}
#contact-container form {padding:0; margin:0;}
#contact-container label {clear:left; display:block; width:110px; float:left; text-align:right; padding-right:4px; font-weight:bold;}
#contact-container .contact-input {font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; background:#eee; border:1px solid #fff; width:250px;}
#contact-container textarea {height:84px;}
#contact-container .contact-top {height:13px; background:url(../images/contact/form_top.gif) no-repeat; padding:0; margin:0;}
#contact-container .contact-bottom {height:13px; background:url(../images/contact/form_bottom.gif) no-repeat; font-size:.7em; text-align:center;}
#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {position:relative; top:-4px; text-decoration:none; color:#666;}
#contact-container .contact-bottom a:hover {color:#888;}
#contact-container .contact-button {margin:4px 0 0 4px; cursor:pointer; height:24px; border:0; font-size:1em; font-weight:bold; color:#fff; text-align:center; vertical-align:middle;}
#contact-container .contact-send {width:50px; background:url(../images/contact/send.png) no-repeat;}
#contact-container .contact-cancel {width:65px; background:url(../images/contact/cancel.png) no-repeat;}
#contact-container a.modalCloseX,
#contact-container a.modalCloseX:link,
#contact-container a.modalCloseX:active,
#contact-container a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:-2px; left:400px; color:#999;}
#contact-container a.modalCloseX:hover {color:#9bb3b3;}

#contactForm .demo {
background-color:transparent;
border:0px none blue;
color:#565647;
cursor:pointer;
font-weight:bold;
}