/* CSS Document author: Joel Liron date: May 2010 contact: liron at icosgroup.net */ * { margin : 0; padding : 0; } body { font-size: 9pt; font-family: arial, helvetica, sans-serif; color: black; text-align: justify; margin: 0; padding: 0; width:100%; } hr { color: #D9D9D9; background-color: #D9D9D9; border-top: #D9D9D9; border-right: #D9D9D9; border-bottom: #D9D9D9; border-left: #D9D9D9; height: 1px; display:block; width;50%; margin:10px 0px 15px 0px; } table.background { margin: 0; padding: 0; width:100%; } td.background { background-image: url(images/background); background-attachment: fixed; background-repeat: no-repeat; width:70px; padding: 0; margin: 0; } td.background_right { background-image: url(images/background_right); background-attachment: fixed; background-repeat: repeat-x; width:70px; padding: 0; margin: 0; } td.main { padding: 0 50; margin: 0; height:700px; vertical-align:top; } div.holder { margin: 0; padding: 0; width:100%; clear:both; } div.width { height:1px; width:1100px; } div.required { font-size: 9.5pt; font-family: Arial, Helvetica, sans-serif; color: black; margin: 0; padding: 0 5 15 0; } span.left { padding: 0; margin: 25 0 0 0; border: 1px #D9D9D9 solid; vertical-align:top; float:left; width:31%; } div.left { padding: 20 10; } span.right { padding: 0; margin: 25 0 0 0; border: 1px #D9D9D9 solid; vertical-align:top; float:right; width:67%; #width:68%; } div.right { padding: 20 10; } span.bottom { padding: 0; margin: 20 0 0 0; border: 1px #D9D9D9 solid; vertical-align:top; float:right; width:67%; #width:68%; } span.bottom2 { padding: 0; margin: 20 0 0 0; border: 1px #D9D9D9 solid; vertical-align:top; float:right; width:67%; #width:68%; } div.bottom { padding: 20 10 30 10; } div.bottom2 { padding: 20 10 0 10; } span.left_pub { float:left; width:45%; } span.right_pub { float:right; width:45%; } div.pub { width:100%; background-color:#e8e8e8; } div.pub2 { width:100%; background-color:#e8e8e8; text-align:center; } span.left_about { padding: 0; margin: 25 0 0 0; border: 1px #D9D9D9 solid; vertical-align:top; float:left; width:67%; } span.right_about { padding: 0; margin: 25 0 0 0; border: 1px #D9D9D9 solid; vertical-align:top; float:right; width:31%; } span.left_innov { padding: 0; margin: 25 0 0 0; border: 1px #D9D9D9 solid; vertical-align:top; float:left; width:61%; } span.right_innov { padding: 0; margin: 25 0 0 0; vertical-align:top; float:right; width:37%; } div.innov_top { padding: 0; margin: 0; border: 1px #D9D9D9 solid; vertical-align:top; } div.innov_bottom { padding: 0; margin: 0; border: 1px #D9D9D9 solid; vertical-align:top; } div.webmaster { padding: 40 0 10 0; margin: 0 0 10 0; width:100%; vertical-align:absolute-bottom; clear: both; } div.toplogo { padding: 0; margin: 0; height: 80px; #height: 70px; width:100%; vertical-align:top; } div.map { text-align:right; width:80%; } div.menu { padding: 0; margin: 0; background-image: url(images/menu); background-repeat: repeat-x; height:1px; } span.menu_1 { padding: 0; margin: 6 0 0 0; #margin: -12 0 0 0; vertical-align: bottom; float:left; } span.menu_2 { padding: 0; margin: 6 0 0 0; #margin: -12 0 0 0; vertical-align: bottom; float:left; } span.menu_bar { padding: 0; margin: 0 20; #margin: -17 20 0 20; background-image: url(images/menu_bar); background-repeat: no-repeat; vertical-align: top; float:left; width:1px; height:25px; } img.toplogo { float: left; padding: 20 0 10 0; } img.header { float: left; padding: 20 0 10 0; #margin: 10 0 0 0; } img.nef { float: left; padding: 5 20 5 0; #margin: 5 20 5 0; border-width: 0px; border-style: solid; } img.book { float: left; padding: 0 10 5 0; #margin: 0 10 5 0; border-width: 0px; border-style: solid; } img.underline { padding: 3 0 20 0; #margin: 3 0 20 0; vertical-align:top; } img.map { padding: 5 0 0 0; #margin: 5 0 0 0; } img.test { float: centre; } img.gmc { #margin-top:5px; #margin-bottom:10px; padding:bottom:5px; float: centre; border-width:0px; } h1.headline { font-size: 13pt; font-weight: normal; padding: 0; color: #184175; letter-spacing:4px; font-family: helvetica, arial, sans-serif; } h1.title { font-size: 10pt; font-weight: bold; padding: 0; color: black; font-family: helvetica, arial, sans-serif; } h2 { font-size: 9pt; font-weight: bold; padding: 0 0 5 5; margin: 0; color: black; } h2.book { font-size: 9pt; font-weight: bold; padding: 7 0 5 5; margin: 0; color: black; } div.dots_background { padding: 5 0 0 0; margin: 0; background-color: #eeece1; height:30px; #height:20px; width: 100%; } h1.dots_red { font-size: 12pt; font-weight: normal; text-align: center; padding: 0 0 10 0; color: #cc0000; font-family: Palatino Linotype, Book Antiqua, Palatino, FreeSerif, serif; } h1.dots_red_left { font-size: 12pt; font-weight: normal; text-align: left; padding: 0 0 20 0; color: #cc0000; font-family: Palatino Linotype, Book Antiqua, Palatino, FreeSerif, serif; } h1.dots_blue { font-size: 12pt; font-weight: normal; text-align: center; padding: 0 0 10 0; color: #215968; font-family: Palatino Linotype, Book Antiqua, Palatino, FreeSerif, serif; } div.dots_img { padding: 5 0 0 0; margin: 0; text-align: center; background-color: #eeece1; height:30px; #height:20px; width: 100%; } p.main { font-size: 10pt; padding: 0 5 12 5; line-height: 120%; } p.more { font-size: 10pt; padding: 0 5 20 5; line-height: 80%; } p.prize { font-size: 10pt; padding: 0 5 10 5; } p.book { font-size: 10pt; padding: 0 5 12 5; line-height: 130%; } p.img { font-size: 10pt; padding: 0 5 0 5; line-height: 120%; } p.webmaster { font-size: 8pt; padding: 0; color: #7F7F7F; margin: 6 0 0 0; #margin: -12 0 0 0; } a { text-decoration: none; color: #184175; } a.red { text-decoration: none; color: #cc0000; } a.webmaster { text-decoration: none; color: #7F7F7F; } a.webmaster:hover { text-decoration: underline; } a.topmenu { color: #184175; text-decoration: none; font-family: verdana, tahoma, sans-serif; letter-spacing: 1px; font-size: 11pt; } a.topmenu:hover { color: black; } a.lang { color: #184175; text-decoration: none; letter-spacing: 1px; font-size:10pt; font-family: arial, helvetica, sans-serif; } a.lang:hover { color: black; } a.more { color: #184175; text-decoration: none; font-weight: bold; font-size: 9pt; margin-bottom:4px; display:block; } a.more:hover { color: black; } a.more2 { color: #184175; text-decoration: none; font-weight: bold; font-size: 9pt; } a.more2:hover { color: black; } .tabberlive .tabbertabhide { display:none; } /*-------------------------------------------------- .tabber = before the tabber interface is set up .tabberlive = after the tabber interface is set up --------------------------------------------------*/ .tabber { } .tabberlive { margin-top:10px; } /*-------------------------------------------------- ul.tabbernav = the tab navigation list li.tabberactive = the active tab --------------------------------------------------*/ ul.tabbernav { margin:0; padding: 3px 0; border-bottom: 1px solid #778; font: 7.5pt bold verdana, tahoma, sans-serif; } ul.tabbernav li { list-style: none; margin: 0; display: inline; } ul.tabbernav li a { padding: 3px 0.5em; margin-left: 3px; border: 1px solid #778; border-bottom: none; background: #DDE; text-decoration: none; } ul.tabbernav li a:link { color: #448; } ul.tabbernav li a:visited { color: #667; } ul.tabbernav li a:hover { color: #000; background: #AAE; border-color: #227; } ul.tabbernav li.tabberactive a { background-color: #fff; border-bottom: 1px solid #fff; } ul.tabbernav li.tabberactive a:hover { color: #000; background: white; border-bottom: 1px solid white; } /*-------------------------------------------------- .tabbertab = the tab content Add style only after the tabber interface is set up (.tabberlive) --------------------------------------------------*/ .tabberlive .tabbertab { padding:10px 10px 10px 20px; border:1px solid #aaa; border-top:0; font: 7pt bold verdana, tahoma, sans-serif; /* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */ /* height:200px; */ /* If you set a fix height set overflow to auto and you will get a scrollbar when necessary */ /* overflow:auto; */ } /* If desired, hide the heading since a heading is provided by the tab */ .tabberlive .tabbertab h2 { display:none; } .tabberlive .tabbertab h3 { display:none; } /* Example of using an ID to set different styles for the tabs on the page */ .tabberlive#tab1 { } .tabberlive#tab2 { } .tabberlive#tab2 .tabbertab { height:200px; overflow:auto; }