/* Getting the new tags to behave */ aside, audio, canvas, command, datalist, details, embed, figcaption, figure, hgroup, keygen, meter, nav, output, progress, source, video{ display: block; } mark, rp, rt, ruby, summary, time{ display: inline } .aside, .audio, .canvas, .command, .datalist, .details, .embed, .figcaption, .figure, .hgroup, .keygen, .meter, .nav, .output, .progress, .source, .video{ display: block; } /* Global properties ======================================================== */ body { background:#fff; font-family:Arial, Helvetica, sans-serif; font-size: 95%; line-height:1.5em; color:#666666; padding: 0px; margin: 0px; } html, body { height:100%; } .bottomPageLink{ } .article, .header, .footer, .section { display: block;} p {padding-bottom:18px;} a { color:#438706; font-weight:600; text-decoration:none; outline:none; } a:hover{ color:#333333; } a.button:hover { color: #fff; } /* Global Structure ============================================================= */ /* Header */ .header{ position: relative; background:url(images/header-bg2.gif) top center repeat; } .header-bg { background:url(images/header-bg1.gif) top center no-repeat; } .header-tail { background:url(images/header-tail.png) left bottom repeat-x; } .top-tail { background:url(images/top-tail.png) left top repeat-x; min-height:467px; } .top-tail-large { background:url(images/top-tail-large.png) left top repeat-x; min-height:467px; } /* Content */ .article { } .article li { color: #4D4D4D; list-style-type: square; margin-left: 1.1em; } /* Footer */ /*===== footer =====*/ .footer { clear:both; background:url(images/header-bg2.gif) top center repeat; height:260px; } .footer-bg { background:url(images/header-bg1.gif) top center no-repeat; } .footer-tail { background:url(images/header-tail.png) left bottom repeat-x; } .bottom-tail { background:url(images/top-tail.png) left bottom repeat-x; min-height:260px; } .footer-text {padding:18px 0px 3px 0px; text-align: center;} .footer-text a {color:#999999; text-decoration:none; margin-left:15px;} .footer-text a:hover {text-decoration:underline;} /* Left & Right alignment */ .fleft { float:left;} .fright { float:right;} .clear{clear:both;line-height:0;font-size:0;overflow:hidden;height:0;width:100%;} .col-1, .col-2, .col-3 { float:left;} .alignright { text-align:right;} .aligncenter { text-align:center;} .text-indent{ display:inline-block; width:30px; height:30px; margin:0 6px 12px 0; text-align:center; background:url(images/bg-text.jpg) 0 0 no-repeat; font-size:18px; line-height:1.2em; text-transform:uppercase; color:#fff; padding:6px 0px 6px 0px; } .text-indent:hover{ background:url(images/bg-text-hover.jpg) 0 0 no-repeat; } .text-indent:visited{ background:url(images/bg-text-hover.jpg) 0 0 no-repeat; } .highlight{ background:url(images/bg-text-high.jpg) 0 0 no-repeat; } .highlight:hover{ background:url(images/bg-text-high.jpg) 0 0 no-repeat; } .highlight:visited{ background:url(images/bg-text-high.jpg) 0 0 no-repeat; } .wrapper { overflow:hidden; position:relative; } /*----- form defaults -----*/ input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em; vertical-align:middle; font-weight:normal; } /*----- other -----*/ .img-indent { margin:0 20px 0 0; float:left; } .extra-wrap{display:block;} .extra-wrap1{display:block; overflow:hidden;} /*===== header =====*/ h1 { padding:0px; margin-right:-1px; } h1 a { display:block; text-indent:-5000px; height:70px; max-width: 181px; position: relative; left: 0px; background:url(images/logo.png) left top no-repeat; background-size: 100%; } h2 { font-size:1.4em; line-height:1.2307em; color:#313131; font-family: 'Open Sans', sans-serif; font-weight:600; padding:62px 0 10px 0; text-transform:uppercase; letter-spacing:-1px; } .h2-top {margin-top:-2px;} .h2-bottom {padding-bottom:13px;} nav { width:100%; position:relative; z-index:5 } .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { } .sf-menu li { font-family: 'Open Sans', sans-serif; font-weight:600; font-size:1.58em; line-height:1.4em; text-transform:uppercase; letter-spacing:-1px; position:relative; } .sf-menu li a { /* color:#777575; */ color:#fff; text-decoration:none; } .sf-menu li a:hover { color:#FFF } .sf-menu li li { font-size:0.6em; line-height:1.5em; } .sf-menu ul { position: absolute; top: -999em; width: 211px; display:none; background:#333; padding:14px 0px 18px 15px; } .sf-menu ul ul { position: absolute; top: -999em; display:none; width:110px; } .sf-menu ul li { width: 100%; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 150px; top: 0px; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 105px; /* match ul width */ top: -13px; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 00px; } .sf-menu li.sfHover > a, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a.active { color:#fff } .active { color:#fff } .xxx { background: #f0f0f0; } .rrr { background: #ffaaaa; } .ggg { background: #aaffaa; } .bbb { background: #aaaaff; } /*** arrows **/ .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } .slider1 { width:750px; height:368px; position:relative; z-index:2; margin:75px 0 -116px -29px; } .trailer { /* position:relative; */ width:735px; min-height:220px; padding-left:15px; margin:0px 0 -116px -29px; } .pagination { display:none; } .navigation { position:absolute; z-index:30; right:-31px; bottom:-105px; overflow:hidden; width:68px; height:34px; } .navigation a { display:block; width:34px; height:34px; float:left; } .navigation .next { background:url(images/buttons.png) right -34px no-repeat; } .navigation .next:hover { background:url(images/buttons.png) right 0px no-repeat; } .navigation .prev { background:url(images/buttons.png) left 0px no-repeat; } .navigation .prev:hover { background:url(images/buttons.png) left -34px no-repeat; } .pad-top {padding-top:146px;} .pad-top1 {padding-top:11px;} .pad-top2 {padding-top:19px;} .pad-top3 {padding-top:16px;} .margin-right {margin-right:27px;} .img-bottom {padding-bottom:15px;} .img-top {margin-top:25px;} .text-top {margin-top:-5px; display:inline-block;} .text { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #4d4d4d; font-weight: normal; text-decoration: none; } a.text:link { text-decoration: underline; color: #4d4d4d; } a.text:hover { text-decoration: underline; color: #848484; } .margin-bottom {margin-bottom:25px; display:inline-block;} /**************borders**************/ .border-bottom{background:url(images/pic1.gif) center bottom repeat-x;} .border-bottom1{background:url(images/pic2.gif) center bottom repeat-x;} .border-middle{background:url(images/pic3.gif) 639px top repeat-y;} /**************indents**************/ .indent-top1{padding-top:5px;} .indent-top1-1{padding-top:8px;} .indent-top3{padding-top:15px;} .indent-top4{padding-top:20px;} .indent-top6{padding-top:30px;} .indent-top9{padding-top:45px;} .indent-top9-1{padding-top:47px;} .indent-top10-1{padding-top:52px;} .indent-bottom1{padding-bottom:5px;} .indent-bottom3{padding-bottom:15px;} .indent-bottom4{padding-bottom:20px;} .indent-bottom4-1{padding-bottom:23px;} .indent-bottom5{padding-bottom:25px;} .indent-bottom6{padding-bottom:30px;} .indent-bottom7{padding-bottom:35px;} .indent-bottom8{padding-bottom:40px;} .indent-bottom10-1{padding-bottom:52px;} .indent-bottom12{padding-bottom:60px;} .indent-bottom15-1{padding-bottom:77px;} .indent-right4{padding-right:20px;} .indent-right5{padding-right:25px;} .indent-right6{padding-right:30px;} .indent {padding:0 0px 0 0;} /*===== content =====*/ .content-bottom {padding-bottom:24px;} .content-bottom1 {padding-bottom:26px;} .content-bottom2 {padding-bottom:22px;} .content-bottom3 {padding-bottom:27px;} .content-bottom4 {padding-bottom:36px;} .p2 {margin-bottom: 10px;} .date1{ display:block; background:url(images/time-marker.gif) 0px 5px no-repeat; font: normal 1.2em/1.35em 'Open Sans', sans-serif; color:#438706; padding-left:16px; } .date2{ display:block; font: bold 13px/21px 'Open Sans', sans-serif; color:#000; } .title-1 {font-size:1.6em; line-height:1.2307em; color:#333333; font-weight:600;font-family: 'Open Sans', sans-serif; text-transform:uppercase; padding: 1em 0em 0em 0em; } .title-2 {font-size: 1.2em; line-height:1.2307em; color:#7f7f7f; font-weight:600;font-family: 'Open Sans', sans-serif; text-transform:uppercase; margin-top:-3px; padding-bottom:10px; letter-spacing:-1px; margin-left:1px;} .title-2-n {font-size: 1.2em; line-height:1.2307em; color:#7f7f7f; font-weight:600;font-family: 'Open Sans', sans-serif; margin-top:-1px; padding-bottom:10px; letter-spacing:-1px; margin-left:1px;} .title-3 {font-size: 1.36em; line-height:1.2307em; color:#333333; font-weight:600;font-family: 'Open Sans', sans-serif; text-transform:uppercase; margin-top:-3px; text-indent: -1px;} .block1 {background:#fff; margin-left:-29px; margin-right:-31px; padding-left:30px;} .twhite { color: #999999; } .button {display:inline-block; font-size:0.9em; line-height:1.3em; cursor:pointer; color:#fff;font-weight:700;font-family: 'Open Sans', sans-serif; padding:0.3em 0.8em 0.5em 0.8em; background:url(images/button-bg.gif) 0 0 repeat-x; text-decoration:none; text-transform:uppercase;} .button:hover {background:url(images/button-bg.gif) 0 -32px repeat-x;} .button-top {margin-top:17px;} .border2 { background: url(images/border1.gif) 0 0 repeat-x; height:1px; margin:30px 0px 28px 0px;} .border2-pad {margin:0px 0px 0px 0px;} .border2-pad1 {margin:27px 26px 0px 0px;} .border2-pad2 {margin:14px 26px 0px 0px;} .border2-pad3 {margin:13px 26px 0px 0px;} .letter {letter-spacing:-1px;} .list1 li {font-size: 0.8em; line-height:2.0em; border-bottom:1px dotted #b2b2b2; width:100%;} .list1 a {text-decoration:none; color:#666666;} .list1 a:hover {color:#4a930a;} .list1-top {padding-top:17px;} .list1 .last {border-bottom:none;} .accordion1 {padding-top:0px;margin:0px;} .accordion1 dt {background:none; font-size:14px; line-height:27px; font-weight:600;font-family: 'Open Sans', sans-serif; border-bottom:1px dotted #b2b2b2; width:100%; cursor:pointer;} .accordion1 dt a {background:url(images/accordion-marker.png) 3px 7px no-repeat; color:#6e6d6d; text-decoration:none; padding:0px 0px 0px 27px; display:inline-block;font-size:14px;font-weight:600;font-family: 'Open Sans', sans-serif;} .accordion1 dd {color:#797979; font-size: 0.8em; line-height:20px; padding:0px 0px 0px 0px;} .accordion1 dt:hover a, .accordion1 dt.active a {text-decoration:none; background:url(images/accordion-marker.png) 3px -61px no-repeat; color:#438706;} .accordion1 dt.font {line-height:18px; padding-top:5px; padding-bottom:4px;} .accordion1 dt.last {border-bottom:none !important;} .accordion2 {padding-top:0px;margin:0px;} .accordion2 dt {background:none; font-size:14px; line-height:27px; font-weight:600;font-family: 'Open Sans', sans-serif; border-bottom:1px dotted #b2b2b2; width:100%; display:inline-block; cursor:pointer;} .accordion2 dt a {background:url(images/accordion-marker.png) 3px 3px no-repeat; color:#6e6d6d; text-decoration:none; padding:0px 0px 0px 27px;font-size:14px;font-weight:600;font-family: 'Open Sans', sans-serif;} .accordion2 dt:hover a, .accordion2 dt.active a {text-decoration:none; background:url(images/accordion-marker.png) 3px -65px no-repeat; color:#438706;} .accordion2 dd {color:#797979; font-size: 0.8em; line-height:20px; padding:0px 0px 0px 0px;} .accordion2 dt.font {line-height:18px; padding-top:5px; padding-bottom:4px;} .accordion2 dt span {margin-left:2.4em;} .accordion2 dt em {margin-left:2.4em; font-style:normal;} .accordion2 dt.last {border-bottom:none !important;} .link1 {border-bottom:1px dotted #b2b2b2; width:100%;} .link1 a {font-size: 1em; line-height:2em; display:inline-block; color:#666666; text-decoration:none; margin-left:2.4em;} .absolute1 {background:url(images/absolute1.gif) 0 0 no-repeat; position:absolute; height:499px; width:16px; top:0px; left:210px;} .absolute2 {background:url(images/absolute2.gif) 0 0 no-repeat; position:absolute; height:499px; width:16px; top:0px; right:-32px;} .block {position:relative;} #page2 .col-1 {width:330px; margin-right:30px;} #page2 .col-2 {width:325px;} #page4 .col-1 {width:330px; margin-right:30px;} #page4 .col-2 {width:325px;} .link-m {font-size: 0.8em; line-height:1.2307em; color:#438706; margin-bottom:3px; display:inline-block;font-weight:600;font-family: 'Open Sans', sans-serif; text-decoration:none; background:url(images/link2-bg.gif) 0 4px no-repeat; padding-left:9px;} .link-m:hover {color:#000;} .link2 {font-size: 0.8em; line-height:1.2307em; color:#438706; margin-bottom:3px; display:inline-block;font-weight:600;font-family: 'Open Sans', sans-serif; text-decoration:none; /* text-transform:uppercase; */ background:url(images/link2-bg.gif) 0 4px no-repeat; padding-left:9px;} .link2:hover {color:#000;} .link2-top {margin-top:21px;} .link2-top1 {margin-top:39px;} .link2-top2 {margin-top:16px; margin-bottom:2px;} .jcarousel-skin-tango-2 .jcarousel-container {width:690px; } .jcarousel-skin-tango-2 .jcarousel-container-horizontal { margin:0 auto; background:none; padding:0px 0px 0px 0px; width:690px; min-height:690px; margin-top:0px; margin-left:0px; } .jcarousel-skin-tango-2 .jcarousel-clip-horizontal { width: 690px; height:690px; } .jcarousel-skin-tango-2 .jcarousel-item { width: 210px; height: 690px; position:relative; } .jcarousel-skin-tango-2 .jcarousel-item-horizontal { margin-left: 0; margin-right: 30px; } .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } /** * Horizontal Buttons */ .jcarousel-skin-tango-2 .jcarousel-next-horizontal { background:url(images/button-next.gif) 0 0 no-repeat; height:32px; width:30px; position:absolute; top:-49px; right:0px; z-index:2; cursor:pointer; } .jcarousel-skin-tango-2 .jcarousel-next-horizontal:hover { background:url(images/button-next.gif) 0 -44px no-repeat; } .jcarousel-skin-tango-2 .jcarousel-next-horizontal:active { top: -49px; right: 0px; } .jcarousel-skin-tango-2 .jcarousel-prev-horizontal { background:url(images/button-prev.gif) 0 0 no-repeat; height:32px; width:30px; position:absolute; top:-49px; right:31px;z-index:2; cursor:pointer; } .jcarousel-skin-tango-2 .jcarousel-prev-horizontal:hover { background:url(images/button-prev.gif) 0 -44px no-repeat; } .jcarousel-skin-tango-2 .jcarousel-prev-horizontal:active { top: -49px; right: 31px; } .list2 li {font-size: 0.8em; line-height:18px; background:url(images/link2-bg.gif) 0 7px no-repeat; padding-left:10px; margin-bottom:12px;} .list2 a {color:#666666; text-decoration:none;} .list2 a:hover {text-decoration:underline;} .link3-top {padding-top:18px;} .letter {letter-spacing:-2px;} #map_canvas {width:510px; height:345px; margin-top:5px; float:left; margin-right:20px;} dl dt{margin:0 0 0px; font-weight:normal; padding-bottom:0px;} dl dd span{display:inline-block;width:67px;} dl dd {padding:0px 0px 0px 0px;} dl dd a{text-decoration:none; color:#4a930a;} dl dd a:hover{text-decoration:underline;} .dl-top {padding-top:18px;} .link4 {color:#4a930a; text-decoration:none;} .link4:hover {text-decoration:underline;} /*----- forms -----*/ #contact-form1 { margin: 7px 0 0 1px; width:220px;} #contact-form1 input { background:none; border:1px solid #dbdbdb; font-family:Arial, Helvetica, sans-serif; font-size: 0.8em; color:#666666; padding:6px 13px 6px 7px; outline: medium none; width: 158px; float:left; height:15px; } #contact-form1 textarea { background:none; border:1px solid #dbdbdb; font-family:Arial, Helvetica, sans-serif; font-size: 0.8em; color:#666666; padding:6px 13px 6px 7px; height: 175px; outline: medium none; overflow: auto; width: 158px; resize:none; margin:0px; float:left; } #contact-form1 label { display: block; min-height:39px; overflow:hidden; position:relative; } #contact-form1 .error, #contact-form1 .empty { color: #FF0000; display: none; font-size: 10px; line-height:14px; width:180px; float:left; margin-top:2px; margin-left:5px; } #contact-form1 .error-empty {margin: 4px 0 0 5px !important; display:none;} #contact-form1 .success {display:none; background:none !important; border:none; color:#000; text-shadow:none; width:200px; margin-bottom:14px; display:block; box-shadow:none; position:relative; z-index:999;} #contact-form1 .btns { position:relative; overflow:hidden; padding: 21px 0px 3px 0px; text-decoration: none; text-align:left; } .btns a { margin-right:10px; } /*==========================================*/ /* Project specifics =========================================================== */ /* Pour some CSS below ========================================================= */ .foutbalk{ background:url(images/errorbg.gif) top center repeat; } .foutwindow{ text-align: left; display: block; position: relative; height: 27px; width: 984px; padding-left: 8px; line-height: 24px; color: #FFFFFF; } .formright{ position: relative; float: right; top: 0px; right: 0px; height: 24px; line-height: 24px; } .loginwindow { position: relative; float: right; top: 27px; height: 18px; line-height: 18px; color: #FFFFFF; z-index: 19; } .loginwindowPopup { position: fixed; top: 0px; background:url(images/transparant.png) top center repeat; left: 0px; width: 100%; height: 100%; z-index: 20; display: none; } .loginwindowPopupDisplay { position: relative; background-color: #ffffff; width: 210px; height: 100px; top: 128px; text-align: left; padding: 5px; line-height: 21px; } .loginwindowInput { border: 1px solid #e3e3e3; height: 14px; line-height: 16px; width: 105px; } .loginwindowInputWrong{ border: 1px solid #a40000; height: 14px; line-height: 16px; } .loginwindowButton { background: url("images/button-login-bg_low.gif") repeat-x; height: 18px; width: 87px; border: 0px; font-size: 0.8em; color: #FFFFFF; cursor: pointer; font-family: 'Open Sans', sans-serif; border-bottom: 1px solid #204202; font-weight: 600; } .loginwindowButton:hover{ background: url("images/button-login-bg.gif") repeat-x; } .loginAnnuleer { margin-left: 10px; } .loginwindowIntranetButton { background: url("images/button-intranet-bg.gif") no-repeat; display: block; font-weight: normal; outline: none; float: left; height: 23px; top: 3px; margin-top: 2px; width: 87px; border: 0px; font-size: 14px; text-indent: 14px; color: #FFFFFF; cursor: pointer; } .loginwindowIntranetButton:hover{ background: url("images/button-intranet-bg_low.gif") no-repeat; color: #FFFFFF; }