/*@font-face {font-family: 'Humanist777BT-RomanB';src: url('webfonts/1A2971_0_0.eot');src: url('webfonts/1A2971_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/1A2971_0_0.woff') format('woff'),url('webfonts/1A2971_0_0.ttf') format('truetype');} @font-face {font-family: 'Humanist777BT-ItalicB';src: url('webfonts/1A2971_1_0.eot');src: url('webfonts/1A2971_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/1A2971_1_0.woff') format('woff'),url('webfonts/1A2971_1_0.ttf') format('truetype');} @font-face {font-family: 'Humanist777BT-BoldB';src: url('webfonts/1A2971_2_0.eot');src: url('webfonts/1A2971_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/1A2971_2_0.woff') format('woff'),url('webfonts/1A2971_2_0.ttf') format('truetype');} @font-face {font-family: 'Humanist777BT-BoldItalicB';src: url('webfonts/1A2971_3_0.eot');src: url('webfonts/1A2971_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/1A2971_3_0.woff') format('woff'),url('webfonts/1A2971_3_0.ttf') format('truetype');} @font-face {font-family: 'Humanist777BT-LightB';src: url('webfonts/1A2971_4_0.eot');src: url('webfonts/1A2971_4_0.eot?#iefix') format('embedded-opentype'),url('webfonts/1A2971_4_0.woff') format('woff'),url('webfonts/1A2971_4_0.ttf') format('truetype');} /*@font-face {font-family: 'Humanist777BT-LightItalicB';src: url('webfonts/1A2971_5_0.eot');src: url('webfonts/1A2971_5_0.eot?#iefix') format('embedded-opentype'),url('webfonts/1A2971_5_0.woff') format('woff'),url('webfonts/1A2971_5_0.ttf') format('truetype');} /*@font-face {font-family: 'Humanist777BT-RomanCondensedB';src: url('webfonts/1DA9F2_0_0.eot');src: url('webfonts/1DA9F2_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/1DA9F2_0_0.woff') format('woff'),url('webfonts/1DA9F2_0_0.ttf') format('truetype');} @font-face {font-family: 'Humanist777BT-BoldCondensedB';src: url('webfonts/1DA9F2_1_0.eot');src: url('webfonts/1DA9F2_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/1DA9F2_1_0.woff') format('woff'),url('webfonts/1DA9F2_1_0.ttf') format('truetype');} */ #skip { display:none } body { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px; background: #1c528e url('../img/2014/background.jpg') no-repeat center top; } li, p, label { font-size:15px; line-height: 21px; color:#2c2b30; } h1, h2, h3, h4, h5, .event-title, .block-title, .beforefooter1-title { font-weight: 400; letter-spacing: 0.3px; } .front .block-title { color: #e20025; text-transform: uppercase; font-size:24px; } h1, .event-title { color: #e20025; text-transform: uppercase; font-size:24px; font-weight: 200; } h3 { color: #e20025; font-size:24px; } h4, .beforefooter1-title { color: #004694; font-size:24px; } b, strong { font-family: inherit; font-weight: bold; } i, em { } em strong, strong em { } #wrapper, aside div.content, footer ul { width:1020px; margin:0 auto;} .form-item, .form-actions { margin: 0px } th, th{border-width:0} ::-webkit-input-placeholder { color: #646464 } :-moz-placeholder { color: #646464 } .placeholder { color: #646464 } #wrapper {position: relative;} /* header */ header[role=banner] { position: relative; /*height:118px;*/ height:125px; margin:21px 0 0 0; background:white; } header[role=banner] .logo { padding:38px 0 0 42px; } header[role=banner] .logo h2{ display: none; } header[role=banner] .logo a { position:relative; z-index:230; } header[role=banner] .contextual-links-region { position:static } /* links */ a { text-decoration: underline; color: #646464 } a:hover { text-decoration: none; } a.all, .more-link a { color: #004694; display:inline-block; padding: 10px 20px 20px 0px; float: right;} .event-link { text-decoration: none; } /* MAIN MENU */ #menu-lev-1 {position: absolute; bottom:0; right:0; text-align: right; height:53px; width:980px} #menu-lev-1 ul {display: block; float: right; margin:0 20px 0 0; } #menu-lev-1 li { display: block; float: left; border-bottom:3px solid #e20025; margin-left:2px; height:50px; line-height:78px; position:relative } #menu-lev-1 li:hover { border:none; height:53px; } #menu-lev-1 li:hover li { height:auto; } #menu-lev-1 li a { padding:0 7px; width:142px; display: table-cell; text-align: center; color: #004694; vertical-align: middle; line-height:1.2em; text-transform:uppercase; text-decoration: none; height:50px; font-size:14px; } #menu-lev-1 li.expanded.active-trail { background:url('../img/active-menu-arrow.jpg') center bottom no-repeat; } #menu-lev-1 li.expanded.active-trail:hover { background:none; } #menu-lev-1 li .arrow-menu { display: none; } #menu-lev-1 li ul { display:none; background:#fff; position:absolute; left:0px; top: 53px; z-index:100; border-bottom:3px solid #e20025; min-width: 155px; } #menu-lev-1 li:hover ul { display:block; } #menu-lev-1 li li { border:none; padding:0px; height:auto; background:none; margin:0; width:100%; font-size:13px; } #menu-lev-1 li li a { height:auto; width:auto; text-align:left; padding:8px 15px; display:block; text-transform:none; border-top:1px solid #e5e5e5; } #menu-lev-1 li li a.active, #menu-lev-1 li li a.active-trail, #menu-lev-1 li li a:hover { color:white; background:#004694; } #menu-lev-1 li li:first-child a.active, #menu-lev-1 li li:first-child a.active-trail, #menu-lev-1 li li:first-child a:hover { border-color:#004694; } /* SECONDARY MENU */ #secondary-menu ul {text-align: right; position: absolute; top: 15px; right:300px;} #secondary-menu li {display: inline-block; zoom: 1; *display: inline; margin-left:10px } #secondary-menu a {color: #004694; font-size:13px; text-decoration: none;} #secondary-menu a.active-trail, #secondary-menu a:hover {text-decoration: underline;} /* main-menu-rightcol */ #menu-lev-2-4 a.active-trail { color: #e20025 } #menu-lev-2-4 ul { display: block; } #menu-lev-2-4 li { background-color: #e6e6e6; border-bottom:1px solid #c8c8c8; } #menu-lev-2-4 li.last { border-bottom:0 } #menu-lev-2-4 li.active-trail { background-color: #e1f1f7; } #menu-lev-2-4 li.active-trail ul { padding-bottom:20px } #menu-lev-2-4 li a { letter-spacing:1px; font-weight: 200; font-size:21px; display: block; text-transform: uppercase; padding: 20px 20px; color: #19319b; text-decoration: none; vertical-align: middle; } #menu-lev-2-4 li a:hover { color:white; background-color: #004694; } #menu-lev-2-4 li li { border:0; background-color:transparent; margin-left: 12px} #menu-lev-2-4 li li.active-trail ul { padding-bottom:0px } #menu-lev-2-4 li li a { letter-spacing:0; font-weight:400; color: #004694; font-size: 15px; text-transform: none;height: inherit;padding:5px 20px 5px 25px; background: transparent url(../img/arrow_blue2.png) no-repeat 10px 11px } #menu-lev-2-4 li li a.active-trail, #menu-lev-2-4 li li a.active, #menu-lev-2-4 li li a:hover { color: #e20025; background: #e1f1f7 url('../img/arrow_red2.png') no-repeat 10px 11px } #menu-lev-2-4 li li li { margin-left: 17px} #menu-lev-2-4 li li li a { color: #646464; background: transparent url(../img/arrow_grey.png) no-repeat 10px 11px; } #menu-lev-2-4 li li li a.active-trail, #menu-lev-2-4 li li li a:hover { background: transparent url('../img/arrow_red.png') no-repeat 10px 11px } /* LANG */ .language-switcher-locale-url { position: absolute; left:40px; top : 0; z-index:100; } .language-switcher-locale-url li { display: inline-block; zoom: 1; *display: inline; line-height: 30px;padding: 0 3px ; } .language-switcher-locale-url span, .language-switcher-locale-url a { color: #646464; font-size:12px; } .language-switcher-locale-url a.active { color: #004694; text-decoration: none; } .language-switcher-locale-url a.active:hover { text-decoration:underline; } /* main */ #main-wrapper { /*overflow:hidden*/ } #main-content { overflow: hidden; background:#0e325b; padding:20px; } .not-front #main-wrapper { background:white; } /* columns */ .col { float: left; position: relative; overflow: hidden; } .colright { width:222px; float:left } .colright h4, .colright h2 { padding:20px; font-size:24px; text-transform: uppercase; color:#e20025;} .col3 { margin-left:31px } .lcol { margin-right:30px; width:644px; } .rcol { width:306px; } .rcol .box{ font-size: 22px; } .pub, #main-content section, .rcol .box { /*margin-bottom:30px;*/ position:relative; } /* FRONT */ .front #main-content { } .front .block-title { text-transform: uppercase; } /*.front .lcol, .front .rcol { width:475px; background-color:transparent }*/ .front .colright.col3 section#event { background:#e1f1f7; padding:20px; } .front .colright.col3 section#event h2 { padding:0 0 20px 0; } /* Breadcrumb */ #breadcrumb { padding:8px 20px; font-size:13px; line-height: 20px; color: #e6e6e6; background:#fff; color:#004694; } #breadcrumb .icon-separator, #breadcrumb a { color:#fff; line-height: 20px } #breadcrumb a { color:#7b7c7e; text-decoration:none; } #breadcrumb a:hover { text-decoration:underline; } #breadcrumb .icon-separator { padding:0px 1px 0px 5px; color:#eb3d51; font-weight:bold; font-size:14px; } /* NEWS */ #news { background:#fff; position: relative; overflow: hidden; height: 560px; } #news .inner-section { padding:20px; } #news .articles { margin:10px 0px 20px 0px; } #news header { font-size:15px; color: #646464; } #news header a, #news time { display:inline-block; color: #004694; font-size:15px; } #news header > a { display:block; text-align:center; } #news img { margin-bottom:15px; height: auto; max-width: 100%; } #news .article-homepage-title { margin:15px 0px 10px 0px; width: 435px; } .page.content h2, #news .article-homepage-title a { color: #646464; font-size:25px; text-decoration: none; line-height:30px; } #news p a:hover, #news .article-homepage-title a:hover { color: #004694; } #news p a { color:#2c2b30; text-decoration:none; } #news-nav { position: absolute; bottom:0px; padding:20px 0px; } #news-nav li { display: inline-block; zoom: 1; *display: inline; text-align: center; } #news-nav li a{ display:block; width: 18px; height:17px; background: transparent url('../img/cycle-inactive.png') no-repeat left top; text-decoration: none; } #news-nav li.activeSlide a{ background-image: url('../img/cycle-active.png'); } #news-nav li a:hover { background-image: url('../img/cycle-hover.png'); } #news .more-link { position:absolute; bottom:0px; right:0px; z-index:10; } /* Facebook */ #facebook-feed { background: #ffffff; height:349px; padding:20px; } /* Search */ #wrapper header .block-search { width:261px; height:30px; top:15px; right:35px; position:absolute; z-index:40; } #wrapper header .block-search h2 { font-size: 20px; float:left; line-height:23px; } #search-block-form { background: none; padding:0 0 0 20px; text-align: right; position: relative; overflow:hidden; } #search-block-form div.form-item, #search-block-form div.form-actions {display: block; zoom: 1; padding-top:0px; float:left } #search-block-form label { color: #e20025;width: 100px; text-align:left; display: inline-block; zoom: 1; *display: inline; font-size:24px; text-transform : uppercase; line-height:30px;height:31px; vertical-align:middle; float:left } #search-block-form div.form-item input, #search-block-form div.form-actions input { border:0; height:23px; padding:4px 0px; font-size:14px; } #search-block-form div.form-actions input { background: url('../img/search.png') no-repeat center top; width:53px; cursor: pointer; margin-left:3px; height:23px; padding:0px; text-indent: -9999px; } #search-block-form div.form-actions input:hover { background-position: center bottom; } #search-block-form div.form-item input {background-color:#e1f1f7; width:185px; padding:0; } /* .i18n-fr #search-block-form div.form-item input { width:201px } .i18n-fr #search-block-form label { width:140px } */ /* Rightcol Search */ .colright #search-block-form { margin: 30px 0; background-color: #e6e6e6; padding-bottom:15px; } .colright #search-block-form label { float: none; font-size:24px; display: block;} .colright #search-block-form div.form-item input { background-color: white; } .colright #search-block-form #edit-search-block-form--2 { width: 176px; display: block; } .colright #search-block-form div.form-item, .colright #search-block-form div.form-actions {padding:15px 0px 0px 0px; float: none; } .colright #search-block-form div.form-actions {position: absolute; bottom:15px; right:20px; } /* agenda */ #agenda { background:#fff; overflow:hidden; padding:0px; } #agenda article { padding:0px 20px 20px 20px; } #agenda .block-title { padding:20px; font-size:24px; text-transform: uppercase; } #agenda article header {overflow: hidden;} #agenda article time {color: #004694;font-size: 23px; line-height: 23px } #agenda article time span span {font-size: 50px; margin-top:-2px; float:left; font-weight: bold; margin-right:5px; line-height:50px; } #agenda article h3 { margin-left: 65px; font-size:13px; } #agenda article h3 a { color: #646464; font-size:13px; text-decoration: underline; } #agenda article h3 a:hover { color: #646464; } #agenda article a {color: #2c2b30; line-height: 15px; text-decoration: none; } #agenda article a:hover { text-decoration: none; color: #004694; } #agenda-inscription { background: url('../img/bg_register_event.png') repeat-x top left; height:54px; display:block; color: white; font-size:21px; text-transform:uppercase; padding:21px 15px; vertical-align: middle; text-align:center; display: inline-block; zoom: 1; line-height:27px; width:192px; text-decoration:none; } #agenda-inscription:hover { text-decoration:underline; } /* pub */ .pub a { display: block; } .pub .contextual-links-trigger { display:none; } /* link push */ .box-link-push { background:#fff; } .box-link-push .block-title { padding:20px 0; margin:0 20px; background:url('../img/landing-menu-arrow.png') no-repeat 100% 50%; } .box-link-push .block-title span { display:block; color:#004694; font:32px/32px Humanist777BT-BoldB,Arial,sans-serif; } .box-link-push .content { padding:0; } .box-link-push .content p { margin:0; } .box-link-push .content a { display:block; } .box-link-push .content img { vertical-align:top; margin:0; padding:0; } .box-link-push a:after { display: block; content:""; position:absolute; top:0; right:0; width:100%; /*height:100%;*/ } /* main page back block */ .block-delta-backparent { margin:15px 0; } .block-delta-backparent > a { text-decoration:none; display:block; color:#fff; font-size:18px; padding:0 0 0 50px; height:42px; line-height:42px; background:#004595 url('../img/arrow-back-block.png') no-repeat 19px 50%; } .block-delta-backparent > a:hover { text-decoration:underline; } /* event related material video/gallery */ .block-delta-event_related_material { padding:0 20px; overflow:hidden; } .event_related_inner a { text-decoration:none; text-transform:uppercase; font-size:21px; display:block; float:left; position:relative; background:#fff; color:#004694; } .event_related_inner a:hover { color:#E20025; } .event_related_inner a:first-child { margin:0 10px 0 0; } .event_related_inner a img { vertical-align:top; } .event_related_inner a span { position:relative; display:block; margin:0 20px; padding:0 20px 0 0; height:56px; line-height:56px; } .event_related_inner a span i { position:absolute; right:0; top:50%; margin:-10px 0 0; display:block; width:10px; height:19px; background:url('../img/arrow-box-thin.png') no-repeat 0 0; } .event_related_inner a:hover span i { background-position:0 100%; } .event_related_inner a > i { position:absolute; top:0; left:0; width:100%; height:121px; opacity:0.7; } .event_related_inner a:hover > i { opacity:1; } .event_related_inner a.video > i { background:url('../img/icon-player.png') no-repeat 50% 8px; } /* share this */ #sharethis { margin:20px;padding-bottom:20px } #sharethis span:first-child { margin-left:0px} #sharethis span { color:#646464; font-size:10px; margin-left:30px; line-height:25px; float: left} #sharethis a { margin-left:10px; background-position: bottom left; background-repeat:no-repeat; float: left; width: 16px; height:16px; margin-top:4px; padding:0; } #sharethis a:hover { background-position: top left } #sharethis a span { display:none; } .st_xing_custom { background-image: url('../img/share_xing.png'); } .st_linkedin_custom { background-image: url('../img/share_link.png'); } .st_facebook_custom { background-image: url('../img/share_fb.png'); } .st_twitter_custom { background-image: url('../img/share_twitter.png'); } .st_viadeo_custom { background-image: url('../img/share_viadeo.png'); } .st_print { background-image: url('../img/share_print.png'); } .st_email_custom { background-image: url('../img/share_mail.png'); } /* downloads */ #main-content #downloads {background: #e1f1f7;padding-bottom:50px; position: relative; } #downloads ol { width: 222px;margin:0px auto 10px auto;} #downloads ol li {display:block;line-height: 255px;height: 255px; width:182px; background: #19319B; } #downloads ol a { display:block; width:182px;height: 255px; } #downloads ol img { position:absolute; } #downloads ol a:hover img { display:none; } #downloads ol a:hover p { display:block; } #downloads ol a p { color:white; text-align: center; position: absolute; line-height: 18px; display:none; padding:10px; } #slider-download-prev, #slider-download-next {position: absolute; top:170px; width:9px; height:17px ; background-repeat:no-repeat; background-position:0 0;} #slider-download-next {right:5px; background-image: url('../img/fl-next.png'); } #slider-download-prev {left:5px; background-image: url('../img/fl-prev.png'); } #slider-download-prev span , #slider-download-next span {display: none;} /* related downloads */ #related-downloads {background: #e1f1f7;padding-bottom:50px; position: relative; padding:20px; } #related-downloads .view-content { width: 600px; height: 147px; margin:20px auto 0px auto; overflow: hidden; } #related-downloads .view-content ul { margin-left:20px; } #related-downloads .view-content li { float:left; margin-left: 0; margin-right: 10px; width: 103px; height: 147px; line-height: 147px; background: #19319B; } #related-downloads .view-content a { display:block; width:103px;height: 147px; } #related-downloads img { position:absolute; } #related-downloads a:hover img { display:none; } #related-downloads a:hover p { display:block; } #related-downloads a p { color:white; text-align: center; position: absolute; line-height: 18px; display:none; padding:10px; width:83px;height: 127px;overflow: hidden; } /* jcarousel-skin-related-download */ .jcarousel-skin-related-download .jcarousel-clip-horizontal { margin:0px 20px; overflow:hidden; } .jcarousel-skin-related-download .jcarousel-prev-horizontal, .jcarousel-skin-related-download .jcarousel-next-horizontal { position: absolute; bottom: 10px; right: 5px; width: 9px; height: 17px; cursor: pointer; background: transparent url('../img/fl-next.png') no-repeat 0 0;} .jcarousel-skin-related-download .jcarousel-prev-horizontal { left: 5px; background-image:url('../img/fl-prev.png'); } /* VIDEO */ #main-content #video {background: #e1f1f7;padding-bottom:50px;} #video img, #video p { display: block; width:180px; margin: 0 auto;} #video p {margin-top: 10px; line-height:18px; } /* see-also */ #see-also { clear: both;} #see-also .title { margin: 0 0 10px 20px; text-transform: uppercase; font-size:24px;} #see-also .content { background-color: #E1F1F7; overflow: hidden; padding:0px 0px 20px 0px; } #see-also .box { display: block; float:left; position:relative; width:220px; margin-left:20px; min-height:180px; } #see-also .box .title {color: #004694; font-size: 24px; margin: 20px 0 30px 0; text-transform:none; } #see-also ul li {margin:10px 0; line-height:normal; } #see-also ul a:hover { color: #004694; text-decoration: underline; } #see-also .view-footer a {right: 20px; position: absolute; bottom:0; color: #004694; } #see-also .event { line-height:normal; } #see-also .event header {overflow: hidden;} #see-also .event time {color: #004694;font-size: 23px; } #see-also .event time span span {font-size: 50px; margin-top:-5px; float:left; font-weight: bold; margin-right:5px; } #see-also .event h3 { margin-left: 65px; font-size:13px; } #see-also .event h3 a { color: #646464; font-size:13px; text-decoration: underline; } #see-also .event h3 a:hover { color: #646464; } #see-also .event a {color: #2c2b30; line-height: 15px; text-decoration: none; } #see-also .event a:hover { text-decoration: none; color: #004694; } /* before footer */ #before-footer { margin:0 auto; width:980px; background:#fff; overflow: hidden; padding:0 20px; } #before-footer .content { padding:0; } #before-footer .col {float: left; width: 326px; margin:30px 0 0 0; } #before-footer h3, #before-footer h4, #before-footer .beforefooter1-title {color: #004694; margin-bottom:20px; text-transform: none; } #before-footer section { overflow:hidden; } #before-footer header {color: #646464; font-size:15px} #before-footer time, #before-footer > span, #before-footer > a{ font-family: inherit; font-size: 16px; } #before-footer .info span {color: #004694; } #before-footer label, #before-footer p { margin:0; line-height:18px; font-size:15px; } #before-footer p a.all { float:none; } #before-footer ol li {margin-bottom:25px; } #before-footer h5 {margin:5px 0; } #before-footer h5 a {color: #646464; font-size:15px; line-height:1.3em; } #before-footer h5 a:hover {color: #004694; text-decoration: underline;} #before-footer a.all {padding-right:0px;} #before-footer a.all:hover {color: #004694; text-decoration: none;} #before-footer .social { margin:0px } #before-footer .social li {display: inline-block; zoom: 1; *display: inline; margin:0 2px 0 0; background:none; padding:0px; } #before-footer .social a { width:39px; height:38px; overflow: hidden; display:block;text-indent:-9999px; } #before-footer .social a:hover { background-position:bottom left } #social-facebook { background-image: url("../img/icon_facebook.png"); } #social-linkedin { background-image: url("../img/icon_linkedin.png"); } #social-twitter { background-image: url("../img/icon_twitter.png"); } #social-flickr { background-image: url("../img/icon_flickr.png"); } #social-xing { background-image: url("../img/icon_xing.png"); } #social-viadeo { background-image: url("../img/icon_viadeo.png"); } #social-rss { background-image: url("../img/icon_rss.png"); } #social-gplus { background-image: url("../img/icon_googleplus.png"); } #social-pinterest { background-image: url("../img/icon_pinterest.png"); } #social-vimeo { background-image: url("../img/icon_vimeo.png"); } #social-youtube { background-image: url("../img/icon_youtube.png"); } #before-footer form { margin-bottom:5px; overflow:hidden; } #before-footer input { height:14px; width:174px; font-size:13px; padding:8px; border:0px; float:left; } #before-footer .form-submit { height:30px; background-color: #004694; width:100px; color: white; font-size:13px; padding-top:6px; } #before-footer .form-submit:hover { text-decoration: none; background-color:#646464; cursor:pointer; } /* footer */ #footer { background: #cbe6fb; padding:40px 0 20px 0; } #footer li { display: inline; padding-right:20px; } #footer a { color: #004694; text-decoration: none; } #footer a:hover { text-decoration: underline; } /* footer menu */ #bottom-menu { text-align:right; } #bottom-menu ul { margin:0; } #bottom-menu li { display: inline; padding-right:20px; background:none; } #bottom-menu li.last { padding-right:0px; } #bottom-menu a { color: #004694; text-decoration: none; } #bottom-menu a:hover { text-decoration: underline; } /* content */ #menu-lev-5 { padding:20px 20px 0px 20px; background-color:#e1f1f7; overflow:hidden; } #menu-lev-5 h2 { font-size: 31px; color:#e20025; line-height: 43px; text-transform:none } #menu-lev-5 h3 { font-size: 20px; color:#646464; line-height: 21px; } #menu-lev-5 ul { border-top: 1px solid #c8c8c8; margin-top:20px; padding-top:20px; overflow:hidden; } #menu-lev-5 li { padding-left:12px; float: left; width:278px; padding-bottom:15px; background: url("../img/arrow_grey.png") no-repeat left 4px; } #menu-lev-5 li:hover, #menu-lev-5 li.active-trail { background-image: url("../img/arrow_red.png"); } #menu-lev-5 a { font-size:15px; text-decoration:none; color:#646464; } #menu-lev-5 a.active-trail, #menu-lev-5 a:hover { color:#e20025; } #menu-lev-bottom { padding:20px 20px 0px 20px; background-color:#e1f1f7; overflow:hidden; } #menu-lev-bottom a { font-size:15px; text-decoration:none; color:#004694; } #menu-lev-bottom li { padding-left:12px; float: left; width:288px; padding-bottom:15px; background: url("../img/arrow_blue.png") no-repeat left 4px; } #menu-lev-bottom li:hover { text-decoration: underline; } #menu-lev-bottom-first-level { padding:20px 20px 0px 20px; background-color:#e1f1f7; overflow:hidden; } #menu-lev-bottom-first-level a { font-size:15px; text-decoration:none; color:#004694; } #menu-lev-bottom-first-level li { padding-left:12px; float: left; width:288px; padding-bottom:15px; background: url("../img/arrow_blue.png") no-repeat left 4px; } #menu-lev-bottom-first-level li:hover { text-decoration: underline; } .content { padding:20px; } .content p { margin:20px 0; } .content p:first-child { margin-top:0px; } .content img { padding-top:5px; } .content .content-wrapper { overflow:hidden; border-bottom:1px solid #BEC2C3; } .content .block-system { overflow: hidden; } .content ol, .content ul { margin:20px 0;} .content li { line-height: 21px; font-size:15px; padding-left:15px; background: url("../img/arrow_blue2.png") no-repeat left 6px;} .node-content h2 { margin-top:20px; margin-bottom:10px; } .content .shadow { -moz-box-shadow: 3px 3px 8px 0px #666666;-webkit-box-shadow: 3px 3px 8px 0px #666666;-o-box-shadow: 3px 3px 8px 0px #666666;box-shadow: 3px 3px 8px 0px #666666; padding:0px; } .content .collapse { line-height:28px; background: url("../img/arrow_blue2.png") no-repeat scroll left 10px transparent; cursor: pointer; padding-left: 10px; color:#004694; } .content .info { line-height:21px; color: #646464; } .content .info li { padding-left:0px; background:none; } .view-content ul, .view-content ol { margin: 0px; } .view-content li { padding: 0px; background:none; } .pager { text-align:center; } .pager .pager-first a, .pager .pager-previous a, .pager .pager-next a, .pager .pager-last a { font-size:15px; text-decoration: none; } .content .pager { margin:0 0 12px; } .content .pager li { margin:0; position:relative; height: 0 !important; left:0 !important; } .content .pager .ajax-progress { position:absolute; left:100%; top:6px; margin:0 0 0 -8px; } article.content a {color: #004694;} .node-article h1 { display: none; } /* files */ .block-field-block { /*background: #E1F1F7;*/ overflow: hidden; padding: 20px; width:604px; } .block-field-block .block-title { padding-bottom:10px; color:#ea001b; text-transform:uppercase; font-size:14px; } .block-field-block .content { padding:0; } .block-field-block .file { display:block; padding:5px 0px; } .block-field-block .file a { text-decoration:none; color:#004595; } .block-field-block .file a:hover { color:#ea001b; text-decoration:underline; } /* html 5 jplayer media player */ .jp-controls li { padding:0px; background:none; } div.jp-interface { border:0px } div.jp-video { width:480px; border:0px; } div.jp-playlist { display:none; } div.jp-video div.jp-jplayer { border:0px; } div.jp-video div.jp-video-play { width:480px; top:-320px; } div.jp-video div.jp-type-playlist a.jp-pause, div.jp-video div.jp-type-playlist a.jp-play { left:210px; } div.jp-video div.jp-type-playlist a.jp-stop { left:258px; } div.jp-video div.jp-type-playlist a.jp-mute, div.jp-video div.jp-type-playlist a.jp-unmute { left: 390px; } div.jp-video div.jp-type-playlist div.jp-volume-bar { left: 413px; } .file-video-x-flv { width:480px; margin:0px auto; } /* Landing Page */ .content > header { border-bottom: 1px solid #C9CACC; padding:0 0 20px 0; margin-bottom:20px;} /*.content>header h2 { font-size: 31px; text-transform: none; }*/ .content > header h1 { font-size: 31px; text-transform: none; text-transform:uppercase; margin:10px 0 0 0; } .content > header h3 { font-size: 18px; color: #646464; text-transform: none; margin-top:10px; line-height:24px; } .page-lev5 > header { border-bottom:none; padding:0px } .page-views > header { margin:0px; padding:0px; border:none } #main-content .page-search .page > header { margin:0px; padding:0px; border:none; } #main-content .page-search h2 { margin-top:20px; } /* main-menu-landing page */ #menu-landing-page { overflow:hidden } #menu-landing-page h2 {text-transform: none; } #menu-landing-page li { background-color:#fff; background-position: 50% 0; background-repeat:no-repeat; background-size: 100% auto; display: block; width:300px; height:228px; float:left; position: relative; margin:0 20px 24px 0; padding:0; } #menu-landing-page li.even {/*margin-right:0px*/} #menu-landing-page li.no-margin { margin-right:0px; } #menu-landing-page li a { display: block; height:94px; text-decoration:none; /*padding:134px 0 0 0;*/ } #menu-landing-page li a .landing-title, #menu-landing-page .element-title { display: inline-block;/* height:91px;*/ background: white url('../img/landing-menu-arrow.jpg') 96% center no-repeat; width:230px; color: #004694; font:20px/20px Humanist777BT-BoldCondensedB, Arial, sans-serif; padding:0 50px 0 20px; text-decoration: none; text-transform: uppercase; vertical-align:middle; border-bottom:3px solid white; } #menu-landing-page li a span { width:414px } #menu-landing-page li a:hover .landing-title, #menu-landing-page li a:hover .element-title { color:#e20025; border-bottom:3px solid #e20025; background-image:url('../img/landing-menu-arrow-red.jpg'); } #menu-landing-page li.big { height:480px; } #menu-landing-page li.big a { height:216px; padding-top:125px; /*margin:0;*/ } #menu-landing-page li.big a .landing-title { height:213px; border-bottom:3px solid white; } #menu-landing-page li.big a:hover .landing-title { border-color:#e20025; } #menu-landing-page li a{ overflow: hidden; margin:140px 0 0; } #menu-landing-page li a:after{ content:' '; display: block; width:100%; height:100%; position:absolute; top:0; left:0; } #menu-landing-page li a .landing-title{ height: 90%; display:block; } #menu-landing-page li a .landing-title:before { content:' '; display:inline-block; height:100%; vertical-align: middle; } #menu-landing-page li a .landing-title span{ width: auto; display:inline-block; vertical-align: middle; } /* Tag */ .info a, .info time, .info span span { color: #004694} /* Node details */ .content .summary { margin:20px 0; color: #646464 } .content .summary p { color: #646464; } .content .node-content p { margin:20px 0; font-size:13px} /* Event */ .node-event .info { font-size:20px; overflow:hidden; padding:0 0 20px; } .node-event .dates { padding:0 0 0 26px; display:inline; background: url("../img/icon-calendar-medium.png") no-repeat 0 0; } .node-event .date-range { display:inline; } .node-event .date-display-single { display:inline; } .node-event .date-display-single .date-range { display:inline; } .node-event .info a, .node-event .info time, .node-event .info span span { color:#7b7c7e; } .node-event .field-organised { /*float:right;*/ margin-top:5px; } .node-event .header-picture { position:relative; clear:both; } .node-event .field-register { position:absolute; top:10px; right:10px; height:123px; padding: 10px; background: url("../img/pixel-white-80.png") repeat 0 0; } .node-event .field-register p{ color:#646464; } .node-event .field-register a { margin:33px 10px 0; padding:0 18px 0 58px; font-size:26px; display:block;height:58px; line-height:58px; background:#004595 url("../img/icon-calendar-big-white.png") no-repeat 19px 50%; color:#fff; } .node-event img { padding:0; vertical-align:top; } .node-event address { margin-top:10px; } .node-event address p { color:#646464; line-height: 1.3em; margin:0px; font-size:14px } .node-event .btn-type1 { margin-top: 9px; background-color: #004694; color:white; height:30px; line-height:30px; padding:0px 30px; text-decoration: none; display: inline-block; zoom: 1; text-align: center; font-size:15px; } .node-event .btn-type1:hover {background-color: #646464; } .node-event .panel { line-height: 21px; font-size:15px; padding-left:15px; background: url("../img/arrow_blue2.png") no-repeat left 6px;} .node-event #event-partners-logos { background:#fff; overflow:hidden; clear:both; padding:0 4px; } .node-event #event-partners-logos-label { margin:10px 0 0 10px; color:#646464; } .node-event #event-partners-logos ul { padding:0; margin:0; } .node-event #event-partners-logos ul li { margin:0; padding:0; float:left; background:none; } .node-event #event-partners-logos ul li img { margin:5px 10px 0 10px; display:block; } .node-event .summary p { font-size:14px; } .node-event .node-content p { color:#7b7c7e; font-size:14px; } .node-event .event-address { display: none; } /* items lists */ .content .article-item { background: none } .article-item article { margin:20px 0; padding-bottom:20px; border-bottom:1px solid #c7c7c7; } .article-item img { float: left; padding-top:0px } .article-item header { margin-left: 250px; min-height:95px } .article-item header .info { line-height:1.3em; color: #646464} .article-item header h2 { text-transform: none; font-size:24px; padding-bottom:20px; line-height: 25px;} .article-item header h2 a { text-decoration:none; color: #646464; } .article-item header h2 a:hover { color: #004694; } .article-item header .date-range { display:block } .article-item header .date-display-single, .article-item header .date-range span { color: #004694; } .article-item header .info ol { padding-top: 5px } .article-item header img {float: left; margin:0; padding:0} .items h3 { padding-top:20px; margin-bottom:20px; border-top:1px solid #c7c7c7; } .items h4 { text-transform: none; margin:10px 0 0 0; color: #004694; font-size:24px } .items a { text-decoration: none; color: #004694 } .items a:hover h3 { color: #e20025 } .items a:hover { text-decoration: none; } .items ol li { display: inline-block; *display:inline; zoom:1; width:182px; margin-right:15px; margin-bottom:20px; } .search-results .default-item header { margin-left:0px; min-height:0px } .search-results .default-item header h2 { padding-bottom:20px } .search-results .search-snippet-info { padding:20px 0px 0px 0px } .search-results a .content { padding:0px 0px 20px 0px } .search-results a .file { float:left } .view-links .article-item header { margin-left:0px; min-height:0px } .view-links .article-item p { margin:0px } .view-publications-pages ol li { display: inline-block; *display:inline; zoom:1; width:182px; margin-right:15px; margin-bottom:20px; vertical-align:top; background:none; padding:0px } .view-publications-pages h3 { padding-top:20px; margin-bottom:20px; border-top:1px solid #c7c7c7; } .view-publications-pages h4 { text-transform: none; margin:0px; color: #004694; font-size:18px; padding-top:10px} .view-publications-pages ol img { padding-top:0px;} .view-publications-pages ol a { display:block; text-decoration:none } .view-publications-pages .publication-content { width:182px; height:255px;overflow:hidden; background-color: #004694;-moz-box-shadow: 3px 3px 8px 0px #666666;-webkit-box-shadow: 3px 3px 8px 0px #666666;-o-box-shadow: 3px 3px 8px 0px #666666;box-shadow: 3px 3px 8px 0px #666666; } .view-publications-pages .publication-content div {display:none; overflow:hidden; padding:10px; } .view-publications-pages .publication-content li, .view-publications-pages .publication-content p { color:white; text-align: left; font-size:12px; line-height: 16px; width:95%;} .view-publications-pages .publication-content li { margin:0px; display:block; background: url("../img/arrow_white.png") no-repeat 0px 2px; padding-left:15px} .view-publications-pages ol a:hover img { display:none } .view-publications-pages ol a:hover .publication-content div { display:block } /* field collection files */ .view-publications-pages li .langfiles { margin:10px 0 0 0; } .view-publications-pages li .langfiles li { width:auto; margin:0; } .view-publications-pages li .langfiles li a { width:25px; height:25px; margin:0; font-size:12px; text-align:center; padding-top:5px; background:#e1f1f7; } .view-publications-pages li .langfiles li a:hover { border-bottom:2px solid #e20025; } /* newsletter-preview */ .newsletter-preview img {display: block; padding:0; margin:0; border:1px solid #ccc} .items a:hover .newsletter-preview img {border-color: #e20025} .content-newsletter a.more {color: #004694; text-decoration: none; text-transform: uppercase; font-size:18px; font-weight: normal; border-top:1px solid #c7c7c7; display: block; padding-top:20px;} .content-newsletter a.more:hover {text-decoration: underline; } /* Columns */ div.with-columns-2 { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px;} .with-columns { overflow: hidden; } .with-columns .column { width: 460px; float: left;} .with-columns .column:first-child { margin-right:20px } .with-columns .continued { padding-top:0px; margin-top:0px } /* sitemap */ #sitemap-secondary ul, #sitemap ul { display: block; margin:0px 0px 10px 0px } #sitemap li, #sitemap-secondary li { background:none; padding:0px } #sitemap-secondary li a, #sitemap li a { font-size:21px; display: block; padding: 20px 0px; color: #004694; text-decoration: none; vertical-align: middle; } #sitemap-secondary li a:hover, #sitemap li a:hover { color:#e20025; } #sitemap-secondary li li, #sitemap li li { margin-left: 12px} #sitemap-secondary li li a, #sitemap li li a { color: #004694; font-size: 15px; text-transform: none;height: inherit;padding:5px 20px 5px 25px; background: transparent url(../img/arrow_blue2.png) no-repeat 10px 10px } #sitemap-secondary li li a:hover, #sitemap li li a:hover { background: transparent url(../img/arrow_red2.png) no-repeat 10px 8px } #sitemap-secondary li li li, #sitemap li li li { margin-left: 17px} #sitemap-secondary li li li a, #sitemap li li li a { color: #464646; background: transparent url(../img/arrow_grey.png) no-repeat 10px 8px; } #sitemap-secondary li li li a:hover, #sitemap li li li a:hover { background: transparent url(../img/arrow_red.png) no-repeat 10px 8px } /* Formulaires */ .page form div.form-element { margin:10px 0; height:30px; } .page form div.form-element label{ float:left; width:150px; line-height:30px;padding-right: 10px} .page form div.button, .page form div.cb {padding-left:150px; overflow: hidden; margin-bottom:10px} .page form div.cb label {width: inherit; padding-left:20px;} .page form div.button {margin-top:10px;} .page form {background: #e6e6e6; margin-top:20px; padding:20px; } .page form textarea { border:0px; padding: 4px 2px 4px 15px; font-size:14px } .page form input { padding: 4px 2px 4px 15px; border:0px; height:23px; font-size:14px} .page form .error { padding:2px 0px 2px 13px; border-color:#E20025; color:#E20025 } .page form .form-item { margin:0 10px 0 0; overflow:hidden; clear:both } .page form .form-item .form-item { float:none; clear:none } .page form .form-submit { padding: 0px 40px } .page form .captcha img { margin-left:160px; border:5px solid white; border-width: 5px 43px 5px 44px; padding-top:0px } .page form .description { padding-top:5px; margin-left:150px; clear: both } form .form-checkboxes .form-type-checkbox, form .form-radios .form-type-radio { float:left; padding-right:20px; margin-top:0px } form .form-type-checkbox .form-checkbox, form .form-type-radio .form-radio { width:20px } form label.option { float:none;width:auto; } .page form legend {font-weight:bold; font-size:110%} .views-exposed-form label, .views-exposed-form .description { display:none } .views-exposed-form .container-inline-date .form-item input { margin-right:0px } .views-exposed-form .container-inline-date .form-type-date-popup { margin-right:0px } .views-exposed-form #edit-date-value-datepicker-popup-0 {background: white url(../img/calendar_03.png) no-repeat 98% 5px; width:148px} .page #search-form fieldset { margin-top:20px; } .page #search-form label { padding:15px 0px 5px 0px } .page #search-form #edit-basic label { display:none } .page #search-form fieldset .form-text { width:200px } .page #search-form legend { margin:20px 0px } .page #search-form .search-advanced .form-item { margin:0px; height:auto } .page #search-form .search-advanced .form-submit { margin:20px 0px 0px 0px; width:217px } .page #search-form .search-advanced .form-type-checkbox { float:none } .page #search-form .search-advanced .form-type-checkbox label { line-height:30px } .marker, .form-required { color:#E20025 } /* Forms - Buttons */ .page form .form-submit { line-height:inherit; background: #0a4f9a; color: white !important; text-align:center; font-size:15px; height:30px; line-height:30px; text-decoration: none; display: inline-block; *display:inline; zoom:1; width:99px; padding:0px } .page form .form-submit:hover { color: white !important; background: #646464; } .page form input.form-submit { border:0; cursor: pointer } /* Forms - Selectboxes */ .selectBox-dropdown { cursor: pointer; left: 0; list-style: none outside none; position: absolute; top: 0; border: 0; height:30px; display: inline-block; padding:0; width: 135px;border-bottom:none; background: white url(../img/custom_select.png) no-repeat right top; } .selectBox-dropdown.selectBox-menuShowing, .selectBox-dropdown:hover { background-image: url(../img/custom_select_h.png); cursor:pointer } .selectBox { text-decoration:none; position:relative } .selectBox-label { overflow: hidden;line-height: 30px; text-decoration:none; color:#646464; padding-left:5px } .selectBox-options { background: #e6e6e6; position:absolute; width:auto; z-index:50; overflow: auto; max-height: 186px;} .selectBox-options li { background:none; padding:0; font-size:15px; line-height:21px; } .selectBox-options a { color:#646464 !important; text-decoration:none; line-height: 30px; border-bottom:1px solid #ccc; padding:0px 5px; display:block } .selectBox-options .selectBox-selected a, .selectBox-options .selectBox-hover a { color: #e20025 !important; cursor:pointer; background-color:#fff; } .selectBox.selectBox-inline { height:auto !important; } .selectBox.selectBox-inline .selectBox-options { position:relative; max-height: 124px; } /* Forms - rewrites drupal defaults */ .views-exposed-widgets { margin:0px } .views-exposed-form .views-exposed-widget { padding: 0px } .views-exposed-form .views-exposed-widget .form-submit { margin:0px } .container-inline-date { margin-right:0px } /* Forms - webforms */ .page .webform-client-form { background-color:#E1F1F7 } .page .webform-client-form label { float:left; width:150px; line-height:30px } .page .webform-client-form .form-type-salesforce .form-item label.option { width:270px; } .page .webform-client-form input { width:250px; display:inline-block; } .page .webform-client-form select { width:267px; display:inline-block; border:0; } .page .webform-client-form .selectBox-options, .page .webform-client-form .selectBox-dropdown { width:267px; display:inline-block; margin:0; padding:0; } .page .webform-client-form .form-item { margin: 10px 0px;min-height:15px } .page .webform-client-form .resizable-textarea { width:267px; display:inline-block } .page .webform-client-form .form-submit { margin-left:150px; width:auto; padding:0px 30px } .page .form-webform-inline .webform-client-form label {float: inherit; width:inherit;} .page .form-webform-inline .webform-client-form label em {font-size:12px; color: #646464} .page .form-webform-inline .form-checkboxes .form-type-checkbox, .page .form-webform-inline .form-radios .form-type-radio {float: none; margin-left:20px;margin-bottom:0;} #webform-component-awareness--hear-about-other label {display: inline-block; margin-right:5px;} #webform-component-awareness--hear-about-other input {display: inline-block;} #edit-submitted-website-if-so-what-is-your-opinion-5-excellent-1-poor .form-item { display: inline-block;} /* Prettycheckbox */ label.checkbox span.holder { height: 36px; background: url(../img/checkbox.gif) 0 0 no-repeat;} label.radio span.holder { height: 36px; background: url(../img/radio_button.gif) 0 0 no-repeat;} label.checkbox:hover span.holder,label.radio:hover span.holder { top: -12px !important;} label.checked span.holder,label.checked span.holder,label.checked:hover span.holder,label.checked:hover span.holder { top: -24px !important;} label.list { float: left; clear: left; margin: 0 0 0 0} label.inline { float: left; margin: 0 10px 0 0 } input.hiddenCheckbox { position: absolute; left: -10000px} label.prettyCheckbox span.holderWrap { display: block; float: left; position: relative; margin-right: 5px; margin-top:9px; overflow: hidden} label.prettyCheckbox span.holder { display: block; position: absolute; top: 0; left: 0} /* event registration */ #webform-component-panels, #webform-component-snid, #webform-component-event-id { display:none } #edit-submitted-transports .form-item { float:none; padding-left:150px } #edit-submitted-transports .form-item:first-child { padding-left:0px } #webform-component-salesforce .form-type-radio, #webform-component-salesforce .webform-component-checkbox { float:none; padding-left:150px } /* Google Map */ #map {clear: both;} #map { width: 564px; height: 400px; margin: 0px auto;} .view-display-id-map { background-color:#E6E6E6; padding-bottom:20px } .lff-marker-event { background: transparent url(../img/gmap-event-l.png) no-repeat left top; width:31px; height:47px;} .lff-marker-event a { display: block; color: white !important; font-size:10px; padding:4px 0 0 2px; text-decoration: none; } .lff-marker-event a:hover { text-decoration: none; color: white; } .lff-marker-event-big { background: transparent url(../img/gmap-event-big.png) no-repeat right top; width:180px; height:176px; z-index:1000} .lff-marker-event-big a:hover { text-decoration:underline } .lff-marker-event div.l{ display: block; height:31px} .lff-marker-event div.b{ display: none;} .lff-marker-event div.l, .lff-marker-event div.b{ cursor: pointer;} .lff-marker-event-big div.l{ display: none;} .lff-marker-event-big div.b{ display: block; padding:5px; height:135px} .lff-marker-event-big div.b {color: white; font-size:12px} .lff-marker-event-big div.b a { font-size:14px; text-decoration:underline } .lff-marker-event-big div.b a:hover { text-decoration:none } /* Drupal */ .content .tabs { position:absolute; top:-20px } .content .tabs li { float:left; background:none; padding:0px } .content .tabs a { color:white; text-decoration: none; display:block; line-height: 15px; padding: 0px 5px; margin-right:3px;background-color: #646464; overflow:hidden; position:relative; font-size:11px } .content .tabs a:hover { text-decoration:none; color:#646464; background-color: white; } .contextual-links li { background: none } div.messages ul { margin:0px } div.messages ul li { background:none; passing:0px; } /* Facebook wall */ .block-facebook-wall { background:white; padding:20px; } .block-facebook-wall h2 { margin:0 0 20px 0; } .block-facebook-wall .fb-wall { padding:0; } /* SOLR addons */ /* Contain floats: h5bp.com/q */ .apachesolr-browse-blocks .block-facetapi:before, .apachesolr-browse-blocks .block-facetapi:after { content: ""; display: table; } .apachesolr-browse-blocks .block-facetapi:after { clear: both; } .apachesolr-browse-blocks .block-facetapi { *zoom: 1; } .block-facetapi .item-list ul li {padding-left:15px} .block-facetapi { margin: 10px 0} .block-facetapi .facetapi-limit-link {color: #646464} /* hidden by default and displayed when entering */ #search-block-form input.form-autocomplete {background-position: 100% -40px;} #search-block-form input.throbbing {background-position: 100% -12px;} .spelling-suggestions { margin: 0 0 20px 0; } .field-collection-container, .field-collection-view { border-bottom: 0; margin: 0; padding: 0; } .entity-field-collection-item { border-bottom: 1px solid #C7C7C7; margin: 20px 0; padding-bottom: 20px; } .newsletter-download { background: transparent url(../img/newsletter/pdf-icon.png) no-repeat left top; padding-left:50px;} .newsletter-download a {display: inline-block; margin-right: 10px; line-height:32px;} /*.entity-field-collection-item header { display: inline-block; margin:0; min-height: 0;}*/ /** * Webform & Salesforce */ div.webform-component-salesforce .form-type-salesforce div.webform-component-checkbox, div.webform-component-salesforce .form-type-salesforce div.webform-component-radio, div.webform-component-salesforce .form-type-salesforce div.webform-component-textfield { margin:0 0 0 150px; } div.webform-component-salesforce .form-type-salesforce div.webform-component-textfield div.form-type-textfield { margin-top:0; } .form-type-salesforce div.webform-component-checkbox div.form-type-checkbox, div.webform-component-salesforce .form-type-salesforce div.webform-component-radio div.form-type-radio { margin:0; } div.webform-component-salesforce .form-type-salesforce .webform-component-group label { font-weight:bold; width:100%; } div.webform-component-salesforce .form-type-salesforce div.webform-component-group { margin:20px 0 5px 0; } .page div.webform-component-salesforce .form-type-radio { float:none; } .page form.webform-client-form div.webform-component-salesforce { margin:10px 0 20px 0; } /** * Social buttons */ #social-buttons { background:#0e325b; height:330px; width:48px; position:fixed; top:15%; right:0; } #social-buttons li a { display:block; width: 48px; height:46px; background:url('../img/social-buttons.jpg') no-repeat; font-size:0; line-height:0; text-indent:-999px; } #social-buttons li.facebook a { background-position:left top; } #social-buttons li.facebook a:hover { background-position:left bottom; } #social-buttons li.linkedin a { background-position:-48px top; } #social-buttons li.linkedin a:hover { background-position:-48px bottom; } #social-buttons li.twitter a { background-position:-96px top; } #social-buttons li.twitter a:hover { background-position:-96px bottom; } #social-buttons li.gplus a { background-position:-144px top; } #social-buttons li.gplus a:hover { background-position:-144px bottom; } #social-buttons li.pinterest a { background-position:-192px top; } #social-buttons li.pinterest a:hover { background-position:-192px bottom; } #social-buttons li.vimeo a { background-position:-240px top; } #social-buttons li.vimeo a:hover { background-position:-240px bottom; } #social-buttons li.rss a { background-position:-288px top; } #social-buttons li.rss a:hover { background-position:-288px bottom; } /* LFF 2k14 */ .not-front #main-wrapper { background:#eff2f4; } article.content.landing-page { width:940px; } .front .rcol div { clear:both; } .front .rcol a.hp-block { box-sizing:border-box; overflow:hidden; display:block; width:100%; height:168px; float:left; background:#fff; margin:0; border:7px solid #eef2f4; text-decoration:none; position:relative; } .front .rcol a.hp-block.margin-right { margin-right:3.5%; } .front .rcol a.hp-block:after { content:' '; display:inline-block; vertical-align:middle; height:75px; } .front .rcol a.hp-block:hover:before { content:' '; display:block; background:#e20025; position:absolute; left:0; bottom:0; width:100%; height:3px; } .front .rcol a.hp-block .hp-block-label { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; display:inline-block; vertical-align:middle; width:100%; box-sizing:border-box; font-size:20px; color:#004694; text-transform:uppercase; padding:0 0 0 12px; } .front .rcol a.hp-block:hover .hp-block-label { color:#e20025; } .front .rcol a.hp-block .hp-block-label:after { content:' '; display:block; position:absolute; bottom:13px; right:10px; width:27px; height:50px; } .front .rcol a.hp-block > img { height: auto !important; min-width:100%; } .front .rcol .bloc-front-content1{ display: table; width: 100%; margin-top:5%; height: 40%; background:url('../img/landing-menu-arrow.png') no-repeat right 2px center; } .front .rcol a:hover .bloc-front-content1 { background-image: url('../img/landing-menu-arrow-red.jpg'); } .front .rcol .bloc-front-internal1{ display: table-cell; width: 50%; vertical-align: middle; } .front .rcol .bloc-front-internal2{ display: table-cell; width: 50%; vertical-align: middle; } /*.front .rcol .bloc-front-internal2 img{ float:right; }*/ /*.front .rcol .bloc-front-internal2:hover { background: url('../img/landing-menu-arrow-red.jpg') no-repeat 0 0; }*/ .front #agenda { position:relative; padding:0 0 10px 0; } .front #agenda .more-link { position:absolute; top:16px; right:0px; } .front #agenda .date-display-single { font:20px/20px Humanist777BT-BoldCondensedB, Arial, sans-serif; color:#004694; width:150px; display:block; float:left; } .front #agenda .field-content { color:#646464; padding:0; display:block; float:left; font-size:15px; width:265px; line-height:20px; } .front #agenda li article { border-bottom:1px solid #d9dcde; margin:0 20px; padding:5px 0; } .front #agenda li article a { width:100%; display:block; overflow:hidden; padding-bottom:5px; background:url('../img/event-arrow.png') right center no-repeat; } .front #agenda li article a:hover span { color:#e20025; } .front #agenda li article a:hover { background:url('../img/event-arrow-red.png') right center no-repeat; } .front #agenda li.views-row-last article { border:none; } .page-events .page-views > header { border-bottom:1px solid #9BA3BA; padding-bottom:20px; } .view-events .article-item article { border:0; background:#fff; padding:0; } .view-events .article-item header { margin:0; min-height:0; padding:15px 18px 15px; } .view-events .article-item header h2 { text-transform:uppercase; font-size:25px; padding-bottom:10px; } .view-events .article-item header h2 a { color:#004595; } .view-events .article-item header .info { color:#7b7c7e; font-size:14px; } .view-events .article-item header .info div.field-content { display:inline; } .view-events .article-item article.event a img { float:none; vertical-align:top; } /*.view-events .article-item article.event > a { display:block; text-align:center; } */ .view-events .article-item header .date-range { display:inline; } .view-events .article-item header .date-range, .view-events .article-item header .date-display-single { background:url('../img/icon-calendar.png') no-repeat 0 0; padding:0 0 0 19px; } .view-events .article-item header .date-display-single, .view-events .article-item header .date-range, .view-events .article-item header .date-range span { color:#7b7c7e; } .view-events .article-item header .field-organised { float:right; } .view-events .article-item .excerpt { margin:0 18px; position:relative; padding-bottom:20px; } .view-events .article-item .excerpt p { padding:20px 50px 0 0; margin:0; color:#7b7c7e; font-size:14px; } .view-events .article-item .excerpt .more { position:absolute; top:50%; right:0; margin:-25px 0 0; } .view-events .article-item .excerpt .more a { display:block; overflow:hidden; text-indent:-999px; width:27px; height:50px; background:url('../img/article-arrow.png') no-repeat 0 0; } .view-events .article-item .excerpt .more a:hover { background-position:0 100%; } .view-events .article-item article.event div.info > div.item-list, .view-events .article-item article.event div.info > div.item-list > ol, .view-events .article-item article.event div.info > div.item-list > ol > li { display:inline; } .view-pictures-gallery-list { border-top:1px solid #c7c7c7; padding:12px 0 0; } .colright div.h4 { padding:20px; font-size:24px; text-transform: uppercase; color:#e20025; } .front #main-content #video { clear:both; padding:20px; background:#eff2f4; position:relative; } .front #main-content #video .view-content a { display:block; width:435px; height:273px; background:url('../img/illu-video.jpg') no-repeat; text-indent:-9999px; font-size:0; line-height:0; margin:10px 0; } .front #main-content #video .view-content a img { display:none; } .front #main-content #video p, .front #main-content #video img { width:auto; } .front #main-content #video img { margin:20px auto; } .front #main-content #video a.all { padding:10px 0px 0px 0px; background:none; display:inline; width:auto; height:auto; position:absolute; top:17px; right:20px; } #menu-lev-1 > ul > li > a:hover { cursor:default; } .view-pictures-gallery .pager { padding-top:10px; } .view-pictures-gallery .view-content { overflow:hidden; margin:0 0 20px -8px; } .view-pictures-gallery .field-collection-view-links { position:absolute; top:0; left:0; width:100%; display:none; } .view-pictures-gallery .views-row { float:left; margin:0 0 8px 8px; border:1px solid #CECDCB; position:relative; } .view-pictures-gallery .views-row img { vertical-align:top; padding:0; margin:0; } .view-pictures-gallery .views-row .hover { display:none; text-align:center; background:#194880; position:absolute; top:0; left:0; width:100%; height:100%; color:#fff; } .view-pictures-gallery .views-row:hover .hover { display:block; } .view-pictures-gallery .views-row .hover a { color:#fff; text-decoration:none; } .view-pictures-gallery .views-row .share { text-align:center; } .view-pictures-gallery .views-row .share > div { text-transform:uppercase; font-size:13px; margin:10px 0; } .view-pictures-gallery .views-row .share a { display:inline-block; width:27px; height:27px; margin:0 3px; position:relative; opacity:0.4; } .view-pictures-gallery .views-row .share .addthis_button_facebook { background:url('../img/icon-social-fb.png') no-repeat 0 0; } .view-pictures-gallery .views-row .share .addthis_button_twitter { background:url('../img/icon-social-twitter.png') no-repeat 0 0; } .view-pictures-gallery .views-row .share .addthis_button_email { background:url('../img/icon-social-mail.png') no-repeat 0 0; } .view-pictures-gallery .views-row .share a:hover { opacity:1; } .view-pictures-gallery .views-row .see_picture { font-weight:bold; position:absolute; bottom:0; left:0; width:100%; text-transform:uppercase; font-size:15px; background:#305C8D; height:36px; line-height:36px; } .view-pictures-gallery .views-row .see_picture:hover { text-decoration:underline; } /* shadowbox customizations */ #sb-wrapper #sb-title { display:none; } #sb-wrapper a { filter:none !important; text-decoration:none; color:#004595; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } #sb-wrapper #sb-info, #sb-wrapper #sb-info-inner { height:auto; line-height:1; padding:0 18px; } #sb-info-inner-left { float:left; opacity:0; padding:0 120px 0 0; } #sb-wrapper #sb-info { height:41px; padding:10px 0; background:url('../img/pixel-white-80.png') repeat 0 0; position:static; } #sb-wrapper #sb-nav { width:auto; } #sb-wrapper #sb-nav-close { width:auto; padding:0 27px 0 0; position:absolute; bottom:21px; right:18px; background:url('../img/overlayer-close.png') no-repeat 100% 50% !important; height:17px; line-height:17px; text-transform:uppercase; font-size:22px; } #sb-wrapper #sb-nav-next, #sb-wrapper #sb-nav-previous { text-transform:uppercase; padding:0 20px; position:absolute; top:auto; bottom:150px; height:60px; width:auto; margin:-30px 0 0; line-height:60px; background:#fff; font-size:22px; } #sb-wrapper #sb-nav-next { right:0; } #sb-wrapper #sb-nav-next span { padding:0 20px 0 0; background:url('../img/overlayer-next.png') no-repeat 100% 50% !important; } #sb-wrapper #sb-nav-previous { left:0; } #sb-wrapper #sb-nav-previous span { padding:0 0 0 20px; background:url('../img/overlayer-prev.png') no-repeat 0 50% !important; } #sb-wrapper #sb-nav a.disabled { display:none !important; } #sb-wrapper #sb-info-title { color:#ea001b; text-transform:uppercase; font-size:25px; padding:0 0 2px; } #sb-wrapper #sb-counter { display:none; } #sb-wrapper #sb-counter-ck, #sb-wrapper #sb-info-subtitle { text-transform:uppercase; color:#7b7c7e; font-size:14px; width:auto; float:none; } #sb-wrapper #sb-loading-inner span { overflow:hidden; text-indent:-500px; padding:0; width:24px; } #sb-wrapper #sb-download-link { position:absolute; top:12px; right:18px; } #sb-wrapper #sb-download-link a { text-decoration:none; color:#004595; font-size:16px; padding:5px 12px 4px; display:block; text-transform:uppercase; background:#fff; } #sb-wrapper #sb-download-link a:hover { text-decoration:underline; } /* ctools modal */ div.ctools-modal-content { border:0; } div.ctools-modal-content .modal-header { background:#EEF2F5; padding:20px 25px; } div.ctools-modal-content .modal-title { font-weight:400; color:#ea001b; font-size:23px; text-transform:uppercase; } div.ctools-modal-content a.close { color:#004595; text-decoration:none; padding:0 27px 0 0; margin:3px 0 20px; background:url('../img/overlayer-close.png') no-repeat 100% 50%; height:17px; line-height:17px; text-transform:uppercase; font-size:25px; } div.ctools-modal-content a.close img { display:none; } div.ctools-modal-content .modal-content { padding:18px 25px; color:#686868; font-size:16px; min-height:0; } div.ctools-modal-content .modal-content p { margin:10px 0; } div.ctools-modal-content .modal-content .messages { margin:0 0 20px; border:0; } div.ctools-modal-content .modal-content a { color:#004694; } /* ctools form modal */ div.ctools-modal-content .modal-content form .form-item { padding:0 0 17px; margin:0; } div.ctools-modal-content .modal-content form p { margin:0; } div.ctools-modal-content .modal-content form label { height:30px; line-height:30px; color:#686868; font-size:18px; } div.ctools-modal-content .modal-content form input[type=text], div.ctools-modal-content .modal-content form input[type=email], div.ctools-modal-content .modal-content form textarea { background:#e1f1f7; color:#333; border:0; font-size:16px; padding:6px 6px; } div.ctools-modal-content .modal-content form textarea { height:50px; } div.ctools-modal-content .modal-content form .form-type-checkbox { padding:10px 0 20px; overflow:hidden; clear:both; } div.ctools-modal-content .modal-content form .form-type-checkbox label { height:auto; line-height:1; width:auto; font-size:16px; } div.ctools-modal-content .modal-content form .form-type-checkbox label.prettyCheckbox span.holderWrap { margin-top:2px; } div.ctools-modal-content .modal-content form .form-type-checkbox input { } div.ctools-modal-content .modal-content form input.error { background-color:#FEF5F1; color:#333; } div.ctools-modal-content .modal-content form .form-required { color:#eb3b4c; font-size:15px; } div.ctools-modal-content .modal-content form .form-submit { cursor:pointer; background:#014596; border:0; padding:12px 18px; color:#fff; font-size:18px; } div.ctools-modal-content .modal-content form .form-actions { float:right; overflow:hidden; } div.ctools-modal-content .modal-content .popups-confirmation-wrapper, div.ctools-modal-content .modal-content .popups-confirmation-wrapper p { color:#686868; font-size:18px; line-height:30px; } div.ctools-modal-content .modal-content .form-item--mandatory-fields, div.ctools-modal-content .modal-content .form-item--mandatory-fields p { float:left; clear:both; font-size:15px; color:#eb3b4c; } div.ctools-modal-content label.checkbox span.holder, div.ctools-modal-content label.radio span.holder { top: -12px !important; } div.ctools-modal-content label.checked span.holder, div.ctools-modal-content label.checked span.holder, div.ctools-modal-content label.checked:hover span.holder, div.ctools-modal-content label.checked:hover span.holder { top: -24px !important;} /* ctools form modal newsletter */ .modal-newsletter div.ctools-modal-content .modal-content { width:650px; } div.ctools-modal-content .modal-content .modal-form-nl-inner .form-container { display:none; } div.ctools-modal-content .modal-content .modal-form-nl-inner .form-container.active { display:block; } div.ctools-modal-content .modal-content .modal-form-nl-inner label { width:120px; } div.ctools-modal-content .modal-content .modal-form-nl-inner .form-half-left { float:left; } div.ctools-modal-content .modal-content .modal-form-nl-inner .form-half-right { float:right; } div.ctools-modal-content .modal-content .modal-form-nl-inner .form-half-left { clear:both; } div.ctools-modal-content .modal-content .modal-form-nl-inner .form-full { clear:both; } div.ctools-modal-content .modal-content .modal-form-nl-inner .form-full input, div.ctools-modal-content .modal-content .modal-form-nl-inner .form-full .selectBox { width:518px; } div.ctools-modal-content .modal-content .modal-form-nl-inner .form-half-left input, div.ctools-modal-content .modal-content .modal-form-nl-inner .form-half-right input { width:175px; } div.ctools-modal-content .modal-content .modal-form-nl-inner .intro { padding:0 0 20px; margin:0; color:#686868; font-size:18px; } div.ctools-modal-content .modal-content .modal-form-nl-inner #wrapper-display-full-form { padding:8px 0 25px; } div.ctools-modal-content .modal-content .modal-form-nl-inner .selectBox { height:92px !important; } div.ctools-modal-content .modal-content .modal-form-nl-inner .selectBox.selectBox-inline .selectBox-options { max-height:92px !important; } div.ctools-modal-content .modal-content .modal-form-nl-inner .description { font-style:italic; color:#888; font-size:12px; padding:3px 0 0; margin:0 0 0 110px; } div.ctools-modal-content .modal-content .modal-form-nl-inner .form-item--mandatory-fields { padding:10px 0 0; } div.ctools-modal-content .modal-content .modal-form-nl-inner form .form-submit { padding-left:56px; background:#014596 url('../img/icon-send-nl.png') no-repeat 18px 50%; } /* collapsed content */ .collapsed-content { position:relative; background:#fff; left:-20px; width:100%; margin:20px 0; padding:0 20px 0 0; } .collapsed-content .header { color:#004595; cursor:pointer; line-height:20px; font-size:17px; padding:15px 0 15px 10px; margin:0 0 0 20px; font-family: Humanist777BT-BoldB, Arial, sans-serif; background:url('../img/arrow-down.png') no-repeat 100% 50%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .collapsed-content.expanded .header { background-image:url('../img/arrow-up.png'); } .collapsed-content .wrapper-content { position:relative; } .collapsed-content .wrapper-content:before { content:' '; position:absolute; top:0; left:0; width:100%; padding:0 20px 0 0; display:none; border-top:1px solid #CDDAEB; } .collapsed-content.expanded .wrapper-content:before { display:block; } .collapsed-content .content { display:none; padding:20px 0 20px 30px; } .collapsed-content .content:after { content:' '; display:table; clear:both; } #lcol{ width:644px; margin-right: 30px; } #rcol{ width:306px; } .front #main-wrapper { width:100% !important; } .front #main-wrapper > * { width:49%; float:left; clear:left; } .front #main-wrapper > .rcol { width:48.4%; float:right; clear:right; } .front #main-wrapper:after { content:' '; clear:both; display:table; } .front #main-wrapper > .box{ margin-bottom:30px; position: relative; } /*.front #main-wrapper > .box img{ width:100% !important; }*/ .block-delta-language .block-title, #social-buttons #social-label { display: none; } #main-content #lff-social-networks{ width:100%; } #main-content #lff-social-networks > img { width:auto; } .site-container{ overflow: hidden; height: 100%; } #main-content #lff-social-networks #facebook_wall_placeholder .fb-wall-box, #main-content #lff-social-networks #facebook_wall_placeholder .fb-wall-likes, .fb-wall-date{ width:95%; } .block-delta-sharethis h2 { display: none; } .responsive_cta_block a > img{ height: auto !important; width:100% !important; } #lff-social-networks .tab-nav li a{ padding:10px 63px 5px 25px !important; font-size: 20px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; /*width:35%;*/ text-align: center; } .cookiebanner{ opacity: 0.75 !important; } .form-container iframe{ height: 100% !important; width: 100% !important; } .view-events .article-item .excerpt a { text-decoration: none; } #social-container a { display: block;} #social-container img { padding:0; max-width: 100%; } #our-social-header-content > div{ display: inline-block; float: left; width: 50%; margin-bottom: -25%; position: relative; z-index: 2; } #our-social-footer-content > div{ padding-bottom:5%; display: inline-block; float: left; width: 33.3%; z-index:2; position: relative; } #social-lff img{ z-index: 0; position: relative; } #our-social-footer-content{ margin-top: -20%; } #maintenance-page{position: relative;display: block;width: 60%;margin:15% auto; text-align:center; } #maintenance-page #maintenance { background:#fff; padding:30px 20px 35px; } #maintenance-page #maintenance-text{margin:5% 0 0; } #maintenance-page #maintenance-logo img { max-width:100%; height:auto; } #maintenance-page h1{ font-size: x-large; color:#000; margin:12px 0; } #maintenance-page p { color:#646464; } #global-device-indicator { content:"desktop"; display:none; } /*Page*/ .content.page .page-title{ margin-bottom: 20px;} /* Linkedin feeds */ .linkedin_feed{ width:auto; padding:15px 0; } .linkedin_post__container a{ text-decoration: none; } .linkedin_post__author{ font-weight:700; color:#0077b5; } .linkedin_post__author:hover{ text-decoration: underline; } .linkedin_post__item{ padding:10px !important; } .linkedin_post__img_container{ float:left; margin-right:20px; } .linkedin_post__img{ width:100%; height: auto; } .linkedin_post__title{ font-weight: 700; color:#000; margin-bottom:5px; } .linkedin_post__date{ text-align: right; color:rgb(225, 232, 237); } .linkedin_post__item:hover{ background-color: rgba(160, 200, 220, 0.117647); } .linkedin_post__item:hover .linkedin_post__date{ color:#000; }