
/*common */
body { margin: 0px; padding: 0px; font-family: 'Arial'; font-size: 13px; line-height: 18px; background: #E7F1FF ;}
a { cursor: pointer; color: #226bc3;}
a img { border: none;}
.left_img { float:left; margin: 0px 20px auto 0px;}
h1, h2, h3 , h4 , h5 , h6 { margin: 0px; padding:0px; font-weight:normal;}
h2 , h1 { font-family: 'arial'; font-size:24px; margin: 18px 0px; line-height: 18px;}
h1 { color: #045699; line-height:36px;}
.h1 { color: #045699; margin-top: 0px;}
h3 { color:#228BC3; font-family: tahoma; font-size:20px; padding-bottom: 18px;}
h4 { color: #023479; font-family: tahoma; font-size:17px; padding-bottom: 18px;}
.dl { padding-left: 40px; color:#228BC3; }
.dl a {  color:#228BC3; }
p { margin:0px; padding: 0px; padding-bottom: 18px;}
.clearer { clear: both; }
#container-page { width: 100%; min-width: 980px; background: #ffffff;}
form { overflow:visible;}
ul { margin: 0px; padding: 0px;}
li { list-style-type: none; padding: 0px;}
ol li { list-style-type:decimal;}
#pageSelector li { display:inline; padding: 0 1%;}
.ul { padding-bottom: 0px;}
td { padding-right: 10px;}
.full { height: 100%;}


/* header */
#container-header { background:url(/images/header_map.jpg) no-repeat center top; height: 215px; width: 100%; text-align:center;}
#container-header #header_top { width: 941px; height: 144px; position:relative; margin: 0 auto;}
#container-header #header_top #logo { position:absolute; left:0px; top: 18px;}
#container-header #header_top #map { position:absolute; left: 250px; top: 0px; width: 550px; height: 120px;}
#container-header #header_top #slogan { position:absolute; left: 387px; bottom: 29px; font-family:'Tahoma'; font-size: 10pt; color: #959595;}
#container-header #header_top #tel { position:absolute; right: 0px; top: 68px; width: 140px; height: 20px; font-family: tahoma; font-size: 20px; color: #3170aa; text-align:right;}
#container-header #header_top .e-mail { position:absolute; right: 0px; top: 99px; width: 140px; height: 20px; font-family: tahoma; font-size:12px; text-align:right;}
#container-header #header_top #search { position:absolute; top: 21px; right: 3px; width: 149px;}
#container-header #header_top #search form input { text-align:center; font-family: arial; font-size: 10px;}

#container-header #header_bottom { width: 941px; height:69px; margin: 0 auto; text-align:left;}
#container-header #header_bottom #header_menu { height: 69px; margin: 0px; padding: 0px; list-style-type: none; }
#container-header #header_bottom #header_menu li { float: left; height: 55px; padding-top: 11px; padding-right: 29px; text-align:center; position:relative;  font-family: 'Tahoma','Arial','sans-serif'; font-size:17px;}
#container-header #header_bottom #header_menu li.last { padding-right: 0px; margin-bottom: 0px;}
#container-header #header_bottom #header_menu li a { color:#000000;}
#container-header #header_bottom #header_menu li span { display:inline;}
#container-header #header_bottom #header_menu li .shadow { display:none;}
#container-header #header_bottom #header_menu li.selected span { display:none;}
#container-header #header_bottom #header_menu li.selected .shadow { display: inline; position:absolute; left:0px; top: 0px;  color:#000066; }


#container-header #header_bottom #header_menu li.selected { background: url(/images/button.jpg) no-repeat left top; color:#FFFFFF;  width: 125px;}

/* content */
#container-content { position: relative;}
#container-content .fullscreen { position:relative; }
#container-content .fullscreen { width: 100%;}
#container-content .fullscreen .left { padding-right: 1%; width: 49%;}
#container-content .fullscreen .right { padding-left: 1%; width: 49%;}
#container-content .fullscreen .inner { margin: 0px auto; width: 940px;}
#container-content .left { width: 50%; float:left; margin: 0px;}
.inner { width: 470px;}
#container-content .left .inner { margin: 0px; margin-left:auto;}
#container-content .right { width: 50%; margin-left: 50%;}
#container-content .right .inner { margin: 0px; margin-right:auto;}
.text { width: 460px;}
#container-content .left .text { padding-right: 10px;}
#container-content .right .text { padding-left: 10px;}
#container-content .pad { padding-top: 18px;}
#container-content .woheading { padding-top: 36px;}

.first { background:#e6f3ff; height: 305px;}
.first .inner {  position:relative; }
.second { background:#e8feff; height: 305px; position:relative;}
.second .inner {  position:relative; }
.third { background: #f4f9ff;}
.fourth { background: #d9eafa;}
.last { margin-bottom: 36px;}

 .banner_text { position:absolute; top: 16px; left: 235px; width: 230px; font-family: tahoma; font-size:12px;}
#container-content .left .banner_text { margin-left: auto; }
#container-content .right .banner_text { left: 220px; width: 240px;}

.infoblock div { padding-bottom: 36px;}
.infoblock div.clearer { padding:0px;}
.infoblock .title {color: #023479; font-family: tahoma; font-size:17px;}
.infotext { color: #4b4b4b;}
.title { font-size:14px; line-height: 18px; color: #226BC3;}
.date { float:right; width: 150px; margin: 0px; text-align:right; color: #676666; font-size:13px; line-height: 18px;}
.margin { margin-left: 130px; }
#selector { height: 18px; text-align:center; width:auto;}
#selector li { float:left; padding-right: 2px; height: 18px; text-align:center;} 
.publication_link { text-align:right; padding-top: 18px; padding-bottom: 36px;}

/*article content */
#articleinner { margin-left: auto; margin-right:auto; width: 700px; padding-right:240px; z-index: 5000;}
#rightblock { position:absolute; top: 36px; right: 0px; left: 50%; background: #f5f5f5; z-index: 100; margin-left: 209px; }
#rightblock .inner { width: 260px; background:#ececec url(/images/block_top.jpg) top left no-repeat; padding: 0px;}
#rightblock .inner a { color: #515151;}
#rightblock .inner ul { color: #515151; padding-bottom: 18px;}
 .files li { padding-left: 40px; height: 40px; padding-bottom: 18px;}
 .files li.img { background:url(/images/articles/img.gif) top left no-repeat;}
 .files li.pdf { background:url(/images/articles/pdf.gif) top left no-repeat;}
 .files li.video { background:url(/images/articles/video.gif) top left no-repeat;}
 .publications li { padding-left: 40px;  padding-bottom: 36px;}
 .publications li.img { background:url(/images/articles/img.gif) top left no-repeat;}
 .publications li.pdf { background:url(/images/articles/pdf.gif) top left no-repeat;}
 .publications li.video { background:url(/images/articles/video.gif) top left no-repeat;}
 .publications li.page {background: url(/images/mark.gif) 10px 0px no-repeat;}
 .publications li table { width: 100%; margin:0px; padding: 0px;}
 .publications li td { padding: 0px 10px 0px 0px;}
 .publications li td.title { width: 100%; }
 .publications li td.date { width: 65px; padding-right: 0px; color:#999999;}
 .publications li td.subject { width: 100px; vertical-align:top; color:#999999;}
 .publications li td.description { width: 100%; text-align:right; padding-right: 0px; }
 .publications li td.description p { padding-bottom: 0px;}
#rightblock .inner li { padding-bottom: 18px;}
#rightblock .inner h3 { color: #515151;}
#rightblock .inner .linkimg { padding-bottom: 18px; width: 220px; height: 38px; position: relative;}
#rightblock .inner .krug { display: block; position: relative; height:38px;}
#rightblock .inner .krug span.krug_in { position: absolute; left: 4px; top: 4px; background: url('/images/krug.gif') no-repeat; width: 30px; height: 30px;}
#rightblock .inner2 { background: url(/images/block_bot.jpg) bottom left no-repeat; padding:20px; padding-top:18px;}


.article_left { float:left; width: 122px; font-size:10px; color: #045699; line-height: 10px; padding-right: 18px;}
.article_left_wider { float:left; width: 200px; font-size:10px; color: #045699; line-height: 10px; padding-right: 18px;}
.article_left_text { float:left; width:120px; color: #999999;  padding-bottom: 18px;}
.article_left_text strong { color:#000000;}
.article_right { margin-left: 140px; width: 510px; padding-right: 20px;}
.article_right_wider { margin-left: 218px; width: 442px; padding-right: 20px;}
.article_right_text { margin-left: 90px; width: 610px; padding-right: 20px; padding-bottom: 18px;}
.article_text { margin-left: 0px; width: 660px; padding-right: 20px;}

/* footer */
#container-footer { background: #e7f1ff; height: 90px; margin-top: 18px;}
#container-footer .inner { background: #437cac url(/images/footer_bg.jpg) repeat-x top; width: 850px; margin: 0px auto; height: 73px; padding: 17px 70px 0px 20px; position:relative; line-height: 20px;}
#container-footer .inner #nouvelle { position:absolute; left:23px; top: 17px; padding:0; width:170px;}
#container-footer .inner #nouvelle a {color: #ffffff; font-family: tahoma; font-size: 10px; }
#container-footer .inner #nouvelle p { padding: 0px; line-height: 18px;}
#container-footer .inner .copyrights { color:#FFFFFF; font-size: 10px; line-height: 20px; padding: 0px; padding-left: 240px;}
#container-footer .inner #counters { position:absolute; right: 70px; top: 20px;}
#container-footer .inner .e-mail { position:absolute; right: 70px; bottom: 16px; line-height: 18px;}
#container-footer .inner .e-mail a { font-size: 10px; color: #ffffff; display:block;}
#container-footer .counters { padding:15px; text-align:center; height:auto; width: 850px; margin: 0px auto;}


/* ELEMENTS */
.mark { margin:0px; padding:0px;}
ul.mark { padding-bottom: 18px;}
.mark li { padding-left: 40px; background: url(/images/mark.gif) 10px 0px no-repeat; color: #226bc3; font-size:14px; list-style-type: none;}
.mark dt { padding-left: 40px; background: url(/images/mark.gif) 10px 0px no-repeat; color: #226bc3; font-size:14px; }
.mark dd { padding-bottom: 18px;}
.mark2 { margin: 0px; padding: 0px; padding-bottom: 18px;}
.mark2 li { background:url(/images/mark2.jpg) 16px 6px no-repeat; padding-left: 40px;}
.mark3 { margin: 0px; padding: 0px; padding-bottom: 18px;}
.mark3 li { background:url(/images/mark3.jpg) 16px 6px no-repeat; padding-left: 40px;}

.step { margin: 0px; padding: 0px; padding-bottom: 18px;}
.step li { background: url(/images/arrow_sel.gif) 16px 6px no-repeat; padding-left: 40px;}

/* table */
.tech { border-collapse:collapse; border: 1px #045699 solid; margin:0px; padding:0px; margin-bottom: 18px;}
.tech td { border: 1px #045699 solid; padding: 0px 10px; text-align:center;}

/* text*/

.gray { color: #999999;}
.black { color: #000000;}
.more { color: #31939a;  font-size:13px;}
.highlight { color: #045699;}
.warning { color:#990000;}
span.summary  { display:block; font-family: 'Arial'; font-size: 13px; line-height: 18px; color:#666666;}

table.news { width: 941px; margin: 0px auto; border-collapse:collapse; padding: 0px; }
table.news thead { padding: 0px; margin: 0px; }
table.news tbody { padding: 0px; margin: 0px; }
table.news td { width: 50%; padding: 0px; margin: 0px; padding-right: 20px; vertical-align: top; }
table.news th { text-align: left; padding: 0px; margin: 0px; vertical-align: top; }
table.news th.right, table.news td.right, table.news td.rightnews, table.news th.rightnews { padding: 0px 0px 0px 20px; }
table.news .title {color: #023479; font-family: tahoma; font-size:17px;}
table.news .infotext { color: #4b4b4b;}
table.news h1 { line-height: normal; }
table.news td.last { text-align: right; }

.products { margin: 0px; padding: 0px; }
ul.products { padding-bottom: 18px; }
.products li { padding-left: 40px; color: #226bc3; font-size: 14px; list-style-type: none; padding-right: 20px; }
.products dt { padding-left: 40px; color: #226bc3; font-size: 14px; padding-right: 20px; }
.products dd { padding-bottom: 18px; padding-right: 20px; padding-left: 74px; }
.products dt img, .products li img { float: left; padding-right: 10px; }

#rightblock .inner ul.partners li { text-align: center; padding-bottom: 24px;}
#rightblock .inner ul.partners li a { text-decoration: none; }