/* -------------------------------------------------------------- - Grid page layout (structure) - Compagnie: Orckestra Conseil Inc. Projet: orckestra Date: redesign 2010, dernières modifs - Alexandre Rivest -------------------------------------------------------------- */ /*---------[ css declarations order rules ]------------ | | | 1- display method or float ( display: float;) | | 2- Background setting | | 3- Positioning method | | 4- width / height | | 5- Margin / padding | | 6- color | | 7- Text setting | | 8- Borders | | | -----------------------------------------------------*/ /* *** [ Mini Reset ] ******************************************************************** */ * { margin: 0; padding: 0; } a img { border:0; } a:focus { outline: none;} /* Typography */ body { background:#313036;font-family:Arial; font-size: 12px; text-align: left; color:#535353;} p { margin-bottom: 0.8em; font-weight: normal; font-size: 12px; } h1 { } h2 { margin-bottom: 0.01em; font-weight: bold; font-size: 14px; } h3 { margin-bottom: 0; font-weight: bold; font-size: 13px; } h4 { margin-bottom: 0.5em; font-size: 14px; color: #535353; margin-top: 20px; font-weight: bold;} a:link, a:visited { font-family:Arial; font-size:12px; text-decoration: none; color:#0090b6/*33ccff*/; } a:hover { color:#33ccff; } a:active { } /* buttons */ a.btn-case-study, a.btn-case-study-v {clear: both; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 12px; display: inline-block; padding: 12px 13px 14px 40px; height: 11px; color:#fff !important;} a.btn-case-study { background:url("../images/buttons/btn-zone-client.png") 0 0 no-repeat; } a.btn-case-study-v { background:url("../images/buttons/btn-zone-client.png") 0 -37px no-repeat;} /* images */ img.img-align-right {float:right; margin:0 0 15px 15px;} img.img-align-left {float:left; margin:0 15px 15px 0;} /* *** [ Usable Class ] ******************************************************************** */ .error { color: #900; font-weight: bold; } .note { } strong.italic { font-weight: normal; font-style: italic; } .offs { position: absolute; left: -9999px; top:0; } .offs-2 { display: none; } p.m-box { border: 1px solid #9a9a9a; display: inline-block; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAUCAYAAABmvqYOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX5JREFUeNpiYCAB7NFTESBFPRORhiYA8X0g04AUw1kIGOoApOqB2IGBDMCCw1CQC/vJNZSQywOIMXhyd1MB1GcHgLgwt7TuAclhjsVQByA+D/WdANQx54FiDcjqGHEESwPURSjgk7x84lM7e3sgMwGP3Q+gvthAissfvNHXjydgMAgoAPF8oC8UiDH8A8glLpfuKKa19DkC2YFQ1+ECjUCsCAp/fMGSD8QTgXgC0OAPWMIdpgaWsUCRmogeqSjgfxqDw4dIjvOfotkDCHlp6bzpBssWzLgPtAirWkYkQxWgkYgcphtAQcI4CzMYThw9AEuGFyysHRxxpnOgweheREnvQHlw8AAt+QA0NAFqqALBTATUeJ+AQgGoYfFn9m388IeE8gWUWhyhkYEPgOQd/7Dzk1RwMYHCE4gdoZY8wJIhAkHy2MKd6CIXqPkAECtC0+kDKG0IFNtAtYILaBgochuI1H8A6gjSy3NC5QcwCW4gu7LAYWgj0NAFxCgGCDAAKQJ7cZG2SjsAAAAASUVORK5CYII=) 5px center no-repeat; padding: 10px 30px; font-weight: bold;} #level-box .column1 a.discover-more {background: url("../images/backgrounds/bg-link-box-medium.gif") center bottom no-repeat; text-decoration: none; display: inline-block;padding: 0 0 7px 0;margin: 0 9px 0 9px; font-size: 11px; color: #0e94b3; font-weight:bold; text-align: center;} #level-box .column1 a:hover { color: #33ccff;} /* buttons */ a.btn-case-study, a.btn-case-study-v {clear: both; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 12px; display: inline-block; padding: 12px 13px 14px 40px; height: 11px; color:#fff !important;} a.btn-case-study { background:url("../images/buttons/btn-zone-client.png") 0 0 no-repeat; } a.btn-case-study-v { background:url("../images/buttons/btn-zone-client.png") 0 -37px no-repeat;} /* images */ img.img-align-right {float:right; margin:0 0 15px 15px;} img.img-align-left {float:left; margin:0 15px 15px 0;} /* [ Clearfix ] */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* classe pour les validator asp.net afin qu'il soit identifier par le javascript contenu dans Override_WebUIValidation.js :::::::::::::: voir CMSScripts/Orckestra/Override_WebUIValidation.js */ .block-validator { } /* classe pour les validator asp.net afin qu'il soit identifier par le javascript contenu dans Override_WebUIValidation.js cette classe indique au javascript d'enlever l'attribut color du style inline de l'element span du validateur. voir CMSScripts/Orckestra/Override_WebUIValidation.js */ /* Redirect Information in preview mode */ .redirect-info {background:#0099B6; color:#fff; font-weight:bold; font-size:12px; padding:4px 6px;} .redirect-info a {color:#fff; text-decoration:underline;} /* #Containers# */ #mainContainer { background:#fff; width: 950px; margin: 0 auto 10px auto; } #masterHeaderContainer { background: transparent url(../images/backgrounds/header-contact.jpg) no-repeat 0 0; } #masterHeaderContainer, #masterFooterContainer { position:relative; height: 126px; } #masterFooterContainer { height:58px; line-height:58px; } #masterPageContentContainer { background-color:#313036;} #level-box { background-color:#FFFFFF; } /* #Header Elements# */ .logo { display:block; background:url("../images/icons/logo.png") no-repeat; position:absolute; left:24px; text-indent: -50000px; width:217px; height:63px; cursor:pointer; } .slogan { display:block; position:absolute; right:20px; text-indent: -50000px; width: 278px; height: 24px; } .scl-hd { position: absolute; top: 45px; right: 12px; color: #fff; text-transform: uppercase; font-size: 9px; } .btn-blog { position: absolute;top: 64px; right: 40px; background:url(../images/buttons/btn-social-media.png) no-repeat 0 -18px; display: inline-block; width: 18px; height: 18px; } .btn-twitter { position: absolute; top: 64px; right: 10px; background:url(../images/buttons/btn-social-media.png) no-repeat 0 0; display: inline-block; width: 18px; height: 18px; } .btn-linkedin { position: absolute; top: 64px; right: 35px; display: inline-block; width: 57px; height: 18px; } body.level .scl-hd { top:77px; } body.level .btn-blog { top:96px; } body.level .btn-twitter { top:96px; } body.level .btn-linkedin { top:96px; } /* #Header Elements/Body# */ /* #Header Elements/Body/Home Page# */ body.homepage #masterHeaderContainer { background:url("../images/backgrounds/header-home-top.jpg") no-repeat; width:950px; } body.homepage #masterHeaderSubContainer { background:url("../images/backgrounds/header-home-bottom.jpg") no-repeat; width:950px; height:114px; } body.homepage .logo { bottom:0; } body.homepage .slogan { bottom: -5px; } /* #Header Elements/Body/Level# */ body.level .logo { bottom:37px; } body.level .slogan { top: 70px; right: 100px; } /* #Header Elements/Body/Services# */ body.services #masterHeaderContainer { background:url("../images/backgrounds/header-services.jpg") no-repeat; width:950px; } /* #Header Elements/Body/Contact# */ body.contact #masterHeaderContainer { background:url("../images/backgrounds/header-contact.jpg") no-repeat; width: 950px; } /* #Header Elements/Body/Erro404 # */ body.error404 #masterHeaderContainer { background:url("../images/backgrounds/header-contact.jpg") no-repeat; width: 950px; } /* #Header Elements/Body/French # */ body.french #masterHeaderContainer { background:url("../images/backgrounds/header-contact.jpg") no-repeat; width: 950px; } /* #Header Elements/Body/Solutions# */ body.solutions #masterHeaderContainer { background:url("../images/backgrounds/header-solutions.jpg") no-repeat; width:950px; } /* #Header Elements/Body/What we do# */ body.whatwedo #masterHeaderContainer { background:url("../images/backgrounds/header-solutions.jpg") no-repeat; width:950px; } /* #Header Elements/Body/Products# */ body.products #masterHeaderContainer { background:url("../images/backgrounds/header-products.jpg") no-repeat; width:950px; } /* #Header Elements/Body/Clients# */ body.clients #masterHeaderContainer { background:url("../images/backgrounds/header-clients.jpg") no-repeat; width:950px; } /* #Header Elements/Body/Profile# */ body.profile #masterHeaderContainer { background:url("../images/backgrounds/header-profile.jpg") no-repeat; width:950px; } /* #Header Elements/Body/About us# */ body.aboutus #masterHeaderContainer { background:url("../images/backgrounds/header-services.jpg") no-repeat; width:950px; } /* #Header Elements/Body/News# */ body.news #masterHeaderContainer { background:url("../images/backgrounds/header-news.jpg") no-repeat; width:950px; } /* #Header Elements/Body/Blog# */ body.blog #masterHeaderContainer { background:url("../images/backgrounds/header-blog.jpg") no-repeat; width:950px; } /* #Header Elements/Body/Partners# */ body.partners #masterHeaderContainer { background:url("../images/backgrounds/header-patners.jpg") no-repeat; width:950px; } /* #Header Elements/Toolbar# */ .toolbar { position:absolute; top:5px; /*right:123px;*/ right:7px; font-weight:bold; text-transform:uppercase; color:#fff; } /* #Header Elements/Toolbar/Link List# */ .toolbar li { display:inline; background:url("../images/icons/toolbar-separator.gif") no-repeat 0 5px; list-style:none; padding:0 3px 0 9px; } .toolbar li.first { background:none; } .toolbar a:link, .toolbar a:hover, .toolbar a:visited { font-size:10px; color:#fff; } .toolbar a:hover { color:#33ccff; } /* #Header Elements/Toolbar/SearchBox# */ #smartsearch { position:absolute; top:5px; right:9px;width:130px; height:19px; border:solid 1px #b4b4b4; background:#fff;} #smartsearch .label { display:none;} #smartsearch .textbox { width:102px; height:16px; border:0; font-size:12px; padding:0 5px; margin:0; background:transparent;} #smartsearch .caption { color:#888; font-variant:small-caps; text-transform:lowercase; font-size:11px;} #smartsearch .button { position:absolute; top:0; right:0; width:18px; height:18px; display:block; background:url('../images/icons/magnifier.gif') no-repeat center;} /* #Navigation# */ #navigation ul { background:#303035; text-indent: -50000px; height: 41px; } #navigation li { display:inline; list-style:none; } /* #Navigation/Buttons# */ #navigation a { display:block; float:left; width:136px; height:41px; } /* #Footer Elements */ /* #Footer Elements/Body# */ body #masterFooterContainer { position:relative; background:#6c6c70; font-size:9px; font-weight:bold; color:#efefef; height:46px; } body.homepage #masterFooterContainer { height:58px; } body.homepage #masterFooterContainer dl, body.homepage #masterFooterContainer dt, body.homepage #masterFooterContainer dd { float: left; } body.homepage #masterFooterContainer dl { margin-right: 20px; } body.homepage #masterFooterContainer img { margin: 10px 15px 0 0; } body.homepage #masterFooterContainer dt, body.homepage #masterFooterContainer dd { padding:0 0 0 18px; } body #masterFooterContainer .copyright { float:right; height:46px; line-height:44px; margin-right:6px; color:#bdbdbe; } body.homepage #masterFooterContainer .copyright { height:58px; line-height:58px; } /* #Extra Elements */ .skip-navigation { display:block; height:0; width:0; text-indent: -50000px; } #level-box .column1 p.date, #level-box .column1 .items p.date { font-size: 11px; padding-bottom: 3px;} #level-box .column1 p.news-preview { margin-top: 5px; } /* *** [ Page layout for vedette ] ******************************************************************** */ /* Home page Orckestra Vedette */ div#feature-list { width: 948px; height: 227px; background-color: #fff; margin-bottom: 5px; border: 1px solid #d6d6d6; position: relative; font-family: Arial, Helvetica, sans-serif; } div#feature-list ul { position: absolute; top: 0; list-style: none; padding: 0; margin: 0; } ul#tabs { right: 0; z-index: 2; min-width: 190px; } ul#tabs li { font-size: 12px; font-family: Arial; border: 1px solid #d6d6d6; border-right: none; padding: 1px; background-color: #fff; border-bottom: none; } ul#tabs li.first { border-top: none; } ul#tabs li.current { border-left: solid #fff 1px; } ul#tabs li a {cursor:pointer; background: url(../images/backgrounds/bg-vedette.png) 0 0 repeat-x #fff; color: #7d7d7d; text-decoration: none; font-size: 11px; display: block; padding: 0 11px; text-transform: uppercase; line-height: 57px; font-weight: bold; min-width: 188px; height: 54px; outline: none; } ul#tabs li a:hover { color: #3ad8ff; text-decoration: none; } ul#tabs li a:active { } ul#tabs li a span { display: block; padding: 0; min-width: 188px; height: 52px; } ul#tabs li.current a.current { background: none; color: #3ad8ff; } ul#tabs li a.current:hover { text-decoration: none; cursor: default; } ul#tabs li.abt-us a span { background:url(../images/icons/ico-vedette.png) 136px 8px no-repeat; } ul#tabs li.news a span { background:url(../images/icons/ico-vedette.png) 136px -105px no-repeat; } ul#tabs li.careers a span { background:url(../images/icons/ico-vedette.png) 136px -218px no-repeat; } ul#tabs li.evts a span { background:url(../images/icons/ico-vedette.png) 136px -331px no-repeat; } ul#tabs li.abt-us a.current span { background:url(../images/icons/ico-vedette.png) 136px -443px no-repeat; } ul#tabs li.news a.current span { background:url(../images/icons/ico-vedette.png) 136px -556px no-repeat; } ul#tabs li.careers a.current span { background:url(../images/icons/ico-vedette.png) 136px -669px no-repeat; } ul#tabs li.evts a.current span { background:url(../images/icons/ico-vedette.png) 136px -782px no-repeat; } ul#output { left: 0; width: 735px; height: 227px; position: relative; } ul#output a.btn-global { left: 0; width: 735px; height: 227px; position: absolute; } ul#output li { position: absolute; width: 735px; height: 227px; background:#fff;} ul#output li a { } ul#output li h3, ul#output li h4 { position: absolute; } ul#output li h3 { font-size: 23px; color: #000; top: 40px; left: 398px; width:300px;} ul#output li h4 { font-size: 18px; color: #000; top: 88px; line-height: 20px; left: 398px; font-weight: normal; width:300px;} ul#output li .btn-mre { /*background: url(../images/backgrounds/bg-link-box-medium.gif) bottom center no-repeat;*/ position: absolute; bottom: 30px; height: 32px; left: 398px; /*padding: 0 0 0 10px;*/ text-decoration: none; font-size: 12px; color: #484848; font-weight:bold;} ul#output li .btn-mre span { display: block; height: 32px; padding-right: 10px; line-height: 30px } ul#output li a:hover { } /* #Home Page/Content/Live# */ #live-box { background: url("../images/backgrounds/bg-orck-live-box.png") no-repeat top left; float: left; width: 467px; height: 212px; margin: 0 5px 5px 0; border-right: 1px solid #bfbebe; } .haccordion { width: 467px; height: 212px; } .haccordion h2 { float: left; width: 44px; height: 212px; } .haccordion h2 a { float: left; width: 44px; height: 212px; text-indent: -1000em; } .haccordion .content { float: left; width: 0px; margin: 0px; height: 212px; line-height: 16px; font-size: 10px; /*display: none;*/ overflow: auto;} .haccordion .content p { margin-top: 5px; line-height: 13px; font-size: 11px; color: #535353;display: inline; } .haccordion .content .fig {border-bottom: #ccc 1px dashed; margin: 0 5px 0 10px; width: 330px; padding-bottom: 10px; padding-top:3px;} .haccordion .content p.last { border-bottom: none; } .haccordion h2 a.orckestra-live { background: url("../Images/buttons/en/btn-orck-live-on.png") no-repeat 0 -212px; } .haccordion h2.selected a.orckestra-live { background: url("../Images/buttons/en/btn-orck-live-on.png") no-repeat 0 0; } .haccordion h2.selected-click a.orckestra-live { background: url("../Images/buttons/en/btn-orck-live-on.png") no-repeat 0 0; } .haccordion h2 a.latest-posts { background: url("../Images/buttons/en/btn-orck-live-on.png") no-repeat -52px -212px; } .haccordion h2.selected a.latest-posts { background: url("../Images/buttons/en/btn-orck-live-on.png") no-repeat -52px 0; } .haccordion h2.selected-click a.latest-posts { background: url("../Images/buttons/en/btn-orck-live-on.png") no-repeat -52px 0; } .haccordion h2 a.latest-news { background: url("../Images/buttons/en/btn-orck-live-on.png") no-repeat -104px -212px; } .haccordion h2.selected a.latest-news { background: url("../Images/buttons/en/btn-orck-live-on.png") no-repeat -104px 0; } .haccordion h2.selected-click a.latest-news { background: url("../Images/buttons/en/btn-orck-live-on.png") no-repeat -104px 0; } .haccordion .ct-block {width:362px;} /* section Twitter */ .haccordion .twitter-feed > ul {width:362px;} .haccordion .twitter-feed li { margin: 0 10px; padding:5px 0; color:#535353; font-size:11px; border-bottom:dashed 1px #ccc; list-style-type:none;} .haccordion .twitter-feed a { font-size: 11px; } .haccordion .twitter-feed .nom { color: #0099cc; font-weight: bold; } .haccordion .twitter-feed .url { color: #0099cc; font-weight: normal; } .haccordion .twitter-feed em { margin-top: 4px; color: #878787; font-style: italic; font-family: Georgia, "Times New Roman" , Times, serif; font-size: 11px; display: block; } /* section last-post and latest news */ .haccordion .s-first-load{ width: 379px; display: block; } .haccordion .last-post a, .haccordion .last-news a { font-size: 11px; } .haccordion .last-post .abbr, .haccordion .last-news .abbr { display: block; margin-top: 5px; color: #0099cc; font-size: 11px; } .haccordion .last-post h3, .haccordion .last-news h3 { color: #0099cc; margin-top: 2px; margin-bottom:2px; font-weight: bold; font-size: 11px; line-height: 11px;} .haccordion .last-post p, .haccordion .last-news p { } /* #Home Page/Content/Clients# */ #clients-box {background: #fff;float: right;width: 476px;min-height: 212px;margin: 0 0 5px 0;position: relative;} #clients-box .header {background: url("../images/backgrounds/bg-clients-box.png") #313036 no-repeat top left;width: 476px;height: 46px;} #clients-box .header .title {position: relative;background: #f0f0f0;float: left;height: 26px;width: 438px;} #level-box .items .title a {text-transform: uppercase;font-weight: bold;font-size: 12px;} #clients-box .header .title h2 {position: absolute;top: 0;left: 16px;background: #909090;padding: 4px 12px 5px 12px;font-size: 12px;font-weight: bold;text-transform: uppercase;color: #fff;} #clients-box .content {min-height: 166px;} #clients-box .content .client {float: left;width: 438px;} #clients-box .content .client .featured-logo {width:150px; text-align:center;} #clients-box .content .client a {margin-left: 16px;float: left;} #clients-box .content .client .featured-content {float: right;width: 230px;color: #666;font-size: 11px;margin: 0 8px 0 25px;padding-right: 5px;padding-bottom: 5px; line-height:16px;} #clients-box .content .client .featured-link {margin-top:5px} #clients-box .content .client .featured-link a {margin:0;font-size: 12px;font-weight: bold;color: #666666;} #clients-box .content .client .featured-link a:hover {color: #33CCFF;} #clients-box .content .client ul {background: url("../images/backgrounds/bg-clients-footer.gif") no-repeat top left;width: 410px;padding: 7px 0 0 0; margin-left: 28px;} #clients-box .content .client ul li {list-style: none;display: inline;} #clients-box .content .client ul a, #clients-box .content .client ul span {float: left;background: url("../images/backgrounds/bg-clients-footer-separator.gif") no-repeat left;padding: 0 16px 0 16px;text-align: center;margin: 0;} #clients-box .content .client ul span {padding-right: 0;} #clients-box .content .client ul a.first {margin-left: 27px;} /* *** [ Layout for sub menu ... ] ******************************************************************** /* #Level Page# */ /* #Level Page/Submenu# */ .submenu { float: left; width: 186px; margin-left: 20px; margin-top: 64px; margin-bottom: 50px; border: #ccc /*#f1f1f1*/ solid 1px; position: relative; padding-top: 18px; } .submenu h2 a { font-size: 14px; color: #333; background-color: #fff; display:inline-block; position: absolute; top: -9px; left: 6px; margin: 0px; padding:0 4px; } .submenu h2 a:hover { color: #0fa2c9; } .submenu li.CMSListMenuLIlast { border-bottom: none;} .submenu ul a { background: #EFEFEF; padding: 10px 5px 10px 16px; font-size: 12px; display: block; width: 165px; line-height: 12px; min-height: 12px; height: auto!important; height: 12px; color: #000; font-weight: bold; text-decoration: none; border-bottom: #c9c9c9 solid 1px; } .submenu ul a:hover { color: #0fa2c9; } .submenu ul li { background-color: #f5f5f5; border-top: #c9c9c9 solid 1px; list-style: none; } .submenu ul li > span { background: #EFEFEF; border-bottom: #c9c9c9 solid 1px; padding: 10px 5px 10px 16px; color: #000; font-weight: bold; display: block; width: 165px; line-height: 12px; min-height: 12px; height: auto!important; height: 12px; } .submenu ul li ul li { background-color: #fff; border: none; list-style: none; border-bottom: #c9c9c9 dotted 1px;} .submenu ul li ul li.CMSListMenuHighlightedLI .CMSListMenuLinkHighlighted { border: none; padding: 10px 5px 10px 16px; background: none; display: block; color: #0fa2c9; width: 165px; font-size: 11px; line-height: 12px; min-height: 12px; height: auto!important; height: 12px; } .submenu ul li ul li.CMSListMenuHighlightedLIlast { border-bottom: none; } .submenu ul li ul li.CMSListMenuHighlightedLIlast .CMSListMenuLinkHighlighted { border: none; padding: 10px 5px 10px 16px; background: none; display: block; color: #0fa2c9; width: 167px; font-size: 11px; line-height: 12px; min-height: 12px; height: auto!important; height: 12px; } .submenu ul li ul li .CMSListMenuLink { color: #666; font-size: 11px; border: none; font-weight: normal; background: none; }/*border-bottom: #c9c9c9 dotted 1px;*/ /* #Level Page/Columns# */ #level-box .col-layout-2 .column1 { float: right; width: 676px; min-height: 176px; padding: 24px 36px 45px 25px; } #level-box .col-layout-3 .column1 { float: left; width: 511px; min-height: 176px; padding: 0 0 45px 25px; } #level-box .col-layout-3 .column2 { float: left; width: 160px; margin-left: 8px; min-height: 176px; padding: 0px; } #level-box ul.standard li { list-style: none; color: #535353; background:url("../images/backgrounds/bg-bullet-check.gif") 0 0 no-repeat; padding-left: 13px; margin-bottom: 5px; } #level-box ul.standard { margin-left: 10px; } #level-box.no-submenu .column1 { float: left; min-height: 176px; padding: 24px 36px 45px 26px; width: 617px; } body.detail #level-box .column1 { float: left;width: 680px;padding-right: 0;} .jobs .column1 { width: 519px !important; } body.contact #level-box .column1 { padding-bottom: 0;} #level-box .col-layout-3 .column2 { padding: 0; } #level-box .col-layout-3 .column2 h2 { background-color:#eaeaea; color: #303035; text-transform: uppercase; font-size: 11px; padding: 9px 13px; } #level-box .column2 .box-content { color: #535353; margin: 10px; } #level-box .column2 .box-content p { margin: 0 0 10px; } #level-box.no-submenu .column2 { float: right;background: none;width: 202px;min-height: 176px;padding: 24px 34px 24px 34px;} /* #Level Page/Content/BreadCrumb# */ #breadcrumb-wrapper { float: right; width: 683px; margin: 30px 36px 5px 0; color: #0090b6; } #breadcrumb-wrapper .separator { color:#303035; } #breadcrumb { padding-left:2px; } #breadcrumb li { list-style: none;display: inline;font-size: 10px; } #breadcrumb li a { font-size: 10px;} #breadcrumb-wrapper .you-are-here { text-indent: -1000em;display: block;height: 1px !important;line-height: 1px !important;} #breadcrumb a:link { color:#303035; } #breadcrumb a:visited { color:#303035; } #breadcrumb a:hover { color:#303035; } #breadcrumb a:active { } /* #Level Page/Content/Title# */ #level-box .col-layout-2 h1 { float: left; width: 682px; margin-left: 25px; padding: 8px 0;font-size: 18px;color: #333;border-bottom: 1px solid #333;} #level-box .col-layout-3 h1 { float: left; width: 682px; margin-left: 25px; padding: 8px 0;font-size: 18px;color: #333;border-bottom: 1px solid #333;} #level-box .column1 h2 { width: 683px;padding: 8px 0 4px 0;font-size: 16px;color: #333;} #level-box .column1 p { margin: 3px 0 20px 0; line-height: 17px; font-size: 12px;color: #535353;} /*body.detail #level-box .column1 h1, body.detail #level-box .column1 p {width: 507px;}*/ /* #Level Page/Content/Items# */ #level-box .column1 ul.items {} #level-box .column1 ul.items li {background: #f7f7f7 no-repeat;list-style: none;float: left;width: 317px;margin: 22px 24px 0 0;} #level-box .column1 .items {background: #f7f7f7 no-repeat;list-style: none;float: left;width: 317px;margin: 22px 24px 0 0;} #level-box .column1 .items.alternate {margin: 22px 0 0 0;} #level-box .column1 .items .title {background: url("../images/backgrounds/bg-level1-itembox.gif") #fff no-repeat;display: block;height: 46px;width: 300px;padding: 4px 0 0 17px;} #level-box .column1 .items .title span {background: none;display: inline;font-size: 12px;font-weight: bold;color: #303035;text-transform: uppercase;margin: 0;text-align: left;} #level-box .column1 .items span {background: url("../images/backgrounds/bg-link-box-medium.gif") center bottom no-repeat;display: block;padding: 0 0 7px 0;margin: 0 9px 12px 9px;width: 93px;font-size: 11px;color: #666;text-align: center;} #level-box .column1 .items span.link-description {background: transparent;text-indent: -1000em;display: block;line-height: 0;height: 0;width: 0;margin: 0;padding: 0;} #level-box .column1 .items .title a {background: none;display: inline;font-size: 12px;font-weight: bold;color: #303035;text-transform: uppercase;margin: 0;text-align: left;} #level-box .column1 .items a.discover-more {background: url("../images/backgrounds/bg-link-box-medium.gif") center bottom no-repeat; text-decoration: none; display: inline-block;padding: 0 0 7px 0;margin: 3px 0 12px 5px; font-size: 11px;color: #0090b6;text-align: center;} #level-box .column1 .items a:hover, #level-box .column1 .items .title a:hover {color: #33ccff;} #level-box .column1 .items .box-content {margin: 0 18px 10px 18px;} #level-box .column1 .items p {padding: 0 0 10px;margin:0;font-size: 11px;color: #535353;} #level-box .column1 .items h4 {padding: 0 18px 16px 0;} /* #Level Page/Content/Items Long# */ #level-box .column1 ul.items-long {} #level-box .column1 ul.items-long li {background: #f7f7f7 no-repeat;list-style: none;float: left;width: 163px;margin: 22px 6px 0 0;} #level-box .column1 ul.items-long li.alternate {margin: 22px 0 0 0;} #level-box .column1 ul.items-long li .title {background: #e5e5e5 no-repeat;display: block;height: 21px;width: 146px;padding: 4px 0 0 17px;} #level-box .column1 ul.items-long li .title a {background: none;display: inline;font-size: 12px;font-weight: bold;color: #303035;text-transform: uppercase;margin: 0;text-align: left;} #level-box .column1 ul.items-long li a {background: url("../images/backgrounds/bg-link-box-small.gif") center bottom no-repeat;display: block;padding: 0 0 7px 0;margin: 0 9px 12px 9px;width: 93px;font-size: 11px;color: #666;text-align: center;} #level-box .column1 ul.items-long li a:hover, #level-box .column1 ul li div.title a:hover {color: #33ccff;} #level-box .column1 ul.items-long li p {margin: 10px 0 0 0;padding: 0 18px 16px 18px;font-size: 11px;color: #535353;line-height: 16px;} /* #Level Page/Content/Employees# */ #level-box .column1 div.employees {background: #f7f7f7 no-repeat;list-style: none;float: left;width: 200px;padding: 5px 6px;margin: 7px 10px 0 0;} #level-box .column1 .employees h2 {width: 180px;font-size: 12px; margin: 3px 0; padding: 0 10px;} #level-box .column1 .employees li {text-align: center; background: #f7f7f7 no-repeat;list-style: none;float: left;width: 200px;height: 255px;padding: 5px 6px;margin: 16px 10px 0 0;} #level-box .column1 .employees .employee-title {display: block;min-height: 46px;width: 180px;padding: 0 10px;font-size: 11px;font-weight: bold;color: #535353;text-transform: uppercase;} #level-box .column1 .employees li .employee-title a {background: none;display: inline;font-size: 12px;font-weight: bold;color: #303035;text-transform: uppercase;margin: 0;text-align: left;} #level-box .column1 .employees a {background: url("../images/backgrounds/bg-link-box-medium.gif") center bottom no-repeat;display: block;padding: 0; margin: 0 9px 12px 0; min-width: 93px; font-size: 11px;color: #666;} #level-box .column1 .employees a:hover {color: #33ccff;} #level-box .column1 .employees li p {margin: -5px 0 0 0;padding: 0 18px 16px 18px;font-size: 11px;color: #535353;} #level-box .employee{ float: left; margin: 10px 7px 10px 0; width: 220px; } #level-box .employee .employee-name, #level-box .employee .employee-title{ width: 220px; text-align: center; } #level-box .employee .employee-name{ font-weight: bold; font-size: 13px; font-style: italic; } #level-box .employee img{ border: solid 1px #CCC; padding: 4px; } #level-box .employee-desc{ float: left; width: 440px; margin: 0 0 0 12px; } /* #Level Page/Content/File Summaries# */ #level-box .column1 .file-summaries li, #level-box .column1 .file-summaries-long li {list-style: none;} #level-box .column1 .file-summaries .brochure, #level-box .column1 .file-summaries-long .brochure {position: relative;background: url("../images/backgrounds/bg-brochure-box.gif") no-repeat #fff;width: 484px;height: 95px;margin: 50px 0 25px 0;z-index: 0;} #level-box .column1 .file-summaries-long .brochure {width: 683px;} #level-box .column1 .brochure-icon {background: url("../images/backgrounds/bg-brochure-icon.gif") no-repeat;position: absolute;top: -23px;left: 12px;width: 70px;height: 140px;z-index: 10;} #level-box .column1 .file-summaries .brochure-content, #level-box .column1 .file-summaries-long .brochure-content {float: right;width: 385px;margin: 14px 14px 0 0;border-top: 1px solid #a4b9bf;border-bottom: 1px solid #a4b9bf;} #level-box .column1 .file-summaries-long .brochure-content {width: 588px;} #level-box .column1 .file-summaries .brochure h2, #level-box .column1 .file-summaries-long .brochure h2 {width: 385px;padding: 5px 0 0 0;font-size: 14px;font-weight: bold;text-transform: uppercase;color: #00c9fe;} #level-box .column1 .file-summaries-long .brochure h2 {width: 604px;} #level-box .column1 .file-summaries .brochure p, #level-box .column1 .file-summaries-long .brochure p {width: 385px !important;margin: 0;padding: 5px 0;font-size: 10px;color: #535353;} #level-box .column1 .file-summaries-long .brochure p {width: 588px !important;line-height:11px;} #level-box .column1 .brochure a {font-weight: bold;margin: 7px 0;} /* #Level Page/Boxes/Short Content Box# */ #level-box .column2 .short-content-box {background: #f7f7f7;width: 160px;padding: 0 0 15px 0;margin-bottom: 19px;} #level-box .column2 .short-content-box h2 {background: #e5e5e5;min-height: 23px;line-height: 23px;padding: 3px 12px;font-size: 12px;font-weight: bold;text-transform: uppercase;color: #303035;} #level-box .column2 .short-content-box p {padding: 3px 10px;color: #535353; line-height: 18px; } /* #Level Page/Boxes/Satisfied Client# */ #level-box .column2 .short-content-box a {text-align: center;} #level-box .column2 .short-content-box ul {padding: 8px 0 0 0;} #level-box .column2 .short-content-box ul li {padding: 0 15px 0 15px;background: url("../images/icons/short-content-box-listitem.gif") 8px 8px no-repeat;list-style: none;} #level-box .column2 .short-content-box ul li a {font-weight: bold;} /* Level Page/Boxes/Related Links */ #level-box .column2 .relatedlinks-box ul {} #level-box .column2 .relatedlinks-box ul li {padding: 8px 15px;background: url("../images/icons/short-content-box-listitem.gif") 8px 15px no-repeat;list-style: none;} #level-box .column2 .relatedlinks-box ul li a {font-weight: bold;font-size: 10px;} /* #Level Page/ContactUs/Office# */ #level-box #office-box {margin-top: 0px; position: relative;border-bottom: 1px solid #ccc;padding: 0 0 20px 0;} #level-box #office-box .office-info {float: left;width: 230px;} #level-box #office-box h2, #level-box #contact-box h2 {color: #00c9fe;text-transform: uppercase;font-weight: bold;width: 230px;} #level-box #office-box .office-info .vcard {color: #535353;} #level-box #office-box .office-info .vcard .fn {font-size: 12px;font-weight: bold;margin-top: 5px;} #level-box #office-box .office-info .vcard p {font-size: 11px;} #level-box #office-box .office-info .vcard .adr {margin-top: 20px;} #level-box #office-box .office-info .telecommunications .tel div {float: left;} #level-box #office-box .office-info .telecommunications .tel span {display: block;text-indent: -50000px;height: 0;} #level-box #office-box .office-info .telecommunications .tel .number {float: right;margin-right: 84px;} #level-box #office-box .office-info .vcard .emails {margin-top: 15px;} #level-box #office-box .office-info .vcard .emails li {font-size: 11px;font-weight: bold;list-style: none; display: none;} #level-box #office-box .office-info .vcard .emails a {} #level-box #office-box .office-map a {position: absolute;top: 0;left: 235;background: url("../images/buttons/en/office-googlemap.jpg") no-repeat;width: 453px;height: 209px;text-indent: -50000px;} /* #Level Page/ContactUs/Form# */ #level-box #contact-box {margin-top: 20px;position: relative;padding: 0 0 20px 0;} #level-box #contact-box .contact-info {float: left;width: 230px;} #level-box #contact-box .contact-info p {font-size: 11px;margin-top: 0;margin-right: 20px;} #level-box #contact-box .contact-form {float: left;width: 453px;} .contact-form-box legend, .form legend {text-indent: -50000px;height: 0;} .contact .submenu {visibility:hidden;} .contact .column1 { float: right; min-height: 176px; padding: 20px 34px 45px 0px !important; } .contact h1 { float: left; width: 682px; margin-left: 24px; padding: 8px 0;font-size: 18px;color: #333;border-bottom: 1px solid #333;} .btn-apply {background: url("../images/buttons/en/btn-apply-job.png") 0 0 no-repeat; width: 184px; height: 38px; display: block; } .FRCA .btn-apply {background: url("../images/buttons/fr/btn-apply-job.png") 0 0 no-repeat; } /* #Level Page/Form# */ .form-box {background: #efefef; border: 0; /*width: 340px;*/ padding: 16px;} .form-box .field {min-height: 18px;padding-bottom: 5px; margin-top: 5px; margin-bottom: 5px;} .form-box label {float: left;width: 82px;font-weight: bold;text-transform: uppercase;color: #303035;/*line-height: 22px;*/} .form-box select {float: left;width: 300px;} .form-box option {} .form-box input, .form-box textarea {float: left;width: 300px;} .form-box .CheckBoxField {display: inline;} .form-box .CheckBoxField input {display: inline;float: none;line-height: 10px;width: auto;} .form-box .form-checkbox label {display: inline;font-size: 10px;font-weight: normal;text-transform: none;float: none;width: auto;} .form-box .FormButton, .SearchDialog .ContentButton {display: block;background: url("../images/buttons/form-button-inactive.gif");color: #fff;font-weight: bold;text-transform: uppercase;text-align: center;width: 76px;height: 22px;line-height: 22px;margin-left: 82px;margin-top: 5px;font-size: 11px;border: none;} .form-box .FormButton:hover, .SearchDialog .ContentButton:hover {background: url("../images/buttons/form-button-active.gif");} .form-box .FormButton, .SearchDialog .ContentButton {display: inline-block; margin-left: 15px;} .SearchDialog .ContentButton {margin-left: 0;} .form-box .file-upload span.UploaderLabel {display: none;} .form-box .EditingFormErrorLabel {color: Red; padding-left: 82px;display: block; } .contact-form-box .EditingFormErrorLabel {clear: left;} #level-box #contact-box .contact-form .ErrorLabel {display: none;} div.EditingFormControlNestedControl {display: inline;} /* #Level Page/Profile/Jobs# */ .aboutus-old .column1 { /*width: 511px !important;*/ } #level-box .column1 ul.jobs { margin-top: 10px; } #level-box .column1 ul.jobs li { list-style: none; } /* #Level Page/Profile/Jobs Details# */ .job-application-form {margin-top: 20px;padding-top: 20px;background: #efefef;} .job-application-form-box {width: 475px;padding: 0 16px 16px 16px;} .job-application-form-box legend {text-transform: uppercase;font-weight: bold;padding-bottom: 20px;} .job-application-form-box input, .job-application-form-box .form-box textarea {width: 380px;} .job-application-form-box .file-upload input {width: 380px;} /* cache le message d'erreur generic genere par Kentico */ .profile span.ErrorLabel {display: none;} /* #Level Page/Produits# */ #level-box .column1 .article {clear: both;background: #F7F7F7 none no-repeat;margin: 20px 24px 0 0 !important;width: 658px;} #level-box .column1 .items img {margin: 0 0 23px 60px;} #level-box .column1 .article .title {background: #FFFFFF url(../images/backgrounds/bg-level1-itembox-article.png) no-repeat top right;display: block;height: 46px;padding: 4px 0 0 17px;width: 641px;} .products .column1 { padding-top: 0!important;} .products h1 { margin: 0 0 30px 0 !important; width: 655px!important; } .products .text { clear: both;} .products #breadcrumb-wrapper { margin-right: 30px!important; } .products .col-layout-3 .column1 { width: 680px !important; } .products .col-layout-3 .column1 h1 { width: auto !important; margin-bottom: 10px !important; } /* #Level Page/News# */ #level-box .column1 .items p a {background: none;display: inline;padding: 0 0 7px 0;margin: 0;width: auto;text-decoration: none;font-size: 11px;color: #0090b6;text-align: left;} .news #level-box .column1 .items p { padding-left: 15px; padding-right: 15px;} .news #level-box .column1 .discover-more {left:12px; position:relative;} /* #Level Page/Blog# */ #level-box.no-submenu {background: url("../images/backgrounds/bg-blog-right-side.gif") repeat-y 0 0 transparent} #level-box.no-submenu .column1 p {margin: 0 0 10px 0;font-size: 12px;color: #535353;width:560px;} #level-box .column1 .post-title-wrapper {position: relative; clear: both; width: 617px;} #level-box .column1 h1.post-title {width: 561px;padding: 8px 0;font-size: 18px;color: #333;border-bottom: 1px solid #7f7f7f;} #level-box .column1 h1.post-title a:link, #level-box .column1 h1.post-title a:visited {font-size: 18px;color: #333;} #level-box .column1 h1.post-title a:hover {color: #33ccff;} #level-box .column1 .post-date-box {background: url("../images/backgrounds/bg-blog-date.gif") no-repeat;position: absolute;top: 4px;right: 0;width: 57px;height: 55px;padding: 2px 0 0;border: 1px solid #7F7F7F;} #level-box .column1 .post-date-month, #level-box .column1 .post-date-day, #level-box .column1 .post-date-year {display: block;width: 57px;font-weight: bold;font-size: 12px;text-align: center;color: #7f7f7f;} #level-box .column1 .post-date-day { font-size: 25px;line-height: 18px !important;height: 18px !important;padding-top: 0px;} #level-box .column1 .post-details { padding: 3px 0 10px 0;color: #909090;} #level-box .column1 .post-details a:link, #level-box .column1 .post-details a:visited {font-weight: bold;font-size: 12px;color: #333;} #level-box .column1 .post-details a.comment-count, #level-box .column1 .post-details a.comment-count:link, #level-box .column1 .post-details a.comment-count:visited {color: #909090;} #level-box .column1 .post-details a.comment-count:hover {color: #00ccff;} #level-box .column1 .post-details a:hover {color: #33ccff;} #level-box .column1 .post-details strong {font-weight: bold;font-size: 12px;color: #0090B6;} #level-box .column1 .post-text {padding: 0;} #level-box.no-submenu .column2 .post-rss {float:left;background:url("../images/buttons/btn-blog-rss.gif");width:32px;height:40px;text-indent:-1000em;} #level-box.no-submenu .column2 .post-twitter {float:left;background:url("../images/buttons/btn-blog-twitter.gif");width:32px;height:40px;text-indent:-1000em;margin-left:7px;} #level-box.no-submenu .column2 h2 {font-size:13px;font-weight:bold;text-transform:uppercase;color:#fff;padding:20px 0 14px 0;line-height: 13px;} #level-box.no-submenu .column2 p {color:#fff;font-size:12px;line-height:17px;} #level-box.no-submenu .column2 li {list-style:none;color:#fff;line-height:20px;} #level-box.no-submenu .column2 a {font-size:12px;} #level-box.no-submenu .column2 a:link, #level-box.no-submenu .column2 a:visited {list-style:none;color:#00ccff; display: inline-block; margin-bottom: 5px;} #level-box.no-submenu .column2 a:hover {color:#fff;} /* Blog breadcrumb */ .blog #breadcrumb-wrapper { float: left; width: 617px; margin-top: 0px; } /* blog - comments */ .comments-section { background: url(../images/background/bg-comments-box.gif) top left repeat-x #f1f1f1; width: 555px; padding: 15px 30px; color: #535353; font: 13px Arial, Helvetica, sans-serif; border: 1px solid #c6c6c6; } .comments-section h3 { margin-bottom: 25px; font-size: 13px; } .comments-section h4 { float: left; margin-top: 0px; margin-bottom: 30px; margin-right: 5px; color: #00ccff; font-size: 13px; font-weight: lighter; } .comments-section h4 strong { font-weight: bold; } .comments-section em { float: left; font-style: normal; } #level-box .column1 .comments-section p { clear: both; width: 490px; } .comment { line-height: 17px; float: left; margin-bottom: 12px; margin-bottom: 60px; } .alternate { background: url(../images/background/bg-filet-post.gif) bottom center no-repeat; margin-bottom: 12px !important; padding-bottom: 12px; } .comment .comment-content { background: url(../images/photo/img-avatar-blogger.gif) top left no-repeat; padding-left: 50px; width: 490px; } .comment .comment-content a { color: #00ccff; } .comments-section .write-comment { background: url(../images/background/bg-write-comment-box.gif) top left repeat-x #3f3f45; float: left; width: 519px; padding: 15px 18px; color: #fff; display: inline; } .comments-section fieldset { border: none;} .comments-section dt, .comments-section dd { margin-bottom: 15px; } .comments-section legend { text-transform: uppercase; font-weight: bold; padding-bottom: 20px; } .comments-section textarea { width: 513px; height: 200px; } input .confirm { margin: 0 5px 0 0; } label .confirm { font-size: 11px; } .input-380 { width: 443px; border: none; height: 22px; } .no-margin { margin: 0 !important;} .btn-send-comment { margin-left: 392px; } .f-float { float: left; } .f-float-1 { width: 70px; float: left; } .captcha-label { float: left; width: 150px; } .captcha-input { float: left; width: 290px; } .write-comment span { margin-top: 5px; } .error { color: orange; display: block; width: 344px; } .info { margin-bottom: 20px; display: block; } /* #Pages/Error404# */ .error404 #level-box {padding: 0 20px 0 20px;min-height: 300px;} .error404 #level-box h1 {width: 683px;padding: 8px 0;font-size: 20px;color: #333; margin-top: 20px;} .error404 #level-box p {margin: 20px 0 3px 0;font-size: 12px;color: #535353;} /* #Level Page/clients# */ .clients .column1 .wrap { border-top: #000 solid 1px; background:url("../images/background/bg-degrade-client.png") #fff top left repeat-x; padding: 25px 0px 0 18px; min-height: 185px; height:auto !important; margin-bottom: 15px; height: 185px;} .clients .column1 .wrap .part-article { width: 120px; float: left; background-color: Transparent !important; margin: 0 10px 0 0!important; border-bottom: none!important; } .clients .column1 .wrap div.last { margin: 0!important; } .clients #level-box .column1 .part-article .thumb { width: 118px; height: 76px; float: left; } .clients #level-box .column1 .part-article .content { width: 120px; float: left; margin: 0; } .clients #level-box .column1 .part-article .content p { font-size: 10px; line-height: 12px; padding: 0 5px; margin: 5px 0 10px 0; } .column1 .tab { display: inline-block; font-weight: bold; font-size: 12px!important; text-transform: uppercase; line-height: 19px; width: auto!important; height: 19px; padding: 0 19px!important; color: #fff!important; background-color: #a9a9a9; } .clients .column1 .wrap2 { border-top: #000 solid 1px; background:url("../images/background/bg-degrade-client.png") #fff top left repeat-x; padding: 25px 10px 0 10px; min-height: 185px; height:auto !important; margin-bottom: 15px; height: 185px;} .clients .column1 .wrap2 .box { float: left; margin-right: 15px; margin-bottom: 50px; width: 152px;} .clients .column1 .wrap2 div.last { margin-right: 0px; } .clients .column1 .wrap2 .box h3 { float: left; font-size: 12px; color: #333; } .clients .column1 .wrap2 .box ul { float: left; border-top: #d3d3d3 solid 1px; margin-top: 5px; } .clients .column1 .wrap2 .box li { float: left; font-size: 11px; color: #333; padding: 5px 10px; width: 132px; border-bottom: dotted 1px #ccc; list-style: none; } .clients .column1 .wrap2 .box li a { float: left; font-size: 11px; color: #333; background:url(../images/icons/ico-link-client.png) top right no-repeat; display: inline-block; padding-right: 17px; } .clients .img-align-right, .clients .img-align-left {border:solid #ECECEC 3px; padding:5px;} .soulignement {float: left;background: url("../images/backgrounds/bg-clients-sorting-undeline.gif") no-repeat left 18px;margin-top: 25px;height: 35px;width: 200px;} /*.column1 .clients h2.sort {padding: 0 !important;float: left;font-size: 11px !important;color: #666 !important;font-weight: bold;width: auto !important;margin-right: 7px;} .column1 .clients li {list-style: none;} .column1 .clients li span {color: #909090;} .column1 .clients li span.sort-by-selected {font-weight: bold;} .column1 .clients li .first {margin-right: 4px;} .column1 .clients li .last {margin-left: 4px;} */ .clients-sorting {float: left;} .clients-sorting li {float: left;} /*#accordion-2 .wrap-client {clear: both;margin-bottom: 7px;} #accordion-2 .color {background-color: #f5f5f5;padding: 17px 13px 8px 27px;margin-bottom: 7px;} #accordion-2 h2 {background-color: #e5e5e5;width: auto !important;padding: 7px 0 7px 7px !important;font-size: 12px !important;margin-bottom: 7px;line-height: 12px;} #accordion-2 h2.ui-state-active {background-color: #e5faff;} #accordion-2 h2.ui-state-hover {background-color: #e5faff;} #accordion-2 h2 a {text-transform: uppercase;color: #737373;font-weight: bold;display: block;} #accordion-2 h2 a strong {background: url("../images/backgrounds/bg-client-arrow-off.gif") no-repeat right 1px;padding-right: 20px;} #accordion-2 h2.ui-state-active a strong {background: url("../images/backgrounds/bg-client-arrow-on.gif") no-repeat right 3px;color: #3eceff;} #accordion-2 h2.ui-state-hover a strong {background: url("../images/backgrounds/bg-client-arrow-on.gif") no-repeat right 3px;color: #3eceff;} #accordion-2 .color img {float: left;margin-top: 21px;} */ .client-desc-txt {float: left;width: 380px;margin-left: 25px;} .client-desc-txt h3 {color: #333;font-weight: bold;} .client-desc-txt p {margin: 0 !important;padding-top: 3px;width: 340px;border-top: 1px solid #939393;} .client-menu {float: left;} #level-box .column1 .client-menu p {margin: 0 0 4px 0;} .client-menu a {color:#666;font-weight: bold;} .client-menu a:hover {color: #3eceff;} /* #Page/DownloadForm #*/ .download-form {margin-top: 20px;padding-top: 20px;background: #efefef;width: 538px} .download-form legend {padding-bottom: 20px;font-weight: bold;text-transform: uppercase;} .download-form .ErrorLabel {display: none;} .download-form-box {padding: 0 16px 16px 16px;} /* Landing Page pour les produits --------------------------------- */ /* [Container] ---------------------------------------------------- */ #level-box .product-page-main { margin-top: 25px; } #level-box .product-page-main p.first { font-weight: bold; font-size: 14px; } #level-box .product-page-main h1 { font-weight: bold; font-size: 14px; width: auto; border: none; } #level-box .product-page-main ul.standard { margin-top: 5px !important; color: #535353; margin-bottom: 30px!important; } #level-box .product-col-1 { width: 390px; float: left; } #level-box .product-col-2 { width: 271px; float: left; padding: 0 0 0 18px; } #level-box .product-page-main h2 { font-size: 14px; font-weight: bold; padding: 0; margin: 0 0 0.01em 0; width: 390px; color: #535353; } #level-box .product-col-1 h3 { font-size: 13px; font-weight: bold; padding: 0; margin: 0; width: 390px; color: #535353; } #level-box .product-col-1 p { font-size: 12px; padding: 0; margin: 0 0 0.8em 0; color: #535353; } #level-box .media-box-1 { background: url(../images/backgrounds/en/concerto-page-sprites.png) 0px 0px no-repeat; width: 271px; margin-bottom: 20px; padding: 3px 0 0 0px; } #level-box .media-box-1 h2 { margin-left: 10px; } #level-box .thumbs-video { background:url(../images/backgrounds/en/concerto-page-img-sprites.jpg) 0 0 no-repeat; display:block; width: 232px; height: 215px; margin: 16px 0 0 19px; } #level-box .thumbs-video em { position: absolute; top: -9999em; } #level-box .media-box-2 { background: url(../images/backgrounds/en/concerto-page-sprites.png) -271px 0px no-repeat; width: 271px; padding: 3px 0 0 0px; } #level-box .media-box-2 a { display: block; margin-bottom: 16px!important; } #level-box .media-box-2 a, #level-box .media-box-2 h3 { padding: 0; margin-left: 19px; margin-bottom: 3px; color: #03111b; font-weight: bold; } #level-box .media-box-2 h2 { padding: 0; margin: 0 0 16px 10px; } #level-box .lien { display: block; width: 272px; height: 46px;} #level-box .lien span { position: absolute; top: -9999em; } #level-box .concerto-faq { background: url(../images/backgrounds/en/concerto-page-sprites.png) -542px -25px no-repeat; } #level-box .concerto-contact-demo { background: url(../images/backgrounds/en/concerto-page-sprites.png) -542px -71px no-repeat; height: 52px; margin: 16px 0 16px 0; } /* [Container Header] --------------------------------------------- */ .concerto-ban-header { position: relative; background: url(../images/backgrounds/en/concerto-page-img-sprites.jpg) -232px 0px no-repeat; margin-top: 15px; width: 684px; height: 187px; } .concerto-ban-header ul { position: absolute; top: -10000em; } .product-sheet { position: absolute; background: url(../images/backgrounds/en/concerto-page-sprites.png) -542px 0px no-repeat; bottom: 45px; right: 147px; display: block; width: 174px; height: 25px; } .product-sheet em { position: absolute; top: -1000em; } /* [Container Footer] --------------------------------------------- */ #footer {} /* [Form] ------------------------------------------------------ */ #level-box .column1 fieldset.form p.hint {font-size: 10px;margin: 2px 0 2px 0;} fieldset.form span.checkbox input {width: 24px;display:inline;} fieldset.form span.checkbox {display: block;margin-top:10px;} fieldset.form span.checkbox label {display:inline;} #level-box .column1 fieldset.form p.error-red, #level-box .column1 fieldset.form p.msa-Global-NotificationLabel-Error {color: red;} fieldset.form {width: 400px;background: #efefef;padding: 0 16px 16px 16px;margin-top: 10px; overflow:hidden;} fieldset.form input.msa-Global-Button, fieldset.form input.button {color: white;display: inline;width: 76px;height: 22px;font-size: 10px;font-weight: bold;padding: 2px;text-transform: uppercase;border: 0; background: transparent url(../images/buttons/form-button-inactive.gif) repeat scroll 0 0;margin-top : 10px;margin-right: 15px;} fieldset.form input.msa-Global-Button:hover, fieldset.form input.button:hover {background: transparent url(../images/buttons/form-button-active.gif) repeat scroll 0 0;} fieldset.create-account-form input {display: block;} /* Support General ***********************************************************/ #level-box .column1 h1.support-portal-title {margin-bottom: 10px;} div#login-bar {float:right;} fieldset.form .read-only {background: #ccc;color: #333;} body.support fieldset {border:0;} /* CaseEditor form ------------------------------------------------ */ fieldset.support-editor-form {width: 550px;} fieldset.support-editor-form td {padding: 0px 10px 10px 1px;vertical-align: top;} fieldset.support-editor-form input, fieldset.support-editor-form select {width: 400px;display:block;} fieldset.support-editor-form textarea {width: 400px;height: 250px;display: block;} fieldset.support-editor-form .msa-Global-NotificationLabel-Success {margin-bottom: 5px;} fieldset.support-editor-form .msa-Global-Button {margin-right: 10px;} fieldset.support-editor-form #closeCaseSection {display: block;width: 525px;height: 100px;border: solid 0px white;margin-top: 30px;} #level-box .column1 p.description-template {visibility: collapse;margin: 0;padding: 0;height: 0;} /* View case grid ------------------------------------------------ */ h2.case-type {margin-bottom: 10px;} table.case-grid {width: 680px;border: solid 1px #909090;border-collapse: collapse;margin-bottom: 10px;} table.case-grid tr {border: solid 1px #909090;} table.case-grid td {padding: 4px;color: #535353;border: solid 1px #909090;} table.case-grid th {border: solid 1px #909090;} table.case-grid th a {margin: 4px;color: #333;} table.case-grid th a:hover {margin: 4px;color: #33ccff;} table.case-grid th.ticketnumber {width: 150px;} table.case-grid th.title {width: 185px;} table.case-grid th.productid {width: 80px;} table.case-grid th.severitycode {width: 60px;} table.case-grid th.statuscode {width: 80px;} table.case-grid th.createdon {width: 125px;} /* KB Search ------------------------------------------------*/ fieldset.kbsearch-form {width: 600px;} fieldset.kbsearch-form div#search {width: 580px;height: 30px;} fieldset.kbsearch-form input.msa-Global-TextField {width: 470px;margin-right: 10px;} #level-box .column1 fieldset.kbsearch-form p {margin-top: 5px;} h2.msa-KBSearch-ResultsLabel {margin-top: 15px;margin-bottom: 10px;} h3.msa-KB-Title {margin-top: 5px;} #level-box .column1 p.msa-KB-Body {margin: 0;} .FRCA div#search .button {font-size: 8px;} /* Kb Article ***************************************************************/ table.msa-KBArticle-FormTable {width: 680px;} /* Request Licence **********************************************************/ fieldset.form label {display:block;margin-top: 8px;} fieldset.form select, fieldset.form input {width: 400px;margin-bottom: 2px;} fieldset.form textarea {width: 400px;margin-bottom: 10px;display:block;} fieldset.form textarea.hardware-id {height: 48px;} fieldset.form textarea.comment {height: 64px;} #level-box .column1 fieldset.form p {margin: 10px 0 2px 0;} #level-box .column1 p.success, #level-box .column1 p.msa-Global-NotificationLabel-Success {color: green;} /* Kb Index ******************************************************************/ #level-box .column1 td.kb-subject a {color: #333;margin-left: 5px;font-weight: bold;} #level-box .column1 td.kb-article a {color: #33ccff;margin-left: 5px;} /* Support Profile *************************************************/ fieldset.form input.change-password-button {display: block;} /* Support Download *************************************************/ #level-box .column1 ul.download-list {margin: 20px 10px 0px 10px;} #level-box .column1 ul.download-list li {list-style-type: none;} #level-box .column1 ul.download-list li a.release-note {} #level-box .column1 ul li ul.release-download-list {margin-top: 5px;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_window {font: 12px Arial, Helvetica, sans-serif;color: #333333;} #TB_secondLine {font: 10px Arial, Helvetica, sans-serif;color:#666666;} #TB_window a:link {color: #666666;} #TB_window a:visited {color: #666666;} #TB_window a:hover {color: #000;} #TB_window a:active {color: #666666;} #TB_window a:focus {color: #666666;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_overlay {position: fixed;z-index:100;top: 0px;left: 0px;height:100%;width:100%;} .TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;} .TB_overlayBG {background-color:#000;filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;} * html #TB_overlay {position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');} #TB_window {position: fixed;background: #ffffff;z-index: 102;color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%;} /* ie6 hack */ * html #TB_window { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');} #TB_window img#TB_Image {display:block;margin: 15px 0 0 15px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-top: 1px solid #666;border-left: 1px solid #666;} #TB_caption {height:25px;padding:7px 30px 10px 25px;float:left;} #TB_closeWindow {height:25px;padding:11px 25px 10px 0;float:right;} #TB_closeAjaxWindow {padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right;} #TB_ajaxWindowTitle {float:left;padding:7px 0 5px 10px;margin-bottom:1px;} #TB_title {background-color:#e8e8e8;height:27px;} #TB_ajaxContent {clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;} #TB_ajaxContent.TB_modal {padding:15px;} #TB_ajaxContent p {padding:5px 0px 5px 0px;} #TB_load {position: fixed;display:none;height:13px;width:208px;z-index:103;top: 50%;left: 50%;margin: -6px 0 0 -104px;} /* ie6 hack */ * html #TB_load {position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');} #TB_HideSelect {z-index:99;position:fixed;top: 0;left: 0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;height:100%;width:100%;} /* ie6 hack */ * html #TB_HideSelect {position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');} #TB_iframeContent {clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px;} /* Search Results *************************************************/ .content-searchbox {padding:20px 0;} .content-searchbox .textbox {border:solid 1px #b4b4b4; width:200px; margin:0 2px 0 0; padding:4px; font-size:15px;} .content-searchbox .button {font-size:15px; padding:1px 6px 2px;} .did-you-mean {font-size:14px; margin:0 0 15px; font-style:italic;} .did-you-mean a {font-weight:bold; font-size:14px; padding:4px 0;} .searchresults {padding:20px 0;} .searchresults dt a {font-size:16px; padding:3px 0; margin:4px 0;} .searchresults dd {clear:both; margin:0 0 25px;} .searchresults dd .sr-content {} .searchresults dd .sr-relevance {} .searchresults dd .sr-url {color:#008000;} .searchresults .noresults {background:#EAEAEA; padding:10px; font-size:12px;} .searchresults .pager {text-align:center; color:#535353;} .searchresults .pager a {border:solid 1px #b4b4b4; padding:3px 5px; font-weight:bold; } .searchresults .pager a:hover {border:solid 1px #33ccff; background:#33ccff; color:#fff; padding:3px 5px;} .searchresults .pager a:outline {outline:solid 1px #33ccff !important;} .searchresults .info {display:block; margin:20px 0 0;} /* #Header Elements# */ .slogan {background:url("/app_themes/orckestra/images/texts/en/slogan.png") no-repeat;} *html .slogan {background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/app_themes/orckestra/images/texts/en/slogan.png", sizingMethod="crop");} /* #Home Page/Content/Live# */ #live-box .feeds-on {background:url("/app_themes/orckestra/images/buttons/en/btn-orck-live-on.png") no-repeat 0 0 #313036;} #live-box .posts-on {background:url("/app_themes/orckestra/images/buttons/en/btn-orck-live-on.png") no-repeat -52px 0 #313036;} #live-box .news-on {background:url("/app_themes/orckestra/images/buttons/en/btn-orck-live-on.png") no-repeat -104px 0 #313036;} #live-box .feeds {background:url("/app_themes/orckestra/images/buttons/en/btn-orck-live-on.png") no-repeat 0 -212px;} #live-box .posts {background:url("/app_themes/orckestra/images/buttons/en/btn-orck-live-on.png") no-repeat -52px -212px;} #live-box .news {background:url("/app_themes/orckestra/images/buttons/en/btn-orck-live-on.png") no-repeat -104px -212px;} /* #Navigation/Buttons# */ #navigation a {background-image:url("../Images/buttons/en/btn-main-nav.png"); background-repeat: no-repeat; background-position: 0 0; width: 158px;} .FRCA #navigation a {background-image:url("../Images/buttons/fr/btn-main-nav.png"); width: 158px;} #navigation .btn-whatwedo { background-position: 0 0; width:160px!important ;} #navigation .btn-whatwedo:hover, body.whatwedo #navigation .btn-whatwedo { background-position:0 -41px;} #navigation .btn-partners { background-position:-160px 0;} #navigation .btn-partners:hover, body.partners #navigation .btn-partners {background-position:-160px -41px;} #navigation .btn-clients {background-position:-318px 0;} #navigation .btn-clients:hover, body.clients #navigation .btn-clients {background-position:-318px -41px;} #navigation .btn-e-commerce {background-position: -476px 0;} #navigation .btn-e-commerce:hover, body.products #navigation .btn-e-commerce {background-position:-476px -41px;} #navigation .btn-aboutus {background-position:-634px 0;} #navigation .btn-aboutus:hover, body.aboutus #navigation .btn-aboutus {background-position:-634px -41px;} #navigation .btn-news {background-position:-792px 0;} #navigation .btn-news:hover, body.news #navigation .btn-news {background-position:-792px -41px;} /* #Page Contact# */ #level-box #office-box .office-map a {background:transparent url(../images/buttons/en/office-googlemap.jpg) no-repeat scroll 0 0;} /* Page Login*/ .login h1 { margin: 0 0 10px 0!important; } /* Fix rétrocompatibilité */ .mrd-detail .column1 {width: 511px !important;} /* What we do section */ .whatwedo object, .whatwedo embed { border: solid 1px #ccc; } /*** New templates ****************************************************************************/ /* Editable Page ** .editablepage {} ** ** List Page ** .listpage {} */ /* Common (All) */ .editablepage .pagecontent, .listpage .pagecontent {width:685px; margin-right:30px; float:right;} .editablepage #breadcrumb-wrapper, .listpage #breadcrumb-wrapper {float:none; width:auto; margin:30px 0 5px 0;} .editablepage #breadcrumb, .listpage #breadcrumb {padding-left:0;} .editablepage .pagetitle, .listpage .pagetitle, #level-box h1, .eventslist h1, .eventdetail h1{padding:8px 0; margin-bottom:20px; font-size:18px;color:#333;border-bottom:1px solid #333;} .editablepage .pagecontent .text {color:#535353; margin-bottom:10px;} /* Banner Image (Editable Page) */ .editablepage .pagebanner {margin:3px 0 18px; max-width:685px;} .editablepage .pagebanner-border {padding:9px; border:solid 1px #ccc !important;} .editablepage .contentbanner {max-width:500px; margin-bottom:15px;} .contentbanner-border {padding:9px; border:solid 1px #ccc !important;} /* Columns Sizes (All) */ .editablepage .column1, .listpage .column1 {min-height:180px; margin-bottom:45px;} .editablepage-3 .column1 {float:left; width:500px !important;} .editablepage .column2 { float:right; width:160px !important; min-height:180px; padding-bottom:45px;} /* SideBox (Editable Page) */ .editablepage .sidebox {margin-bottom:8px;} .editablepage .sidebox-default {background:#f5f5f5; color:#535353;} .editablepage .sidebox-default .boxtitle {background-color:#eaeaea; color: #303035; text-transform: uppercase; font-size: 12px; padding: 7px 12px; } .editablepage .sidebox-default .boxcontent {padding: 12px 12px 20px;} .editablepage .sidebox-underline {background:#f5f5f5; color:#535353;} .editablepage .sidebox-underline .boxtitle { color: #303035; text-transform: uppercase; font-size: 12px; padding: 12px 0 2px; margin:0 12px; border-bottom:dashed 1px #999;} .editablepage .sidebox-underline .boxcontent {padding: 14px 12px 20px;} .editablepage .sidebox-casestudy {background:#f5f5f5; color:#535353;} .editablepage .sidebox-casestudy .boxtitle { color: #303035; text-transform: uppercase; font-size: 12px; padding: 20px 0 2px 28px; margin:0 12px; border-bottom:dashed 1px #999; background: url(../images/icons/ico-casestudy.png) no-repeat left 10px;} .editablepage .sidebox-casestudy .boxcontent {padding: 14px 12px 20px;} .editablepage .sidebox-blank {background:#fff; border:solid 1px #ccc;} /* Bottom Box (Editable Box, List Box */ .editablepage .bottombox-default, .editablepage .bottombox-large {background: #F7F7F7 url(../images/backgrounds/bg-level1-itembox.gif) no-repeat right top; overflow:hidden; padding:6px 10px 20px;} .editablepage .bottombox-default h2.boxtitle, .editablepage .bottombox-large h2.boxtitle {margin:0; padding:0 0 28px !important; width:auto !important; font-size:13px !important;font-weight:bold;color:#303035 !important;text-transform:uppercase;} .editablepage .bottombox-default {float:left; width:310px; margin:0 20px 20px 0;} .editablepage .bottombox-default.alternate {margin-right:0px;} .editablepage-3 .bottombox-default {width:220px;} .editablepage .bottombox-large {float:left; width:665px; border-bottom:solid 10px #fff;} .editablepage-3 .bottombox-large {width:480px;} .listpage .sidebox {margin:40px 0 20px;background: #F7F7F7 url(../images/backgrounds/bg-level1-itembox.gif) no-repeat right top; overflow:hidden; padding:6px 10px 0;} .listpage .sidebox h2.boxtitle {margin:0; padding:0 0 28px !important; width:auto !important; font-size:13px !important;font-weight:bold;color:#303035 !important;text-transform:uppercase;} /* News List */ .newslist .text {margin-bottom:20px; color:#535353;} .newslist .fig {margin-bottom:15px; color:#303035;} .newslist .fig a {color:#303035; text-decoration:underline;} .newslist .fig a:hover {/*color:#0090B6;*/ color:#303035 !important; text-decoration:none;} .newslist .pager {margin-top:15px; font-size:0;} .newslist .pager a {padding:5px 6px; display:inline-block; font-size:11px; font-weight:bold;} .newslist .pager a:hover {text-decoration:none; background:#0090B6; color:#fff !important;} .newslist .pager strong {font-size:11px;padding:3px 5px; display:inline-block; } /* Media Room */ .mediaroom h2.logo-title, .mediaroom h2.employee-title {border-bottom:solid 1px #999; margin-top:20px; font-size:12px !important; line-height:21px; font-weight:bold !important; clear:both;} .mediaroom h2.logo-title span, .mediaroom h2.employee-title span {background:#999; padding:5px 10px 4px; color:#fff; text-transform:uppercase;} .mediaroom .logo-list, .mediaroom .employee-list {padding:25px 50px; /*background: url(../images/background/bg-degrade-mediaroom.png) no-repeat center top;*/ min-height:100px;} .mediaroom .fig {width:192px; float:left; width:200px; position:relative;height: 1%;} .mediaroom .logo-list{height: 1%;} .mediaroom .logo-list .fig {text-align:center; margin:0 43px 30px;} .mediaroom .employee-list .fig {padding:5px; margin:0 35px 30px; padding-bottom:25px;} .mediaroom .thumbnail {border:#dadada solid 1px; background:#fff; padding:10px 0; width:190px; text-align:center; margin-bottom:10px;} .mediaroom .logo-list a, .mediaroom .employee-list a {display: inline-block; color:#333; font-weight:bold; background:url(../images/backgrounds/bg-link-box-medium.gif) no-repeat center bottom; padding-bottom:8px;} .mediaroom .employee-list .fig {background:#f3f3f3;} .mediaroom .employee-name { margin:8px 10px 0; font-weight:bold;} .mediaroom .employee-job {margin:2px 10px 30px; text-transform:uppercase;} .mediaroom .employee-list a {display:inline-block; position:absolute; bottom:10px; left:15px;} /* Gallery Layout (Editable Page) */ .gallery { clear: both; } .gallery .gl-ct { padding: 40px 20px 10px 20px; background: url("../images/background/bg-degrade-client.png") #fff top left repeat-x; border-top: #919191 solid 1px; } .gallery .gl-ct a { display: inline-block; margin-right: 28px;width: 88px; height: 88px; background:red; position:relative;} .gallery .gl-ct a.last { margin-right: 0; } .gallery .gl-ct img { /*width: 88px; height: 88px;*/ border: solid 1px #ccc; position:absolute; top:0; left:0; } /* List Page Repeater (List Page) */ .listpage .part-article {background-color: #fff; border-bottom: #cfcfcf dotted 1px; padding-bottom: 13px; margin-top: 30px; } .listpage .part-article .thumb { float: left; width: 152px; height: 90px; border: #a9a9a9 solid 1px; margin: 0 0px 0 0; } .listpage .part-article .content { float: left; width: 504px; margin: 0 0px 0 25px; } .listpage .part-article .content .text { text-align:justify;} .listpage .part-article a.discover-more {background: url("../images/backgrounds/bg-link-box-medium.gif") center bottom no-repeat; cursor: pointer; text-decoration: none; display: inline-block; padding: 0 0 7px 0;margin: 0 9px 12px 9px; font-size: 11px;color: #0090b6;text-align: center;} .listpage .part-article a:hover { color: #33ccff;} /* * SimpleModal Basic Modal Dialog * http://www.ericmmartin.com/projects/simplemodal/ * http://code.google.com/p/simplemodal/ * * Copyright (c) 2010 Eric Martin - http://ericmmartin.com * * Licensed under the MIT license: * http://www.opensource.org/licenses/mit-license.php * * Revision: $Id: basic.css 242 2010-03-14 00:55:02Z emartin24 $ * */ /* Overlay */ #simplemodal-overlay {background-color:#000; cursor:wait;} /* Container */ #simplemodal-container {min-height:320px; min-width:600px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;} #simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;} #simplemodal-container a {color:#ddd;} #simplemodal-container a.modalCloseImg {background:url('/App_Themes/Orckestra/Images/buttons/btn-x.png') no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;} #simplemodal-container #basic-modal-content {padding:8px;} .srch-box{ background: #FFF; border: solid 1px #CCC; padding: 0 2px 0 0; position: absolute; top: 4px; right: 5px; } .srch-box .srch-q{ width: 85px; color: #333; font-size: 11px; font-weight: normal; border: none; background: #FFF; padding: 0 0 0 5px; } .srch-box .srch-btn{ vertical-align: top; padding: 1px 0 0 0; } /* Search page*/ #srch-pg{ background: #FFF; padding: 0 25px 25px 0; min-height: 360px; } #srch-pg .SearchDialog{ margin: 5px 0 10px 0; background: #F7F7F7; padding: 5px 7px; border: solid 1px #DDD; } #srch-pg .SearchDialog table{ border-collapse: collapse; } #srch-pg .SearchDialog td, #srch-pg .SearchDialog th{ padding: 3px; } #srch-pg .SearchDialog label{ font-weight: bold; margin: 0 7px 0 0; } #srch-pg .SearchResults{ margin: 22px 0 15px 0; } #srch-pg .SearchResults .pager{ text-align: center; margin: 5px 0; } #srch-pg .SearchResult{ margin: 5px 0 15px 0; border-bottom: solid 1px #DDD; padding: 0 0 15px 0; } #srch-pg .SearchResult .highlight{ background: #BFEEFF; color: #000; padding: 0 3px; } #srch-pg .SearchResult .ResultTitle, #srch-pg .SearchResult .ResultTitle a{ font-weight: bold; font-size: 13px; } #srch-pg .SearchResult .ResultDate{ color: #AAA; } #srch-pg .PagerControl{ text-align: center; } /* hCalendar events */ .eventdetail, .eventslist{ margin: 0 0 15px 0; } .eventslist .col1, .eventslist .col2, .eventdetail .col1, .eventdetail .col2{ float: left; } .eventdetail .col1, .eventslist .col1{ width: 490px; margin: 0 25px 0 0; } .eventdetail .col2, .eventslist .col2{ width: 160px; } .vevent{ position: relative; margin: 0 0 30px 0; } .eventslist, .vevent, .vevent h2, .vevent h2 a{ color: #535353; } .eventslist .vevent .dtstart{ position: absolute; top: 0; right: 0; } .eventslist .vevent .dtstart{ border: solid 1px #6c6c6c; padding: 3px 11px; text-align: center; font-weight: bold; background: -moz-linear-gradient(100% 100% 90deg, #EEE, #FFF); background: -webkit-gradient(linear, left bottom, left top, from(#EEE), to(#FFF)); } .eventdetail .vevent .infos{ float: left; text-align: left; } .eventslist .vevent .dtstart span{ display: block; line-height: 11px; } .eventslist .vevent .dtstart .day{ font-size: 17px; line-height: 18px; } .vevent .more{ color: #0e94b3; margin: 15px 0 0 0; background:url("../images/backgrounds/shadow-1.jpg") bottom center no-repeat; float: left; font-weight: bold; padding:0 0 5px 0; } .vevent h2{ border-bottom: solid 1px #CCC; padding: 8px 67px 2px 0; } .vevent h2, .vevent h2 a{ font-size: 14px; font-weight: bold; } .vevent .location{ padding: 2px 55px 10px 0; } .vevent .description{ margin: 5px 0 0 0; float: left; width: 318px; } .vevent .noImg{ width: auto; } .vevent .imgDefault{ display: block; width: 152px; height: 90px; background:url("../images/pictures/eventDefault.jpg") 0 0 no-repeat; } .vevent .imgDefault span{ text-indent: -50000px; display: block; } .vevent .img{ width: 152px; min-height: 90px; float: left; margin: 5px 19px 7px 0; } .vevent .img img{ max-width: 152px; max-height: 135px; } .eventdetail .vevent .introduction{ font-weight: bold; margin: 0 0 15px 0; } .eventdetail .vevent .description{ float: none; width: auto; } .vevent ul{ margin: 7px 0 2px 25px; } .vevent .description, .eventdetail .vevent .introduction{ text-align: justify; } .eventdetail .vevent .introduction, .eventdetail .vevent .img{ margin-top: 15px; } .moreInfos{ background: #f5f5f5; color: #535353; } .moreInfos h3{ background: #dfdfdf; color: #000; text-transform: uppercase; font-size: 11px; font-weight bold; padding: 7px 9px; } .moreInfos p{ padding: 17px 17px 17px 10px; margin: 0; line-height: 16px; } .moreInfos a{ color: #999; } .moreInfos a:hover{ text-decoration: underline; } .eventdetail .gallerie{ background: -moz-linear-gradient(100% 100% 90deg, #FFF, #EEE); background: -webkit-gradient(linear, left bottom, left top, from(#FFF), to(#EEE)); } .eventdetail h3.gallerieTitle{ background: #999; font-size: 12px; color: #FFF; font-weight: bold; text-transform: uppercase; float: left; padding: 2px 10px; margin: 25px 0 0 0; } .eventdetail .gallerie{ text-align: center; padding: 10px; clear: both; margin: 0 0 12px 0; border-top: solid 2px #999; } .eventdetail .gallerie img{ margin: 0 15px; padding: 2px; vertical-align: middle; } h3.pastEventTitle{ margin: 35px 0 10px 0; color: #535353; font-size: 14px; } .pastEvents .vevent{ margin: 0 0 0 0; } .pastEvents .vevent .summary a{ color: #535353; text-decoration: underline; } .pastEvents .vevent .summary a:hover{ color: #888; } /* Pretty photo styles */ div.light_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ div.light_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.light_rounded .pp_content .ppt { color: #000; } div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right { background: #fff; } div.light_rounded .pp_content { background-color: #fff; } /* Content background */ div.light_rounded .pp_next:hover { background: url(../images/prettyPhoto/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_rounded .pp_previous:hover { background: url(../images/prettyPhoto/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_rounded .pp_expand { background: url(../images/prettyPhoto/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_rounded .pp_expand:hover { background: url(../images/prettyPhoto/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_rounded .pp_contract { background: url(../images/prettyPhoto/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_rounded .pp_contract:hover { background: url(../images/prettyPhoto/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_rounded .pp_close {cursor: pointer; } /* Close button */ div.light_rounded #pp_full_res .pp_inline { color: #000; } div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_rounded .pp_nav .pp_play { background: url(../images/prettyPhoto/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_nav .pp_pause { background: url(../images/prettyPhoto/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_arrow_next { background: url(../images/prettyPhoto/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ div.light_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/loader.gif) center center no-repeat; } /* Loader icon */ div.pp_pic_holder a:focus { outline:none; } div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_top { height: 20px; position: relative; } * html .pp_top { padding: 0 20px; } .pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle { left: 0; position: static; } .pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_content { height: 40px; } .pp_fade { display: none; } .pp_content_container { position: relative; text-align: left; width: 100%; } .pp_content_container .pp_left { padding-left: 20px; } .pp_content_container .pp_right { padding-right: 20px; } .pp_content_container .pp_details { float: left; margin: 10px 0 2px 0; } .pp_description { display: none; margin: 0 0 5px 0; } .pp_nav { clear: left; float: left; margin: 3px 0 0 0; } .pp_nav p { float: left; margin: 2px 4px; } .pp_nav .pp_play, .pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px; } a.pp_arrow_previous, a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; } .pp_gallery { left: 50%; margin-top: -50px; position: absolute; z-index: 10000; } .pp_gallery ul { float: left; height: 35px; margin: 0 0 0 5px; overflow: hidden; position: relative; } .pp_gallery ul a { border: 1px #000 solid; border: 1px rgba(0,0,0,0.5) solid; display: block; float: left; height: 33px; overflow: hidden; } .pp_gallery ul a:hover, .pp_gallery li.selected a { border-color: #fff; } .pp_gallery ul a img { border: 0; } .pp_gallery li { display: block; float: left; margin: 0 5px 0 0; } .pp_gallery li.default a { background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat; display: block; height: 33px; width: 50px; } .pp_gallery li.default a img { display: none; } .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px !important; } a.pp_next { background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; } a.pp_previous { background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; } a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; } a.pp_close { display: block; float: right; /*line-height:22px; text-indent: -10000px;*/ color: #535353; font-weight: bold; border: solid 1px #CCC; background: #EEEEEE; padding: 0 7px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } a.pp_close:hover { color: #222; border: solid 1px #AAA; } .pp_bottom { height: 20px; position: relative; } * html .pp_bottom { padding: 0 20px; } .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_bottom .pp_middle { left: 0; position: static; } .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px; } #pp_full_res { /*line-height: 1 !important;*/ } #pp_full_res .pp_inline { text-align: left; } #pp_full_res .pp_inline p { margin: 0 0 15px 0; } div.ppt { color: #fff; display: none; font-size: 17px; margin: 0 0 5px 15px; z-index: 9999; } /* ------------------------------------------------------------------------ Miscellaneous ------------------------------------------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* Recaptcha for contact form */ #recaptcha_image{ margin: 0 0 0 82px; background: #FFF; text-align: center; } #recaptcha_widget .recaptcha_only_if_imageLabel, #recaptcha_widget .recaptcha_only_if_audioLabel{ display: block; margin: 7px 0 4px 82px; font-weight: bold; } #recaptcha_widget #recaptcha_response_field{ width: 260px; } .recaptcha-help{ display: inline-block; background: url('../images/buttons/captcha-help.jpg') no-repeat 7px 0; padding: 0 0 0 7px; min-width: 18px; min-height: 18px; cursor: pointer; } #recaptcha-help-content, #recaptcha-help-content p{ color: #535353; } #recaptcha-help-content h2{ margin: 0 0 15px 0; } #recaptcha_widget #recaptcha_response_field, #recaptcha_widget .recaptchaOptions, .checkboxField{ margin: 0 0 0 82px; } #recaptcha_widget .recaptchaOptions{ padding: 7px 0 0 0; clear: both; } .recaptcha-credits{ margin: 25px 0 0 0; } #recaptcha_widget .recaptchaOptions a{ border-left: solid 1px #BBB; padding: 0 5px; } .recaptcha_only_if_imageLabel, .recaptcha_only_if_audioLabel, #recaptcha_widget a{ color: #333 !important; } #recaptcha_widget a:hover{ color: #333 !important; text-decoration: underline; } .recaptcha_only_if_incorrect_sol{ color: Red; } #recaptcha_image br{ display: none; } #recaptcha_image a{ display: block; } .EditingFormLabel{ padding-left: 0 !important; }