/* * HTML5 Boilerplate * * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. * * Detailed information about this CSS: h5bp.com/css * * ==|== normalize ========================================================== */ /* ============================================================================= HTML5 display definitions ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } /* ============================================================================= Base ========================================================================== */ /* * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g */ html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; color: #222; } body { margin: 0; font-size: 1em; line-height: 1.4; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection declarations have to be separate * Also: hot pink! (or customize the background color to match your design) */ ::-moz-selection { background: #57a2fe; color: #fff; text-shadow: none; } ::selection { background: #57a2fe; color: #fff; text-shadow: none; } /* ============================================================================= Links ========================================================================== */ a { color: #00e; } a:hover { color: #06e; text-decoration:none; } a:focus { outline: thin dotted; } /* Improve readability when focused and hovered in all browsers: h5bp.com/h */ a:hover, a:active { outline: 0; text-decoration:none; } /* ============================================================================= Typography ========================================================================== */ abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } /* Redeclare monospace font family: h5bp.com/j */ pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /* Improve readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } /* Position subscript and superscript content without affecting line-height: h5bp.com/k */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ============================================================================= Lists ========================================================================== */ ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } /* ============================================================================= Embedded content ========================================================================== */ /* * 1. Improve image quality when scaled in IE7: h5bp.com/d * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440 */ img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } /* * Correct overflow not hidden in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ figure { margin: 0; } /* ============================================================================= Forms ========================================================================== */ form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } /* Indicate that 'label' will shift focus to the associated form element */ label { cursor: pointer; } /* * 1. Correct color not inheriting in IE6/7/8/9 * 2. Correct alignment displayed oddly in IE6/7 */ legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; } /* * 1. Correct font-size not inheriting in all browsers * 2. Remove margins in FF3/4 S5 Chrome * 3. Define consistent vertical alignment display in all browsers */ button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } /* * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet) */ button, input { line-height: normal; } /* * 1. Display hand cursor for clickable form elements * 2. Allow styling of clickable form elements in iOS * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6) */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } /* * Re-set default cursor for disabled elements */ button[disabled], input[disabled] { cursor: default; } /* * Consistent box sizing and appearance */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } /* * Remove inner padding and border in FF3/4: h5bp.com/l */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Remove default vertical scrollbar in IE6/7/8/9 * 2. Allow only vertical resizing */ textarea { overflow: auto; vertical-align: top; resize: vertical; } /* Colors for form validity */ input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } /* ============================================================================= Tables ========================================================================== */ table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } /* ============================================================================= Chrome Frame Prompt ========================================================================== */ .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; } /* ==|== primary styles ===================================================== Author:lknittel ========================================================================== */ @font-face { font-family: 'ConduitITCStd-Regular'; src: url('/transcontinental-corpo-theme/fonts/ConduitITCStd-Regular.eot');/* IE9 Compat Modes */ src: url('/transcontinental-corpo-theme/fonts/ConduitITCStd-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/transcontinental-corpo-theme/fonts/ConduitITCStd-Regular.woff') format('woff'), /* Modern Browsers */ url('/transcontinental-corpo-theme/fonts/ConduitITCStd-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/transcontinental-corpo-theme/fonts/ConduitITCStd-Regular.svg#ConduitITCStd-Regular') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'ConduitITCStd-Bold'; src: url('/transcontinental-corpo-theme/fonts/ConduitITCStd-Bold.eot');/* IE9 Compat Modes */ src: url('/transcontinental-corpo-theme/fonts/ConduitITCStd-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/transcontinental-corpo-theme/fonts/ConduitITCStd-Bold.woff') format('woff'), /* Modern Browsers */ url('/transcontinental-corpo-theme/fonts/ConduitITCStd-Bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('/transcontinental-corpo-theme/fonts/ConduitITCStd-Bold.svg#ConduitITCStd-Bold') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'ConduitITCStd-Light'; src: url('/transcontinental-corpo-theme/fonts/ConduitITCStd-Light.eot');/* IE9 Compat Modes */ src: url('/transcontinental-corpo-theme/fonts/ConduitITCStd-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/transcontinental-corpo-theme/fonts/ConduitITCStd-Light.woff') format('woff'), /* Modern Browsers */ url('/transcontinental-corpo-theme/fonts/ConduitITCStd-Light.ttf') format('truetype'), /* Safari, Android, iOS */ url('/transcontinental-corpo-theme/fonts/ConduitITCStd-Light.svg#ConduitITCStd-Light') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'ConduitITCStd-LightItalic'; src: url('/transcontinental-corpo-theme/fonts/ConduitITCStd-LightItalic.eot');/* IE9 Compat Modes */ src: url('/transcontinental-corpo-theme/fonts/ConduitITCStd-LightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/transcontinental-corpo-theme/fonts/ConduitITCStd-LightItalic.woff') format('woff'), /* Modern Browsers */ url('/transcontinental-corpo-theme/fonts/ConduitITCStd-LightItalic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/transcontinental-corpo-theme/fonts/ConduitITCStd-LightItalic.svg#ConduitITCStd-LightItalic') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'ConduitITCStd-ExtraLight'; src: url('/transcontinental-corpo-theme/fonts/ConduitITCStd-ExtraLight.eot');/* IE9 Compat Modes */ src: url('/transcontinental-corpo-theme/fonts/ConduitITCStd-ExtraLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/transcontinental-corpo-theme/fonts/ConduitITCStd-ExtraLight.woff') format('woff'), /* Modern Browsers */ url('/transcontinental-corpo-theme/fonts/ConduitITCStd-ExtraLight.ttf') format('truetype'), /* Safari, Android, iOS */ url('/transcontinental-corpo-theme/fonts/ConduitITCStd-ExtraLight.svg#ConduitITCStd-ExtraLight') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'ConduitITCStd-Medium'; src: url('/transcontinental-corpo-theme/fonts/ConduitITCStd-Medium.eot');/* IE9 Compat Modes */ src: url('/transcontinental-corpo-theme/fonts/ConduitITCStd-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/transcontinental-corpo-theme/fonts/ConduitITCStd-Medium.woff') format('woff'), /* Modern Browsers */ url('/transcontinental-corpo-theme/fonts/ConduitITCStd-Medium.ttf') format('truetype'), /* Safari, Android, iOS */ url('/transcontinental-corpo-theme/fonts/ConduitITCStd-Medium.svg#ConduitITCStd-Medium') format('svg'); /* Legacy iOS */ } /* ==|== General ====================================================== */ body{font-family: helvetica, arial;font-size: 12px;background-color: white;} a {text-decoration: none; color: #616764;} a:hover{color: #005D9C;} .portlet-title img.icon {display:none;} .center{width:996px;margin:auto;} .rounded{overflow: hidden;border-radius: 11px;} span.arrow{font-family: ConduitITCStd-Regular, Helvetica, Arial; font-size: 23px; } .lt-ie9 span.arrow { font-size: 21px; } #content {font-size:13px;} #content .center{min-height: 300px;padding: 42px 0;} #content a {text-decoration:none;color:#005D9C;} #content a:hover{text-decoration:underline;} h1, h2, h3, .h1, .h2, .h3 {font-family: ConduitITCStd-ExtraLight, Helvetica, Arial; font-weight:normal; color: #000000;} h2 { font-size: 29px;} h3 { font-size: 22px;} h4 { font-weight:bold; font-size: 13px; color: #58595B;} h5 { font-weight:bold; font-size: 13px; color: #000000;} #content h1 {font-size:52px; line-height:52px; margin: 0px; color: #008FD5;} .lt-ie9 #content h1 {font-size:45px} #content h1 span {margin-bottom: 30px; display: block;} #content h2 a, #content h3 a, #content .h2 a, #content .h3 a {text-decoration:none; color: #000000;} #content h2 a:hover, #content h3 a:hover,#content .h2 a:hover, #content .h3 a:hover {text-decoration:none; color: #008FD5;} #content .two-cols .col1 {display: inline-table; vertical-align: top; width: 322px;} #content .two-cols .col2 {display: inline-table; vertical-align: top; width: 670px;} .lt-ie9 #content .two-cols .col2 {float: right;} #content .two-cols .col1 h1, #content .two-cols .col1 .h2 {color: #000000; font-size: 29px; margin-bottom: 10px; line-height: 29px; display:block;} #content .two-cols .col1 .simpletext h1{font-family: Helvetica, Arial; font-size: 13px; margin: 0; padding: 0; display: inline; line-height: 13px;} #content .three-cols .col1, #content .three-cols .col2, #content .three-cols .col3 {width: 33%; display: inline-table; vertical-align: top;} #content .right-col .col1{display: inline-table; vertical-align: top; width: 670px;} #content .right-col .col2{display: inline-table; vertical-align: top; width: 322px;} /* ==|== Basket button ====================================================== */ .basket > .rounded {border: #bebebe solid 1px;} .basket {display: block; position:relative; float:left;} .basket .box{height: 20px; background: #c5c5c5;} .basket .box{background: -moz-linear-gradient(top, #e2e3e3, #b2b4b3); background: -webkit-gradient(linear, left top, left bottom, from(#e2e3e3), to(#b2b4b3)); } .basket .box{filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#e2e3e3', EndColorStr='#b2b4b3', GradientType=0);} .basket .subject{padding-left: 30px; background:url(/transcontinental-corpo-theme/images/transco/pictos/file.gif) no-repeat 13px center;} .basket .counter{font-size: 12px; color:#FFFFFF; height: 19px; padding: 1px 10px 0; margin-top: -1px; border: #177db4 solid 1px;background: #177db4; background: -webkit-gradient(linear, left top, left bottom, from(#2f93cf), to(#026a9b));background: -moz-linear-gradient(top, #2f93cf, #026a9b);} .basket .counter{filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#2f93cf', EndColorStr='#026a9b', GradientType=0);} .top .basket a,#content .basket a {color:#FFFFFF; text-decoration:none; font-weight:normal; } #content .basket .subject{background:url(/transcontinental-corpo-theme/images/transco/pictos/file-plus.png) no-repeat 10px center; padding-left: 40px;} #content .basket.checked .box, #content .basket.checked .rounded, #content .basket.checked .counter{border-radius: 0; background: none; filter: none; border: 0; color:#222222;} #content .basket.checked a {color: #005D9C; padding: 0; margin: 0; display: inline-table; vertical-align: middle; } #content .basket.checked .subject {background: url(/transcontinental-corpo-theme/images/transco/pictos/file-checked.png) no-repeat left center; padding-left: 25px;} .basket .counter a.linkAddItem, .basket .counter a.linkSeeList {display:none;} .bluebox .close { background: url("/transcontinental-corpo-theme/images/transco/pictos/button-close.png") no-repeat scroll right top transparent; clear: both; color: #FFFFFF; display: block; float: right; font-size: 10px; height: 22px; line-height: 23px; padding-right: 20px; text-align: center; text-transform: uppercase; width: 66px; cursor: pointer; } #cartLayer {font-family: Helvetica, Arial; font-size: 13px; color: #FFFFFF; display: none; width: 580px; min-height: 200px; border: 10px solid white; background-color: #008fd5; padding: 20px; position: absolute; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888;} #cartLayer .caption {position: absolute; left: -24px; top: 40px; width: 100%;} #cartLayer .caption .label {background: url(/transcontinental-corpo-theme/images/transco/pictos/layer-basket-label.png) no-repeat left top; font-family: ConduitITCStd-ExtraLight, Helvetica, Arial; font-size: 22px; height: 47px; line-height: 36px; padding-left: 54px; width: 255px; display: inline-block; text-shadow:2px 2px 2px #333; -webkit-text-shadow: 2px 2px 2px #333;} .lt-ie9 #cartLayer .caption .label {font-size : 18px; } #cartLayer .caption a { display: inline-block; color: #FFFFFF;opacity: 0.6;} #cartLayer .item{padding: 90px 0 30px} #cartLayer .thumbnail img {width: 150px; padding: 0 40px; float: left; } #cartLayer .button {float: right; display: block;} #cartLayer .button:hover { box-shadow: 0 0 1px #888; } #basketTooltip {display: none; position: absolute; z-index: 99; padding-top:23px; background: url(/transcontinental-corpo-theme/images/transco/pictos/tooltip-corner.png) no-repeat 40px top;} #basketTooltip.right {background-position: 260px top;} #basketTooltip .content {background-color: #008fd5; color: #FFFFFF; width: 290px; padding: 20px; display: block; clear: both; } /* ==|== Header ====================================================== */ .header.top{margin-bottom: 26px;} .header.top .center{text-align: right;} .header.top .connect{width: 100%;margin: 15px 0;} .header.top .connect a.extranet {padding-left: 17px; background: url(/transcontinental-corpo-theme/images/transco/pictos/locker.png) no-repeat left top ;} .header.top .logo{float:left;} .header.top .logo h1{margin:0; padding:0; line-height: 0;} .header.top .links,.header.top .search ,.header.top .basketwidget-portlet {display: inline-table;vertical-align: top;} .header.top .logo img{margin-top: -16px;} .header.top .links {padding-right: 14px; text-align: right;margin-top: 2px;} .header.top ul {list-style: none; margin: 0; padding: 0;} .header.top ul li {display: inline-block; padding: 0 10px 0 12px;} .header.top ul li:not(:first-child) {background: url(/transcontinental-corpo-theme/images/transco/pictos/list-separator.gif) no-repeat left 4px ;} .header.top .taglib-language-list-text {border: 0;} .header.top .search{width: 178px; position: relative;} .header.top .search form {position: relative;} .header.top .search .rounded {border: #bebebe solid 1px;} .header.top .search input[type='text']{border:0; width: 129px; height: 20px; padding: 0 32px 0 15px; background: #c5c5c5; background: -webkit-gradient(linear, left top, left bottom, from(#e2e3e3), to(#b2b4b3));background: -moz-linear-gradient(top, #e2e3e3, #b2b4b3);} .header.top .search input[type='text']{filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#e2e3e3', EndColorStr='#b2b4b3', GradientType=0);} .header.top .search input[type='submit']{position: absolute; right: 8px; top: 1px; background: url(/transcontinental-corpo-theme/images/transco/pictos/loupe.png) no-repeat center; padding: 0; height: 20px; width: 20px; border: 0px} header .banner{color:#FFFFFF; background: #111017 url(/transcontinental-corpo-theme/images/transco/bg-header-full.jpg) no-repeat center top; height: 230px;} header .banner .center {min-height: 230px; display: block; } .lvl0 header .banner{height: 371px;} .lvl0.General header .banner{height: 230px;} header .banner .portlet-boundary {display: inline-table; vertical-align: top; } header .banner nav {width: 264px; font-family:ConduitITCStd-Regular, Helvetica, Arial; font-size:38px; line-height:38px; color: #FFFFFF;} .lt-ie9 header .banner nav {font-size:34px;} .lvl0 header .banner nav{padding-top: 18px; } .lvl0.General header .banner nav{padding-top: inherit; } header .banner nav li,.lvl0.General header .banner nav li {padding: 18px 0 18px 27px;} .lvl0 header .banner nav li {padding: 38px 0 38px 27px;} header .banner nav li.active{padding-left: 0;} header .banner nav li {border-top:solid 1px #FFFFFF;} header .banner nav li.first {border: 0;} header .banner nav a{color:#FFFFFF;} header .banner .sections {position: relative;} header .banner .sections nav {display: inline-table; vertical-align: top;} header .banner .sections .content.image {display:none; width:538px; height:371px; overflow:hidden; padding: 0 80px 0 110px;} header .banner .sections .content.text{overflow: hidden; display:none; min-height:160px; max-height:230px;position:absolute;bottom:0;left:264px;width: 508px;padding:0 110px; font-family:ConduitITCStd-LightItalic, Helvetica, Arial; font-size:56px; margin:0;line-height: 1em} .lt-ie9 header .banner .sections .content.text{font-size:48px; font-style:italic;} header .banner .sections .content.text.active { display: inline-block; } header .banner .slider.content {width: 728px;} /* ==|== Navigation lvl 2 and more ====================================================== */ header .subnav, header .subnav .portlet-column {min-height: 70px; width: 100%; display: block;} header .subnav nav li.active, header .subnav nav li.active a, header .subnav nav a:hover {color: #008FD5;} header .navlvl2 {height : auto; min-height:40px; border-bottom: 1px solid #c0c0c0; background-color: #FFFFFF; } header .navlvl2{ background: -moz-linear-gradient(top, #ffffff 69%, #e3e6e4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(69%,#ffffff), color-stop(100%,#e3e6e4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 69%,#e3e6e4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 69%,#e3e6e4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 69%,#e3e6e4 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 69%,#e3e6e4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e6e4',GradientType=0 ); /* IE6-9 */ } header .navlvl2.fixed { position: fixed; top: 0; width: 100%; z-index: 999;} header .navlvl2 nav, header .navlvl2 #profile-selector{display:inline-block} header .navlvl2 nav ul.main {display: inline-table; vertical-align: middle; } header .navlvl2 nav ul.main li { font-family: Helvetica, Arial; border-right: 1px solid #c0c0c0; display: inline-table; font-size: 16px; line-height: 16px; padding: 0 10px; margin: 10px 0; vertical-align: middle; } header .navlvl2 nav ul.main li:last-child {border:0;} header .navlvl2 nav ul.main.large {margin-left: 12px;} header .navlvl2 nav ul.main.thin li {margin: 0; padding: 6px 28px; display:inline-block; font-family: ConduitITCStd-ExtraLight, Helvetica, Arial; font-size:27px; line-height: 28px; border: 0;} .lt-ie9 header .navlvl2 nav ul.main.thin li {font-size:23px;} #nav-selector {display:inline-table; position: relative; vertical-align: middle;} #nav-selector .button {color:#008fd5; border-left: 1px solid #c0c0c0; font-size: 16px; line-height: 17px; padding: 0 20px 0 10px; margin: auto 0; height: auto; cursor: pointer; background: url(/transcontinental-corpo-theme/images/transco/pictos/arrow-bottom-blue.png) no-repeat right center; } #nav-selector .list{margin-top: 1px; z-index: 99; position: absolute; width:200px; background-color: #FFFFFF;display:none; border: 1px solid #bfbfbf;} #nav-selector .list .label{color: #58595b;padding: 24px 24px 0;} #nav-selector .list span.arrow{font-family: ConduitITCStd-Regular, Helvetica, Arial; margin: 0; padding: 0; list-style: none; color:#005D9C; font-size: 23px; } #nav-selector .list ul{margin:0; padding: 12px 24px; list-style: none;} #nav-selector .list li{display: block;} #nav-selector .list a {color:#000000;} #nav-selector .list a:hover {color:#005D9C;} header .navlvl3 .center nav{height: 31px; border-bottom: 1px solid #c0c0c0; } header .navlvl3 .center nav ul li {line-height: 31px; padding: 0 28px; height: 31px; display:inline-block; font-family: ConduitITCStd-Light, Helvetica, Arial; font-size:16px; text-transform: uppercase;} header .navlvl3 .center nav ul li.active{background: -moz-linear-gradient(top, #FFFFFF, #e3e6e4); background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#e3e6e4));} header .navlvl3 .center nav ul li.active{filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FFFFFF', EndColorStr='#e3e6e4', GradientType=0);} header .navlvl2 a, header .navlvl3 a{color: #616764} /*header h1, header .h1 { font-family: ConduitITCStd-ExtraLight, Helvetica, Arial; font-size: 29px; display:inline-block; margin:0;}*/ #profile-selector{float:right; position: relative; } #profile-selector .button {cursor: pointer; display: block; color: #FFFFFF; font-size:19px; line-height: 38px; text-transform:uppercase; height: 40px; background: -moz-linear-gradient(top, #3195d1, #02699b); background: -webkit-gradient(linear, left top, left bottom, from(#3195d1), to(#02699b));} #profile-selector .button {filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#3195d1', EndColorStr='#02699b', GradientType=0);} .lt-ie9 #profile-selector .button {font-size:15px; font-weight:bold;} #profile-selector .button .label{font-family: ConduitITCStd-Bold, Helvetica, Arial; padding:0 15px 0 48px; background:url(/transcontinental-corpo-theme/images/transco/pictos/profile.png) no-repeat 25px 10px;} #profile-selector .button .label, #profile-selector .button .arrow{display:inline-block;} #profile-selector .button .arrow{border-left: 1px solid #FFFFFF; text-align: center; width: 42px; height:100%;} #profile-selector .list {z-index: 99; position: absolute; width:100%; background-color: #FFFFFF;display:none; border: 1px solid #bfbfbf; min-width: 350px; right: 0;} #profile-selector .list .label{color: #58595b;padding: 24px 24px 0;} #profile-selector .list ul{margin:0; padding: 12px 24px; list-style: none;} #profile-selector .list li,#profile-selector .list a {color:#58595B; line-height:30px;} #profile-selector .list span.arrow{font-family: ConduitITCStd-Regular, Helvetica, Arial; margin: 0; padding: 0; list-style: none; font-size: 25px; } .lt-ie9 #profile-selector .list span.arrow {font-size: 17px;} #profile-selector .list li:hover,#profile-selector .list li.active,#profile-selector .list li:hover a,#profile-selector .list li.active a {color:#005D9C;} header .current-section h1, header .current-section .h1 {font-size:61px; line-height:61px; color: #008FD5; margin: 35px 0 0; display: block;} .lt-ie9 header .current-section h1,.lt-ie9 header .current-section .h1 {font-size:48px;} header .navnextprev .center {padding:50px 0 20px; background: url(/transcontinental-corpo-theme/images/transco/pictos/point.png) repeat-x bottom; } header .navnextprev h1 { font-family: ConduitITCStd-ExtraLight, Helvetica, Arial; font-size: 29px;} header .navnextprev h1, .page_top_navigation_template .pager { display:inline-block;} header .navnextprev h1 {margin:0;} header .navnextprev .pager {float:right; line-height: 10px;} header .navnextprev .pager a, header .navnextprev .pager span {display: inline-table; vertical-align: middle;} header .navnextprev .pager a {color:#000000;} header .navnextprev .pager a:hover {color:#005D9C;} header .navnextprev .pager a img {margin-left:25px} /* ==|== Tools ====================================================== */ #tools {height: 25px; clear: both;} #tools .breadcrumb-portlet, #tools #sharethis {display: inline-block;} .lt-ie9 #tools .breadcrumb-portlet {display: inherit;} #breadcrumb {float:left;} #breadcrumb a {color:#58595b; padding: 0 12px 0 5px; background: url(/transcontinental-corpo-theme/images/transco/pictos/breadcrumb-sep.png) no-repeat right center; } #breadcrumb span {padding-left: 5px;} #sharethis {float: right;} #sharethis span {vertical-align:top; } #breadcrumb span.active {color: #008FD5 ;} /* ==|== Footer ====================================================== */ footer .top {background-color: #008fd5; padding-top: 30px;/* min-width: 996px;*/} footer .top,footer .top a {color: #FFFFFF;} footer .top a:hover {text-decoration: underline;} footer .sitemap {display: inline-table; width:797px; vertical-align: top;} footer .sitemap ul, footer .links {margin: 0; padding: 0; list-style: none;} footer .sitemap ul.lvl1 > li {display: inline-table;padding-right: 20px; width:136px; vertical-align: top;} footer .sitemap ul.lvl1 > li > a {text-transform: uppercase; font-weight: bold;} footer .sitemap ul.lvl2 {margin-top: 22px;} footer #cote {display: inline-table; width: 195px;} footer #cote label {font-weight: bold;} footer #cote table {width: 100%; border-collapse: separate; border-spacing: 0 10px;} footer #cote table td {background-color: #99D2EE; color: #33373B; padding: 3px 10px;} footer #cote .link{background: url("/transcontinental-corpo-theme/images/transco/pictos/arrow.png") no-repeat scroll 0 0 transparent; padding-left: 25px;} footer .top .logos{text-align:right;padding:27px 0 25px} footer .top .logos a.logo-tc, footer .top .logos .links{float:left;} footer .top .links {display: inline-block;margin: 8px 0 0 20px;font-size:11px;} footer .top .links ul {list-style: none; margin: 0; padding: 0;} footer .top .links ul li {display: inline-block; padding: 0 6px 0 10px;} footer .top .links ul li:not(:first-child) {background: url(/transcontinental-corpo-theme/images/transco/pictos/list-separator-white.gif) no-repeat left 4px ;} footer .top .logos a.logo-media {margin-right: 45px;} footer .bottom {min-height: 56px; padding: 20px 0;} footer .bottom .copyright{float: left;font-size: 11px;} footer .bottom .social{float: right;} footer .bottom .label,footer .bottom .link, footer .bottom .social-tool{display:inline-table; vertical-align:top;} footer .bottom .link {margin: 0 8px 0 10px; font-weight: bold;} /* ==|== Home and Masterpage (ex: Investors) ====================================================== */ .Accueil #content{min-height:590px; background:url(/transcontinental-corpo-theme/images/transco/bg-home.gif) no-repeat center top;/*min-width: 996px;*/ } /*#content .home {padding-top:42px}*/ .home #content h1, .home #content h2, .masterpage #content h2 {font-family:ConduitITCStd-ExtraLight, Helvetica, Arial; font-size:29px; font-weight:normal;margin:0 0 25px; color: #000000} .lt-ie9 .home #content h1, .lt-ie9 .home #content h2, .lt-ie9 .masterpage #content h2 {font-size:24px;} .home #content h3, .masterpage #content h3 {font-family:ConduitITCStd-ExtraLight, Helvetica, Arial; font-size:22px; line-height:22px; font-weight: normal; margin:0 0 15px;} .lt-ie9 .home #content h3, .lt-ie9 .masterpage #content h3 {font-size:20px;} .home #content .left-col, .home #content .right-col {display:inline-table; width:458px; vertical-align:top;} .home #content .left-col { margin-right: 75px; } .home #content .col1 {margin-right:26px;} #content .pressrelease.sector:not(:first-of-type), .masterpage #content .pressrelease.sector:not(:first-of-type) {margin-top:35px;} #content .portlet-asset-publisher .item{margin-bottom:15px;} #content .portlet-asset-publisher p, .masterpage #content .portlet-asset-publisher p {margin:0;} .home #content .col2 .item img,.home #content .col2 .item div {display:inline-table; vertical-align:top;} .home #content .portlet-asset-publisher .reports {margin-bottom: 60px;} .home #content .portlet-asset-publisher .reports .thumbnail, .home #content .portlet-asset-publisher .reports .desc {display: inline-block; vertical-align:top; } .home #content .portlet-asset-publisher .reports .thumbnail {margin-right: 27px; } .home #content .portlet-asset-publisher .reports .desc {width: 287px;} .masterpage #content .left-col, .masterpage #content .right-col {width: 458px; display: inline-table; vertical-align: top;} .masterpage #content .left-col {margin-right: 75px;} .masterpage #content .content-bottom .portlet-boundary:first-child, .masterpage #content .left-col .portlet-boundary:not(:first-child), .masterpage #content .right-col .portlet-boundary:not(:first-child) {margin-top: 40px; padding-top:40px; border-top: 1px solid #BFBFBF; display: block;} .lt-ie9 .masterpage #content .left-col .portlet-boundary, .lt-ie9 .masterpage #content .right-col .portlet-boundary { margin-bottom: 40px; padding-bottom:40px; border-bottom: 1px solid #BFBFBF; display: block;} .masterpage #content .pressrelease.sector:not(:first-of-type) { margin-top: 20px; border-top: 1px solid #BFBFBF; padding-top: 15px;} .masterpage #content .item:not(:first-child) {margin-top: 30px;} .masterpage #content .item .thumbnail, .masterpage #content .item .desc {display: inline-table; vertical-align: top;} .masterpage #content .item .desc {width: 397px;} .masterpage #content .item .thumbnail {margin-right: 27px; } /* ==|== Top Carrousel ====================================================== */ .carousel-container{ width:728px; height:371px; padding:0; margin:0 auto; position:relative; } .jcarousel-skin-tango .jcarousel-container-horizontal { width:728px; } .jcarousel-skin-tango .jcarousel-clip-horizontal { width:728px; height:371px; } .jcarousel-skin-tango .jcarousel-item { width: 538px; height: 371px; padding:0 80px 0 110px} .jcarousel-skin-tango .jcarousel-clip { overflow: hidden; } .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } /* previous - next buttons */ #mycarousel-prev, #mycarousel-next{ position:absolute; top:160px; z-index:35; width:35px; height:51px; background-image:url(/transcontinental-corpo-theme/images/transco/pictos/carousel-buttons.png); text-decoration:none; } #mycarousel-prev{ left:30px; } #mycarousel-next{ right:0; background-position:left -51px; } /* pagination */ #car-pages{ text-align:center; position:absolute; bottom:25px; right:0; z-index: 35} #car-pages a{ display:inline-block; width:25px; height:26px; font-size:20px; line-height:26px; font-family: Myriad Pro, Arial, Helvetica; background:transparent url(/transcontinental-corpo-theme/images/transco/pictos/carousel-buttons.png) no-repeat left -106px; text-decoration:none; outline:none; color:#fff; margin-left:20px; } #car-pages .off{ background-position:left -132px; color:#111017; } /* content */ .carousel-container .jcarousel-item .content{min-height:238px;position:absolute;bottom:0;width: 508px;} .carousel-container .jcarousel-item p{font-family:ConduitITCStd-LightItalic, Helvetica, Arial; font-size:56px; margin:0;line-height: 1em;} .lt-ie9 .carousel-container .jcarousel-item p {font-size:48px; font-style: italic;} /* ==|== Content carrousel ====================================================== */ /* * Main carousel */ #content .overlay-container{ width:984px; height:536px; position:relative; overflow:hidden; margin:50px auto 0; z-index:10; } #content .overlay{ width:984px; height:536px; position:absolute; top:0; left:320px; background:transparent url('/transcontinental-corpo-theme/images/transco/overlay.png') no-repeat left top; } #content .carousel-content-top{ width:1580px; height:510px; padding:0; position:absolute; top:0; left:-320px; } .jcarousel-skin-content-top .jcarousel-container-horizontal { width:1580px; } .jcarousel-skin-content-top .jcarousel-clip-horizontal { width:1580px; height:510px; } .jcarousel-skin-content-top .jcarousel-item { width: 500px; height: 500px; padding:10px 20px 0; } .jcarousel-skin-content-top .jcarousel-item table{ width:100%; height:500px;} .jcarousel-skin-content-top .jcarousel-item table td{ text-align: center; vertical-align:middle;} .jcarousel-skin-content-top .jcarousel-item table td.title{ text-align: center; vertical-align:top; padding-top:10px; height:55px;} .jcarousel-skin-content-top .jcarousel-clip { overflow: hidden; } .jcarousel-skin-content-top .jcarousel-item-placeholder { background: #fff; color: #000; } .jcarousel-skin-content-top .jcarousel-item span{display:none;} #content .carousel-content-top .one-item { text-align: center; } /* * Thumbnail carousel */ #content .carousel-content-container{ width:878px; height:127px; padding:0; margin:20px auto; position:relative; background-color:#fff; overflow: hidden; } .jcarousel-skin-content { width:740px; float:left; } .jcarousel-skin-content .jcarousel-container-horizontal { width:740px; } .jcarousel-skin-content .jcarousel-clip-horizontal { width:740px; height:150px; } .jcarousel-skin-content .jcarousel-item { text-align:center; margin-top: 10px; background:transparent url('/transcontinental-corpo-theme/images/transco/carousel-marques.png') no-repeat center top; padding:9px 16px 0; width:117px; height:150px; cursor:pointer; } .jcarousel-skin-content .jcarousel-item img{ margin-bottom:15px; } /*.jcarousel-skin-content .jcarousel-item span{ display:block; text-align:center; text-indent:-14px; }*/ .jcarousel-skin-content .jcarousel-clip { overflow: hidden; } .jcarousel-skin-content .jcarousel-item-placeholder { background: #fff; color: #000; } .jcarousel-skin-content .jcarousel-item.active {margin-top: 0; color: #005D9C;} .jcarousel-skin-content .jcarousel-item.active img {opacity:0.4; filter:alpha(opacity=40);} #slider-content-prev, #slider-content-next{ display:block; float:left; width:69px; height:97px; background:transparent url('/transcontinental-corpo-theme/images/transco/carousel-marques.png') no-repeat left -120px; } #slider-content-next{ background-position:left -215px; } #slider-content-prev.disabled, #slider-content-next.disabled {cursor: default; opacity:0.1; filter:alpha(opacity=10);} #slider-content-prev span, #slider-content-next span{ display:none;} /* * Description */ #content .carousel-desc {clear: both; border-top:1px solid #C0C0C0; padding-top: 30px; margin-top: 40px;} /* ==|== Section pages (services, marques, expertises) ====================================================== */ #content .detail.general h1, #content .detail.general .desc {display: inline-table; vertical-align: top;} #content .detail.general h1 img {display:none; margin-left: 40px;} .lvl2 #content .detail.general h1 img {display:block;} .lvl2 #content .detail.general h1 span, .General #content .detail.general h1 span {display:none;} #content .detail.general h1 {width: 311px;} #content .detail.general .desc {font-size:19px; color: #616764; margin: 0px; width:669px; margin-left:12px; } #content .children .child {border-top: 1px solid #c0c0c0; clear: both;min-height: 239px; margin-bottom: 50px;} #content .children-only.children .child {border:0; text-align: right;} #content .children .child .title {margin-right: 50px; width: 263px;} .lvl2 #content .children .child .title {text-align: center;} #content .children .child .title .basket{margin-top: 10px;} #content .children .child .title h2 {margin: 50px 0 0; font-family: ConduitITCStd-ExtraLight, Helvetica, Arial; font-size: 29px; line-height: 29px; font-weight:normal;} .lt-ie9 #content .children .child .title h2 { font-size: 24px; } #content .children .child .title .desc {margin-top: 20px; float: left; clear: both;} #content .children .child .title, #content .childlist {display:inline-table; vertical-align:top;} #content .children .child .legend{text-align: left; display: inline-block; line-height: 14px; font-size: 12px; background: transparent url(/transcontinental-corpo-theme/images/transco/pictos/bubble-blue-small.png) no-repeat; padding-left:35px;} #content .children .child .label {font-family: ConduitITCStd-extraLight, Helvetica, Arial; font-size: 29px; margin: 30px 0} #content ul.subchildren {width: 674px; margin:0; padding:0;list-style:none; text-align: left;} #content ul.subchildren.children-only{padding-left:313px;} #content ul.subchildren li {list-style:none; display:inline-block; vertical-align:top; text-align: center;} #content ul.subchildren li h3 {font-family: helvetica, arial; font-size: 14px; font-weight:normal; width: 151px;} #content .childlist .toggle-list {margin-top: 30px;} #content .childlist .toggle-list .label {font-size: 13px; font-family: Helvetica, arial; margin-left: 30px;} #content .childlist .toggle-list .content {padding: 0; margin: 0;} #content .children .child .subchildren .subchild .title {width: 206px; margin:0;} #content .bubble {position: relative; height: 205px; display:block; padding:0 8px; margin: 40px 0 20px;} #content .bubble .desc {visibility: hidden; position:absolute; top:-15px; left:-22px; z-index:99; } :not(.lt-ie9) #content .bubble .desc {visibility: visible; opacity:0; filter:alpha(opacity=0); overflow: hidden; } #content .bubble .desc .content {color: #FFFFFF; height: 185px; padding: 40px; text-align: center; width: 185px; } /*#content .bubble h3 {font-family: ConduitITCStd-Light, Helvetica, Arial; font-size: 20px; font-weight:normal; text-transform:uppercase; }*/ #content .circle {display:block; margin: 50px 28px 0; width:162px; padding-top: 115px; color: #000000; text-align: center; background: transparent url(/transcontinental-corpo-theme/images/transco/pictos/bubble-blue.jpg) no-repeat center top;} /*#content ul.subchildren li.first .circle {margin-left: 0px;}*/ #content a.circle:hover {text-decoration:none; } .theme1 #content .circle:hover {background-image: url(/transcontinental-corpo-theme/images/transco/pictos/bubble-theme1.jpg);} .theme2 #content .circle:hover {background-image: url(/transcontinental-corpo-theme/images/transco/pictos/bubble-theme2.jpg);} .theme3 #content .circle:hover {background-image: url(/transcontinental-corpo-theme/images/transco/pictos/bubble-theme3.jpg);} #content .circle h3 {margin: 0; font-weight: normal; font-size: 14px;} #content .circle.fade {background: transparent url(/transcontinental-corpo-theme/images/transco/pictos/bubble-grey.jpg) no-repeat center top;} #content ul.subchildren a.picture {margin: 50px 35px 0; display: block;} #content ul.subchildren a.picture:hover {text-decoration:none;} #content ul.subchildren a.picture:hover img{opacity:0.4; filter:alpha(opacity=40);} .lt-ie9 #content ul.subchildren a.picture:hover img{filter:alpha(opacity=20);} #content ul.subchildren a.picture:hover h3{color:#005D9C;} #content .two-cols .col1 nav {margin-bottom: 30px; color: #666666;} #content .two-cols .col1 nav a {color: #666666;} #content .two-cols .col1 nav a:hover {text-decoration:none; color: #005D9C;} #content .two-cols .col1 nav .active span, #content .two-cols .col1 nav .active a {color: #005D9C;} #content .two-cols .col1 img.thumbnail {display: block; padding: 30px 0; clear: both;} #content .two-cols .col1 nav li:hover span, #content .two-cols .col1 nav li:hover a, #content .two-cols .col1 nav .active span, #content .two-cols .col1 nav .active a {color: #008FD5 ;} .expertbox {display: block; position: absolute; right: 0; color:#FFFFFF;} .expertbox .button{width: 43px; float: left; cursor: pointer; position: absolute; right: 0; z-index: 99;} .expertbox .toggle {float: left; display: none; padding: 100px 25px 20px; background-color: #3094d0; min-height: 174px; width:280px; position: absolute; right: 0; z-index: 999;} .expertbox .close {position: absolute; right: 20px; top: 20px;} .expertbox .caption {position: absolute; left: -14px; top: 40px; width: 100%; background: url(/transcontinental-corpo-theme/images/transco/pictos/caption-short.png) no-repeat left top; font-family: ConduitITCStd-ExtraLight, Helvetica, Arial; font-size: 29px; height: 47px; line-height: 36px; padding-left: 38px; width: 255px; display: inline-block; text-shadow:2px 2px 2px #333; -webkit-text-shadow: 2px 2px 2px #333;} .lt-ie9 .expertbox .caption {font-size : 18px; } .expertbox .tooltip-style {margin: 10px 0; padding-top:23px; background: url(/transcontinental-corpo-theme/images/transco/pictos/tooltip-whitecorner.png) no-repeat 40px top;} .expertbox .tooltip-style .content {background-color: #FFFFFF; color: #000000; padding: 25px; display: block;} .expertbox .toggle .content img {border: 1px solid #BFBFBF; float: left; margin: 0 20px 10px 0; } .expertbox .toggle .content p {margin-top: 0;} #content .expertbox .toggle a.link {color: #FFFFFF;} /* ==|== General pages (A propos, etc..) ====================================================== */ #content .subchildren.two-cols .subchild {margin: 40px 0; display: inline-table; width: 460px; vertical-align: top;} #content .subchildren.two-cols .subchild:nth-child(2n+1) {margin-right:72px;} .lt-ie9 #content .subchildren.two-cols .subchild.left {margin-right:72px;} #content .subchildren.two-cols .desc, #content .subchildren.two-cols .thumbnail {display: inline-table; vertical-align: middle;} #content .subchildren.two-cols .thumbnail {padding-left:25px;} #content .subchildren.two-cols .desc {width: 280px;} #content .subchildren.two-cols .desc h2{margin-top: 0; font-family: ConduitITCStd-ExtraLight, Helvetica, Arial; font-size: 29px; font-weight:normal;} .General.lvl0 #content .detail.general h1 img {display:block; margin:0;} .General.lvl0 #content .detail.general h1 {vertical-align: middle} .General.lvl0 #content .detail.general .desc{ vertical-align: top;} .General:not(.lvl0) #content h3 {color: #000000; font-size: 22px; margin: 0; padding: 0; line-height: 25px;} /* ==|== Press-release ======================================================= */ #content .pressrelease.list .item { margin-bottom: 20px; } #content .pressrelease.list .item .thumba #content .pressrelease.list h3:not(:first-of-type) { border-top: 1px solid #BFBFBF; padding-top: 15px; } #content .pressrelease.nav .selector,#content .pressrelease.nav .file {padding-bottom: 25px; margin-right: 75px;} #content .pressrelease.nav .link a{color: #000000;} #content a.pdf {height: 47px; color:#000000; padding-left: 60px; display: table-cell; vertical-align: middle; background : transparent url(/transcontinental-corpo-theme/images/transco/pictos/pdf.jpg) no-repeat left center; } #content a.pdf:hover, #content .pressrelease.nav .link a:hover {color:#005D9C ; text-decoration:none;} /* ==|== Events ======================================================= */ #content .event.list .item { margin-top: 20px; } #content .event.list h3:not(:first-of-type) { border-top: 1px solid #BFBFBF; padding-top: 15px; margin-top: 20px;} #content .event.list .item .thumbnail {margin-right: 27px; } #content .event.list .item .thumbnail, #content .event.list .item .desc {display: inline-table; vertical-align: top; } /* ==|== Contact ======================================================= */ #content .contact h3 {margin-top: 0;} #content .contact.list nav>ul>li {padding-bottom: 30px;} #content .blueform {background-color:#008fd5; padding: 80px 25px 25px ; color:#FFFFFF; margin-top: -40px; position: relative;} #content .blueform .caption {position: absolute; left: -13px; top: 25px; width: 100%; background: url(/transcontinental-corpo-theme/images/transco/pictos/caption.png) no-repeat left top; font-family: ConduitITCStd-ExtraLight, Helvetica, Arial; font-size: 29px; height: 47px; line-height: 36px; padding-left: 36px; width: 255px; display: inline-block; text-shadow:2px 2px 2px #333; -webkit-text-shadow: 2px 2px 2px #333;} #content .blueform .asterisk {opacity: 0.6;} #content .blueform label {font-weight: bold;} #content .blueform input:not([type=submit]) {padding: 5px 1px;} #content .blueform input[type=text], #content .blueform textarea, #content .blueform select{border:0; width: 100%;} #content .blueform .aui-column-content, #content .blueform .aui-column-content-center{padding:0;} #content .blueform .aui-column {width:100%;} #content .blueform .aui-field-content {margin: 10px 0 20px; display: block;} #content .blueform textarea {height: 110px;} #content .blueform input[type=submit] {text-shadow: none; float: right; border: 0;} #content .blueform .aui-field-choice {display: inline-table;} #content .blueform .aui-field-choice label, #content .blueform .aui-field-choice .aui-field-element { display: inline-table;} #content .blueform .portlet-msg-error { border-color: #FF0000; background: url("../images/messages/error.png") no-repeat scroll 6px 50% #FFDDDD; border: 1px solid #555555; color: #34404F; display: block; font-weight: bold; margin: 2px auto 14px; padding: 6px 6px 6px 30px; text-align: left; } /* ==|== Basket ======================================================= */ #content .basket-list {padding-right: 20px;} #content .basket-list .intro {margin-top: 0px;} #content .basket-list h2,#content .basket-list h3 {margin-top:0;} #content .basket-list #basketContent {list-style: none; padding: 0;} #content .basket-list #basketContent li { border-bottom: 1px solid #BFBFBF; padding: 20px 0;} /* ==|== Sitemap ======================================================= */ #content .sitemap h2 {border-bottom: 1px solid #BFBFBF; margin-top: 0px;} #content .sitemap h3 {margin-top: 0px;} #content .sitemap ul {list-style-type:none; padding:0; margin: 0;} #content .sitemap ul.lvl2>li {display: inline-table; vertical-align: top; padding-right:20px; width: 226px; margin-bottom: 20px;} /* ==|== Search ======================================================= */ #content .portlet-search .results-grid, #content .portlet-search .results-header, #content .portlet-search .results-header th, #content .portlet-search .results-header td, #content .portlet-search .results-row td {border:0; border-style: none; background: none;} #content .portlet-search .results-grid .asset-entry-type, #content .portlet-search .results-grid .asset-entry-categories, #content .portlet-search .results-grid .asset-entry img {display: none;} #content .portlet-search .taglib-page-iterator .search-pages {float: right;} #content .portlet-search .results-grid table {width: 100%;} #content .portlet-search tr.results-row { border-bottom: 1px solid #BFBFBF;} #content .portlet-search tr.results-row td { padding: 10px 0;} .taglib-page-iterator .search-pages .page-links a, .taglib-page-iterator .search-pages .page-links span { background: url("") no-repeat scroll 0 0 transparent; border-left: 1px solid #CCCCCC; display: inline-block; line-height: 1; padding: 2px 15px; } .taglib-page-iterator .search-pages .page-links span { background-position: 0 100%; } .taglib-page-iterator .search-pages .page-links a.first, .taglib-page-iterator .search-pages .page-links span.first { background-image: url("/transcontinental-corpo-theme/images/arrows/paging_first.png"); background-repeat: no-repeat; border-left: medium none; } .taglib-page-iterator .search-pages .page-links a.previous, .taglib-page-iterator .search-pages .page-links span.previous { background-image: url("/transcontinental-corpo-theme/images/arrows/paging_previous.png"); background-repeat: no-repeat; } .taglib-page-iterator .search-pages .page-links a.next, .taglib-page-iterator .search-pages .page-links span.next { background-image: url("/transcontinental-corpo-theme/images/arrows/paging_next.png"); background-repeat: no-repeat; } .taglib-page-iterator .search-pages .page-links a.last, .taglib-page-iterator .search-pages .page-links span.last { background-image: url("/transcontinental-corpo-theme/images/arrows/paging_last.png"); background-repeat: no-repeat; } .taglib-page-iterator .search-pages .page-links a.first, .taglib-page-iterator .search-pages .page-links span.first, .taglib-page-iterator .search-pages .page-links a.previous, .taglib-page-iterator .search-pages .page-links span.previous { padding-right: 5px; } .taglib-page-iterator .search-pages .page-links a.next, .taglib-page-iterator .search-pages .page-links span.next, .taglib-page-iterator .search-pages .page-links a.last, .taglib-page-iterator .search-pages .page-links span.last { background-position: 100% 0; padding-left: 5px; } .taglib-page-iterator .search-pages .page-links span.first, .taglib-page-iterator .search-pages .page-links span.previous { background-position: 0 100%; } .taglib-page-iterator .search-pages .page-links span.next, .taglib-page-iterator .search-pages .page-links span.last { background-position: 100% 100%; } /* ==|== Richtext ====================================================== */ #content .richtext {font-size: 13px; color: #58595b; } #content .richtext:not(.block) h1, #content .richtext:not(.block) h2, #content .richtext:not(.block) h3 {color: #000000; font-size: 22px; margin: 0; padding: 0; line-height: 25px; width: auto;} .lt-ie9 #content .richtext h1, .lt-ie9 #content .richtext h2, .lt-ie9 #content .richtext h3 {color: #000000; font-size: 22px; margin: 0; padding: 0; line-height: 25px; width: auto;} #content .richtext h1 {margin-bottom:25px !important;} #content .richtext ul {list-style: outside url("/transcontinental-corpo-theme/images/transco/pictos/bullet-theme4.png"); padding: 0 0 0 15px; margin: 25px 0;} #content .richtext ul li {margin-bottom: 10px;} #content .richtext img.left {float: left; padding: 5px 25px 20px 0;} #content .richtext p {margin-bottom:25px;} #content .colortable .arrow-left { border-bottom: 14px solid transparent; border-right: 22px solid #779614; border-top: 14px solid transparent; height: 0; left: -19px; position: absolute; width: 0; } #content .richtext .colortable {background-color: #779614; color: #FFFFFF; padding: 20px; margin-left: 20px; position:relative; white-space: nowrap} #content .richtext .colortable h3 {font-weight: normal; margin: 0; color: #FFFFFF;} #content .richtext .colortable a {color: #FFFFFF;} #content .richtext .colortable thead {border-bottom: 1px solid #a6c54d; } #content .richtext .colortable thead td {vertical-align: middle; padding-bottom: 5px;} #content .richtext .colortable thead td:nth-child(2n+2){text-align: right;} #content .richtext .colortable>table>tbody tr:first-child td{padding-top:20px} #content .richtext .colortable>table>tbody td:nth-child(3n+3) {padding-left: 40px;} #content .richtext .colortable>table>tbody tr td:not(:last-child) {padding-right: 10px;} #content .richtext .colortable tfoot td {padding-top: 20px; color: #a6c54d; font-size: 12px;} #content .richtext table.two-cols-50 {width: 100%;} #content .richtext table.two-cols-50 td{width: 458px;} #content .richtext table.two-cols-50 td:first-child{padding-right: 80px;} #content .richtext table.two-cols-50 ul.elements {margin: 0; padding: 0; list-style:none;} #content .richtext table.two-cols-50 .element:not(:first-child) {border-top: 1px solid #bfbfbf;} #content .richtext .report {width: 100%; margin: 10px 0 0 0; padding-bottom: 30px;} #content .richtext .report h3 {margin-top: 0;} #content .richtext .report .thumbnail {width:168px; padding: 0 15px 5px 10px;} #content .richtext .report a {font-size: 11px;} #content .richtext .report h3 a {font-size: inherit;} #content .richtext table.custom caption {color: #008fd5; font-family: ConduitITCStd-ExtraLight, Helvetica, Arial; font-size: 20px; text-align: left; margin: 0;} #content .richtext table.custom thead span {color: #000000; border-top: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; padding: 5px 0; display: block; } #content .richtext table.custom thead td:not(:first-child) span {margin-left: 20px;} #content .richtext table.custom td {padding: 2px 0;} #content .richtext table.custom>tbody>tr>td:not(:first-child) {padding-left: 20px;} #content a.podcast,#content a.calendar {display: block; padding-left: 45px; display: table-cell; height: 32px; vertical-align: middle; } #content a.podcast {background: url(/transcontinental-corpo-theme/images/transco/pictos/podcast.gif) no-repeat left center;} #content a.calendar {background: url(/transcontinental-corpo-theme/images/transco/pictos/calendar.gif) no-repeat left center;} #content .warning {padding-left: 74px; position: relative; clear: both; display: block; margin-top: 30px;} #content .warning .arrow-left {width: 76px; height:46px; left: 0; top: 10px; position: absolute; z-index: 2; background: url(/transcontinental-corpo-theme/images/transco/pictos/arrow-warning.png) no-repeat;} #content .warning .content {border: 1px solid #bfbfbf; padding: 15px;} #content .richtext table.contact {width: 100%} #content .richtext table.contact>tbody>tr>td:last-child {width: 230px;} #content .toggle-list .label { cursor: pointer; color: #005D9C; background: url(/transcontinental-corpo-theme/images/transco/pictos/button-toggle-plus.png) no-repeat left top; padding-left: 20px;} #content .toggle-list.opened .label { background: url(/transcontinental-corpo-theme/images/transco/pictos/button-toggle-minus.png) no-repeat left top;} #content .toggle-list .content {display: none; padding-left: 20px; margin: 20px 0;} #content .point-sep {background: url(/transcontinental-corpo-theme/images/transco/pictos/point.png) repeat-x -2px bottom; border: 0 !important;} #content hr, #content .point-sep, #content .portlet-asset-publisher .separator {margin: 20px 0;} #content .portlet-asset-publisher .separator {border-top:1px solid #CCCCCC;} /* ==|== Blue Button ====================================================== */ #content a.button, #cartLayer a.button, .blueform input[type=submit] { padding: 5px 30px; color: #FFFFFF; font-size: 16px; font-weight:normal; border-radius: 16px; display: inline-block; -moz-border-radius: 16px; -webkit-border-radius: 16px; background-image: url(/transcontinental-corpo-theme/images/transco/pictos/sample-gradient.svg); background-size: 100% 100%; background-repeat: repeat-x; background-position: 0 0; background-color: #02699B; /* old browsers */ background: -moz-linear-gradient(top, #3195D1 0%, #02699B 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3195D1), color-stop(100%,#02699B)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3195D1', endColorstr='#02699B',GradientType=0 ); /* ie */ box-shadow: 0 0 2px white; -webkit-box-shadow: 0 0 1px white; } .ie9 #content a.button, #cartLayer a.button, .blueform input[type=submit] {filter:none; } #content a.button:hover, #cartLayer a.button:hover, .blueform input[type=submit]:hover {text-decoration: none; box-shadow: 0 0 3px #888; -webkit-box-shadow: 0 0 3px #888;} /* ==|== Custom color theme by section ====================================================== */ /* - theme1 : orange #ff6600 - theme2 : green #769614 - theme3 : red #E31B23 - theme4 : blue #646546 (default) */ /* Theme1 styles */ .banner nav .theme1 a:hover, .banner nav .theme1.active a, .theme1 header .subnav nav li.active, .theme1 header .subnav nav li.active a, .theme1 header .subnav nav a:hover, .theme1 header .current-section h1, .theme1 header .current-section .h1, .theme1 #content h1, .theme1 #content .two-cols .col1 nav li:hover span, .theme1 #content .two-cols .col1 nav li:hover a, .theme1 #content .two-cols .col1 nav .active span, .theme1 #content .two-cols .col1 nav .active a, .theme1 #breadcrumb a:hover, .theme1 #breadcrumb span.active, .theme1 #content table caption {color: #ff6600 ;} /* Theme1 Bubble */ .theme1 #content .bubble .desc .content { background: -moz-linear-gradient(left center , #FB8600, #E77000) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left middle, left bottom, from(#fb8600), to(#e77000)); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FB8600', EndColorStr='#E77000', GradientType=0); } /* Theme1 list */ .theme1 #content .richtext ul {list-style: outside url("/transcontinental-corpo-theme/images/transco/pictos/bullet-theme1.png");} /* Theme2 styles */ .banner nav .theme2 a:hover, .banner nav .theme2.active a, .theme2 header .subnav nav li.active, .theme2 header .subnav nav li.active a, .theme2 header .subnav nav a:hover, .theme2 header .current-section h1, .theme2 header .current-section .h1, .theme2 #content h1, .theme2 #content .two-cols .col1 nav li:hover span, .theme2 #content .two-cols .col1 nav li:hover a, .theme2 #content .two-cols .col1 nav .active span, .theme2 #content .two-cols .col1 nav .active a, .theme2 #breadcrumb a:hover, .theme2 #breadcrumb span.active, .theme2 #content table caption {color: #769614 ;} /* Theme2 list */ .theme2 #content .richtext ul {list-style: outside url("/transcontinental-corpo-theme/images/transco/pictos/bullet-theme2.png");} /* Theme3 styles */ .banner nav .theme3 a:hover, .banner nav .theme3.active a, .theme3 header .subnav nav li.active, .theme3 header .subnav nav li.active a, .theme3 header .subnav nav a:hover, .theme3 header .current-section h1, .theme3 header .current-section .h1, .theme3 #content h1, .theme3 #content .two-cols .col1 nav li:hover span, .theme3 #content .two-cols .col1 nav li:hover a, .theme3 #content .two-cols .col1 nav .active span, .theme3 #content .two-cols .col1 nav .active a, .theme3 #breadcrumb a:hover, .theme3 #breadcrumb span.active, .theme3 #content table caption {color: #e31b23 ;} /* Theme3 list */ .theme3 #content .richtext ul {list-style: outside url("/transcontinental-corpo-theme/images/transco/pictos/bullet-theme3.png");} /* ==|== Override Liferay ====================================================== */ .portlet-asset-publisher .asset-full-content .asset-content{margin:0;} .portlet-column-content{padding:0;} .portlet-layout {border-collapse: separate;} #column-4 .portlet-borderless-bar { margin-top: -20px; } .top .connect .portlet-borderless-bar { margin-right: 25px; } .portlet-asset-publisher .asset-full-content.no-title .asset-user-actions { padding-bottom: 2em; } .portlet-asset-publisher .asset-user-actions .print-action { margin: 0 1em; float: right; } /* ==|== media queries ====================================================== EXAMPLE Media Query for Responsive Design. This example overrides the primary ('mobile first') styles Modify as content requires. ========================================================================== */ @media only screen and (max-device-width: 1050px) { /* Style adjustments for viewports that meet the condition */ } /* ==|== non-semantic helper classes ======================================== Please define your styles before this section. ========================================================================== */ /* For image replacement */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; } .ir br { display: none; } /* Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* Contain floats: h5bp.com/q */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } #liferayJSConsole { display: none; } @media print { * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } .header.top .connect, .header.top .links, .header.top .search, div.basket, header .banner, header .navlvl2, header .navnextprev .pager, footer, #tools #sharethis {display: none;} .header.top .logo img {margin:0;} header .subnav, #content {border:1px solid white;} /* Fix : To correct page break in brand detail page */ #content .colortable .arrow-left {border: 0;} } .tccourriel, .courriel { display: none; } .portlet-asset-publisher .asset-actions { position: relative; top: 26px; z-index: 2; } #pageSubpageSelectMenuId{ margin:6px auto 6px auto; padding:11px 5px 5px 5px; font-size:16px; width: 85%; height: 42px; } /* linkedin */ .IN-follow { display: inline-block; position: relative; text-decoration: none; margin: 0 10px 0 0; } .IN-follow .IN-logo { background: url("http://static02.linkedin.com/scds/common/u/img/sprite/sprite_connect_v13.png") no-repeat scroll 0 -276px transparent; cursor: pointer; float: right; height: 20px; left: 0; overflow: hidden; position: absolute; text-indent: -9999em; top: 0; width: 20px; } .IN-follow .title { background-color: #ECECEC; background-image: linear-gradient(#FEFEFE, #ECECEC); border-color: #E2E2E2 #BFBFBF #B9B9B9; border-radius: 0 2px 2px 0; border-style: solid solid solid none; border-width: 1px 1px 1px 0; color: #333333; cursor: pointer; display: block; float: left; height: 18px; line-height: 20px; margin-left: 1px; padding: 0 4px 0 23px; text-align: center; text-shadow: -1px 1px 0 #FFFFFF; vertical-align: top; white-space: nowrap; } .IN-follow .title-text { color: #333333; float: none; font-size: 11px; font-weight: bold; } /* * RESPONSIVE */ /* ========================================================================== Author's custom styles ========================================================================== */ /* body{ border:3px solid green; } */ .center{ width:auto; } .header.top{ margin:0; } .header.top .logo{ display:block; padding:7px 0 15px 11px; text-align:left; float:left; } .header.top .logo img{ margin:0; } .header.top .search{ display:none; width:100%; padding:0 0 15px 0; } .header.top .search input[type="text"]{ width:100%; } .search-button-mobile{ height:22px; } .search-button-mobile a{ display:block; width:36px; height:22px; float:right; background:#fff url(/transcontinental-corpo-theme/images/transco/search-button.gif) no-repeat left top; } .search-button-mobile a span{ display:none; } .header.top ul li.lang-select{ padding:0; } .header.top ul li.mobileonly{ padding:0; } .header.top .connect{ float:right; width:auto; } .header.top ul li:not(:first-child){ background:none; } .header.top ul li:first-child{ display:none; } .header.top .basketwidget-portlet{ display:none; } .header.top .links{ display:none; } .departments{ padding-bottom:15px; } .departments a{ display:inline-block; height:26px; } .departments img{ margin:0 30px 0 0; } header .banner .center{ height:auto; min-height:auto; } header .banner nav, /*.lvl0.General header .banner nav{ padding-top: 18px; }*/ /*.lvl0 header .banner nav li{ padding:0; }*/ header .banner nav{ width:100%; font-size:30px; } header .banner nav li{ border:none; } header .banner .portlet-boundary{ display:block; text-align:center; } .lvl0 header .banner, header .banner, .lvl0.General header .banner{ height:75px; } .lvl0 header .banner nav li, header .banner nav li{ width:33%; float:left; padding:0; } header .navlvl2 nav ul.main.large{ margin:0; } header .navlvl2 nav ul.main li{ border:none; display:block; margin:0; padding:5px 0; text-align:center; } .content.slider{ visibility:hidden; } header .banner .sections .content.image{ visibility:hidden; } header .banner .sections .content.text.active{ display:none; } header .banner .sections nav{ font-size:24px; } #content{ /* font-size:18px; */} #content .center{ padding:20px 0; margin:0 10px; } .home #content .left-col{ margin:0; width:100%; } .home #content .right-col{ display:block; width:100%; } #tools{ text-align:center; } #tools #sharethis{ display:inline; margin:0 auto; float:none; } header .navlvl2 #profile-selector{ display:none; } header .navlvl2 .center{ text-align:center; } header .navlvl3{ display:none; } #nav-selector{ display:none; } #content .detail.general .desc{ width:auto; } #content .children .child{ min-height:auto; margin-bottom:0; } #content ul.subchildren li{ text-align:left; } #content ul.subchildren li a.picture{ margin:5px 0; text-align:center; } #content ul.subchildren li a.picture h3{ color:#008fd5; } /* #content ul.subchildren li img{ display:none; } #content ul.subchildren li .bubble{ display:none !important; } */ #content ul.subchildren.children-only{ /*padding-left:0;*/ } .basket.button{ display:none; } .expertbox{ display:none; } #breadcrumb{ display:none; } header .navlvl2 nav{ display:none; }/* inline-block */ header .navlvl2 nav ul.main{ display:block; }/* inline-table */ header .navlvl2 nav ul.main.thin li{ display:block; text-align:center; }/* inline-block left */ #content ul.subchildren{ width:auto; }/* 674 */ #content ul.subchildren li{ display:block; }/* inline-block */ #content .children .child .title{ width:92%; margin-right:0; }/* 263 */ #content .detail.general h1{ width:100%; } #content .detail.general h1 img{ margin:0 auto 20px; } #content .childlist{ display:block; width:100%; } #content .childlist ul.subchildren{ width:100%; } #content ul.subchildren li h3{ width:100%; } #content ul.subchildren li .circle{ width:100%; margin:15px 0; background:none; padding:0; } #content ul.subchildren li .circle h3{ color:#008FD5; } #content ul.subchildren li .circle:hover{ background:none; } #content .carousel-content-top, #content .carousel-content-container, #content .overlay-container{ display:none; } #content .richtext .colortable{ display:none; } header .navnextprev .center{ padding:50px 10px; } header .navnextprev h1{ display:block; } header .current-section h1, header .current-section .h1{ padding:0 20px; } #content .two-cols .col1{ width:100%; } #content .two-cols .col2{ width:100%; } #content .subchildren.two-cols .subchild{ width:100%; } #content .subchildren.two-cols .subchild:nth-child(2n+1){ margin-right:0; } #content .subchildren.two-cols .desc{ width:100%; } #content .subchildren.two-cols .thumbnail{ width:100%; text-align:center; padding-left:0; } footer .top{ padding:0; } .footer-content{ display:none; } .footer-content-mobile .menu-main{ border-bottom:2px solid #fff; } .footer-content-mobile .menu-main ul{ list-style:none; margin:0; padding:0; } .footer-content-mobile .menu-main li{ float:left; width:33%; text-align:center; padding:15px 0; font-size:18px; font-weight:bold; } .footer-content-mobile .menu-sub{ float:left; padding-left:20px; padding-top:15px; } .footer-content-mobile .menu-sub ul{ list-style:none; margin:0; padding:0; } .footer-content-mobile .menu-sub li{ font-size:14px; padding:5px 0; } .footer-content-mobile .cote{ float:right; padding-right:20px; padding-top:15px; } .footer-content-mobile .cote label{ font-size:14px; padding:5px 0; display:block; } .footer-content-mobile .cote td{ font-size:14px; padding:5px 0; } .footer-content-mobile .cote .link{ background: url("/transcontinental-corpo-theme/images/transco/pictos/arrow.png") no-repeat scroll 0 5px transparent; padding-left: 25px; padding-top:5px; display:block; } footer .footer-content-mobile .logos{ text-align:center; } footer .footer-content-mobile .logos a.logo-tc, footer .footer-content-mobile .logos .links{ float:none; } footer .bottom .copyright, footer .bottom .social{ float:none; text-align:center; }/* right */ footer .bottom .social-tool{ display:block; padding:5px 0; }/* inline-table */ #content .children .child .title h2 a:link, #content .children .child .title h2 a:visited, #content .subchildren.two-cols .desc h2, #content .subchildren.two-cols .desc h2 a, #content .two-cols .col1 h1, #content .two-cols .col1 h1 a{ font-size:28px !important; font-family:Arial; } #content .bubble{ text-align:center; } #content .richtext img.left{ padding:0; } /* affiche l'élément seulement sur un desktop */ .touch .desktoponly { display: none; } .touch .print-action { display: none; } .touch .theme1.lvl2.Service #content .children .child .legend { display: none; } .touch :not(.lt-ie9) #content .bubble .desc { display: none; } /* #inoIrChart_0 { width: 440px !important; }*/ /* ========================================================================== Media Queries ========================================================================== */ @media only screen and (max-width: 768px) { header .banner .sections{ display:none; } .mobilemenu{ width:100%; background:url("/transcontinental-corpo-theme/images/transco/bg-header-full.jpg") no-repeat scroll center top #111017; } .mobilemenu td{ width:33%; font-family:ConduitITCStd-Regular,Helvetica,Arial; text-align:center; padding:20px 0; } .mobilemenu a{ color:#FFFFFF; text-decoration:none; font-size:24px; } .mobilemenu a:hover{ color:#FF6600; text-decoration:none; } .mobilemenu a.Service:active, .mobilemenu a.Service:hover, .mobilemenu a.Service.active { color: #FF6600 !important; } .mobilemenu a.Marque:active, .mobilemenu a.Marque:hover, .mobilemenu a.Marque.active { color: #769614 !important; } .mobilemenu a.Expertise:active, .mobilemenu a.Expertise:hover, .mobilemenu a.Expertise.active { color: #E31B23 !important; } #content .detail.general .desc { margin: 0px; } #content .children .child .title { width: 100%; } .touch .theme1.lvl2.Service #content .children .child .label { margin-bottom: 0px; } .touch #content, .touch #content p, .touch #content li, .touch #content a { font-size: 16px !important; } .masterpage #content .left-col { margin-right: 0px; } .masterpage #content .left-col, .masterpage #content .right-col { width: auto; } .masterpage #content .item .desc { width: auto; } .detail.general.richtext.block > table { width: auto !important; } header .current-section h1, header .current-section .h1 { font-size: 57px; padding: 0 10px; } #content ul.subchildren.children-only { padding-left: 0px; } } @media only screen and (min-width: 480px) { /* ==================== INTERMEDIATE ==================== */ /* body{ border:3px solid blue; } */ .header.top .logo{ width:auto; } #content ul.subchildren li{ text-align:center; } header .banner .sections nav{ font-size:30px; } #content ul.subchildren li a.picture h3{ color:#000; } } @media only screen and (min-width: 768px) { /* ============ WIDE ============ */ /* body{ border:3px solid red; } */ .mobileonly{ display:none; } .header.top .logo{ padding-left:0; } header .banner{ display:block; } .header.top .search{ display:inline-table; width:178px; clear:none; padding-bottom:0; } .header.top .search input[type="text"]{ width:129px; } .header.top ul li.mobileonly{ display:none; } .header.top ul li.lang-select{ padding:0 10px 0 12px; } header .navlvl2 nav ul.main.large{ margin-left:12px; } header .navlvl2 nav ul.main li{ border-right:1px solid #c0c0c0; display:inline-table; margin:10px 0; padding:0 10px; text-align:center; } header .navlvl2 nav{ display:inline-block; }/* inline-block */ header .navlvl2 nav ul.main{ display:inline-table; }/* inline-table */ header .navlvl2 nav ul.main.thin li{ display:inline-block; text-align:center; }/* inline-block left */ header .navlvl3{ display:block; } header .navlvl3 .center nav{ height:31px; border-bottom:1px solid #c0c0c0; } header .navlvl3 .center nav ul li{ display:inline-block; height:31px; padding:0 28px; } #content .center{ margin:0 auto; } #content .children .child{ min-height:239px; margin-bottom:50px; } #content ul.subchildren li{ display:inline-block; } #content ul.subchildren li .bubble{ display:block !important; } .home #content .left-col{ display:inline-table; padding:0 2% 0 0; width:32%; } .home #content .right-col{ display:inline-table; width:50%; padding:0; } #content .detail.general .desc{ width:669px; } #content .children .child .title{ width:263px; margin-right:50px; } #breadcrumb{ display:block; } #tools{ text-align:left; } #tools #sharethis{ display:inline; margin:0 auto; float:right; } .basket.button{ display:block; } header .navlvl2 .center{ text-align:left; } #pageSubpageSelectMenuId{ display:none; } #content h2 a, #content h3 a, #content .h2 a, #content .h3 a { color:#000; } #content .detail.general h1{ width:311px; } #content .detail.general h1 img{ margin:0 0 0 40px; } #content .childlist{ display:inline-table; width:auto; } #content .childlist ul.subchildren{ width:674px; } #content ul.subchildren li h3{ width:151px; } #content ul.subchildren li .circle{ width:162px; margin:50px 28px 0; background:url("/transcontinental-corpo-theme/images/transco/pictos/bubble-blue.jpg") no-repeat scroll center top transparent; padding-top:115px; } #content ul.subchildren li .circle h3{ color:#000; } .Service #content ul.subchildren li .circle:hover{ background:url("/transcontinental-corpo-theme/images/transco/pictos/bubble-theme1.jpg") no-repeat scroll center top transparent; } .Marque #content ul.subchildren li .circle:hover{ background:url("/transcontinental-corpo-theme/images/transco/pictos/bubble-theme2.jpg") no-repeat scroll center top transparent; } .Expertise #content ul.subchildren li .circle:hover{ background:url("/transcontinental-corpo-theme/images/transco/pictos/bubble-theme3.jpg") no-repeat scroll center top transparent; } #content .richtext .colortable{ display:block; } header .navnextprev .center{ padding:50px 0 20px; } header .navnextprev h1{ display:inline-block; } #content .two-cols .col1{ width:322px; } #content .two-cols .col2{ width:670px; } #content .subchildren.two-cols .subchild{ width:460px; } #content .subchildren.two-cols .subchild:nth-child(2n+1){ margin-right:72px; } #content .subchildren.two-cols .desc{ width:280px; } #content .subchildren.two-cols .thumbnail{ width:auto; text-align:left; padding-left:25px; } footer .top{ padding-top:30px; } .footer-content{ display:block; } .footer-content-mobile{ display:none; } footer .sitemap{ display:block; margin:0 auto; } footer #cote{ display:block; margin:5px auto; } footer .bottom .copyright, footer .bottom .social{ float:right; text-align:left; }/* right */ footer .bottom .social-tool{ display:inline-table; padding:0; }/* inline-table */ #content .richtext img.left{ padding:5px 25px 20px 0; } /* } @media only screen and (min-width: 1010px) { */ /* =============== MAXIMAL =============== */ /* body{ border:3px solid yellow; } */ .header.top .logo{ margin-top:-19px; } .center{ width:996px; } /*.touch .center{ width:768px; }*/ .header.top{ height:auto; margin-bottom:2px; } .header.top .connect{ float:none; width:100%; margin:15px 0; } .header.top ul li:not(:first-child) {background: url(/transcontinental-corpo-theme/images/transco/pictos/list-separator.gif) no-repeat left 4px ;} .header.top ul li:first-child{ display:inline-block; } .header.top .basketwidget-portlet{ display:inline-table; } .header.top .links{ display:inline-table; } #nav-selector{ display:inline-table; } header .banner .center{ height:auto; min-height:230px; } header .banner nav, /*.lvl0.General header .banner nav{ padding-top: 18px; }*/ .lvl0 header .banner nav li{ padding:0; } header .banner nav, header .banner .sections nav{ width:264px; font-size:38px; } header .banner nav li{ border-top:1px solid #fff; } header .banner .portlet-boundary{ display:inline-table; text-align:left; } .lvl0 header .banner{ height:371px; } .lvl0.General header .banner{ height:230px; } header .banner { height: 230px; } header .banner nav li { width:auto; float:none; padding: 18px 0 18px 27px; } .lvl0 header .banner nav li{ width:auto; float:none; padding:38px 0 38px 27px; } .content.slider{ visibility:visible; } header .banner .sections .content.image{ visibility:visible; } header .banner .sections .content.text.active{ display:block; } .home #content .left-col{ display:inline-table; padding:0 75px 0 0;width:458px; } .home #content .right-col{ display:inline-table; width:458px; } header .navlvl2 #profile-selector{ display:block; } header .current-section h1, header .current-section .h1{ padding:0; } #content .carousel-content-top, #content .carousel-content-container, #content .overlay-container{ display:block; } #content ul.subchildren li a.picture{ padding:50px 35px 0; } #content .children .child .title h2 a:link, #content .children .child .title h2 a:visited, #content .subchildren.two-cols .desc h2, #content .subchildren.two-cols .desc h2 a, #content .two-cols .col1 h1, #content .two-cols .col1 h1 a{ font-family: ConduitITCStd-ExtraLight, Helvetica, Arial; font-size: 29px !important; } .lt-ie9 #content .children .child .title h2 a:link, .lt-ie9 #content .children .child .title h2 a:visited{ font-size: 24px !important; } footer .sitemap{ display:inline-table; margin:auto; } footer #cote{ display:inline-table; margin:auto; } }