/* start: extension/mchdesign/design/michelin/stylesheets/jquery-ui.min.css */ /*! jQuery UI - v1.10.4 - 2014-01-17 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;min-height:0}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-noicons{padding-left:.7em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:none}.ui-menu .ui-menu{margin-top:-3px;position:absolute}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-divider{margin:5px -2px 5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:normal}.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:normal;margin:-1px}.ui-menu .ui-state-disabled{font-weight:normal;margin:.4em 0 .2em;line-height:1.5}.ui-menu .ui-state-disabled a{cursor:default}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}.ui-menu .ui-menu-icon{position:static;float:right}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("/extension/mchdesign/design/michelin/stylesheets/images/animated-overlay.gif");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaa;background:#fff url(/extension/mchdesign/design/michelin/stylesheets/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url(/extension/mchdesign/design/michelin/stylesheets/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;color:#222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url(/extension/mchdesign/design/michelin/stylesheets/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999;background:#dadada url(/extension/mchdesign/design/michelin/stylesheets/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url(/extension/mchdesign/design/michelin/stylesheets/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url(/extension/mchdesign/design/michelin/stylesheets/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(/extension/mchdesign/design/michelin/stylesheets/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(/extension/mchdesign/design/michelin/stylesheets/images/ui-icons_222222_256x240.png)}.ui-widget-header .ui-icon{background-image:url(/extension/mchdesign/design/michelin/stylesheets/images/ui-icons_222222_256x240.png)}.ui-state-default .ui-icon{background-image:url(/extension/mchdesign/design/michelin/stylesheets/images/ui-icons_888888_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(/extension/mchdesign/design/michelin/stylesheets/images/ui-icons_454545_256x240.png)}.ui-state-active .ui-icon{background-image:url(/extension/mchdesign/design/michelin/stylesheets/images/ui-icons_454545_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(/extension/mchdesign/design/michelin/stylesheets/images/ui-icons_2e83ff_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(/extension/mchdesign/design/michelin/stylesheets/images/ui-icons_cd0a0a_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa url(/extension/mchdesign/design/michelin/stylesheets/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url(/extension/mchdesign/design/michelin/stylesheets/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px} /* end: extension/mchdesign/design/michelin/stylesheets/jquery-ui.min.css */ /* start: extension/mchdesign/design/michelin/stylesheets/michelin.chosen.css */ /*! Chosen, a Select Box Enhancer for jQuery and Prototype by Patrick Filler for Harvest, http://getharvest.com Version 1.1.0 Full source at https://github.com/harvesthq/chosen Copyright (c) 2011 Harvest http://getharvest.com MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md This file is generated by `grunt build`, do not edit it by hand. */ /* @group Base */ .chosen-container { position: relative; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .chosen-container .chosen-drop { position: absolute; top: 100%; left: -9999px; z-index: 1010; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; border: 1px solid #DEE2E7; border-top: 0; background: #fff; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); } .chosen-container.chosen-with-drop .chosen-drop { left: 0; } .chosen-container a { cursor: pointer; } /* @end */ /* @group Single Chosen */ .chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; padding: 8px; border: 1px solid #DEE2E7; background-color: #fff; color: #3C3C3C; text-decoration: none; white-space: nowrap; } .chosen-container-single .chosen-default { color: #989898; } .chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap; } .chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; } .chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; width: 20px; height: 100%; } .chosen-container-single .chosen-single div b { display: block; width: 100%; height: 100%; background: url('/extension/mchdesign/design/michelin/images/select-arrow.png') no-repeat 0px 15px; } @media (max-width: 768px) { .chosen-select { width: 100% !important; } } .chosen-container-single .chosen-drop { margin-top: -1px; background-clip: padding-box; } .chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; left: -9999px; } /* @end */ /* @group Results */ .chosen-container .chosen-results { position: relative; overflow-x: hidden; overflow-y: auto; margin: 0; padding: 0; max-height: 240px; -webkit-overflow-scrolling: touch; } .chosen-container .chosen-results li { display: none; margin: 0; padding: 5px; list-style: none; border-top: 1px solid #DEE2E7; font-size: 1.071428571em; /* eq to 15px */ -webkit-touch-callout: none; } .chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; } .chosen-container .chosen-results li.disabled-result { display: list-item; color: #DEE2E7; cursor: default; } .chosen-container .chosen-results li.highlighted { background-color: #EFF0F4; } .chosen-container .chosen-results li.no-results { display: list-item; background: #EFF0F4; } .chosen-container .chosen-results li.group-result { display: list-item; font-weight: bold; cursor: default; } .chosen-container .chosen-results li.group-option { padding-left: 15px; } .chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; } /* @end */ /* @group Multi Chosen */ .chosen-container-multi .chosen-choices { position: relative; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; width: 100%; height: auto !important; height: 1%; border: 1px solid #DEE2E7; background-color: #fff; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%); background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%); background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%); background-image: linear-gradient(#eeeeee 1%, #ffffff 15%); cursor: text; } .error .chosen-container-multi .chosen-choices { border: 1px solid #FE0000; } .chosen-container-multi .chosen-choices li { float: left; list-style: none; } .chosen-container-multi .chosen-choices li.search-field input { border: 0px; } .chosen-container-multi .chosen-choices li.search-choice { position: relative; margin: 3px 0 3px 5px; padding: 3px 20px 3px 5px; border: 1px solid #DEE2E7; background-color: #e4e4e4; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-clip: padding-box; box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; line-height: 13px; cursor: default; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; background: url('/extension/mchdesign/design/michelin/stylesheets/img/chosen-sprite.png') -42px 1px no-repeat; font-size: 1px; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; } .chosen-container-multi .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #DEE2E7; background-color: #e4e4e4; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); color: #666; } .chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4; } .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; } .chosen-container-multi .chosen-results { margin: 0; padding: 0; } .chosen-container-multi .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default; } /* @end */ /* @group Active */ .chosen-container-active .chosen-single { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #E0E2E1; box-shadow: 0 1px 0 #fff inset; } .chosen-container-active.chosen-with-drop .chosen-single div { border-left: none; background: transparent; } .chosen-container-active .chosen-choices { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } /* @end */ /* @group Disabled Support */ .chosen-disabled { opacity: 0.5 !important; cursor: default; } .chosen-disabled .chosen-single { cursor: default; } .chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; } /* @end */ /* end: extension/mchdesign/design/michelin/stylesheets/michelin.chosen.css */ /* start: extension/mchdesign/design/michelin/stylesheets/michelin.bxslider.css */ /* Custom CSS to handle the sliders */ .bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0 30px; *zoom: 1; -ms-touch-action: none; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; padding-top: 3px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 10; overflow: hidden; } .bx-wrapper .bx-controls-direction a:before { content: '\e820'; font-family: fontello; font-style: normal; font-weight: 400; font-size: 2.3rem; color: #404040; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; position: absolute; display: block; text-decoration: none; text-indent: 0; } .bx-wrapper .bx-controls-direction .bx-prev:before { content: '\e81f'; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } .bx-wrapper img { display: inline; } .bx-wrapper .bx-controls-direction a { width: 26px; height: 26px; } .bx-wrapper .bx-prev { left: 0; color: #f2f2f3; } .bx-wrapper .bx-prev:hover { left: 0; color: #e3e4e5; } .bx-wrapper .bx-prev.inactive { left: 0; color: #f8f8f9; } .bx-wrapper .bx-next { right: 0; color: #f2f2f3; } .bx-wrapper .bx-next:hover { right: 0; color: #e3e4e5; } .bx-wrapper .bx-next.inactive { right: 0; color: #f8f8f9; } .slider .bx-controls-direction a, .slider .bx-controls-direction a:hover, .slider .bx-controls-direction a.inactive { width: 25px; } .slider .bx-controls-direction a:hover { color: #e3e4e5; } .slider .bx-controls-direction a.inactive { color: #f8f8f9; } /* end: extension/mchdesign/design/michelin/stylesheets/michelin.bxslider.css */ /* start: extension/mchdesign/design/michelin/stylesheets/jquery.scrollbar.css */ /*************** SCROLLBAR BASE CSS ***************/ .scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; } .scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important; } .scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0; } .scroll-element { display: none; } .scroll-element, .scroll-element div { box-sizing: content-box; } .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block; } .scroll-element .scroll-bar, .scroll-element .scroll-arrow { cursor: default; } .scroll-textarea { border: 1px solid #cccccc; border-top-color: #999999; } .scroll-textarea > .scroll-content { overflow: hidden !important; } .scroll-textarea > .scroll-content > textarea { border: none !important; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important; } .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0; } /*************** SIMPLE INNER SCROLLBAR ***************/ .scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-inner > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-x { bottom: 2px; height: 8px; left: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-y { height: 100%; right: 2px; top: 0; width: 8px; } .scrollbar-inner > .scroll-element .scroll-element_outer { overflow: hidden; } .scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.4; } .scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; } .scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; } .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; } .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; } .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; } /*************** SIMPLE OUTER SCROLLBAR ***************/ .scrollbar-outer > .scroll-element, .scrollbar-outer > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-outer > .scroll-element { background-color: #ffffff; } .scrollbar-outer > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-outer > .scroll-element.scroll-x { bottom: 0; height: 12px; left: 0; width: 100%; } .scrollbar-outer > .scroll-element.scroll-y { height: 100%; right: 0; top: 0; /*width: 12px;*/ } .scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; } .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; } .scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; } .scrollbar-outer > .scroll-element .scroll-element_track { background-color: #eeeeee; } .scrollbar-outer > .scroll-element .scroll-element_outer, .scrollbar-outer > .scroll-element .scroll-element_track, .scrollbar-outer > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .scrollbar-outer > .scroll-element .scroll-bar { background-color: #d9d9d9; } .scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; } .scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } /* scrollbar height/width & offset from container borders */ .scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; } .scrollbar-outer > .scroll-content.scroll-scrollx_visible { top: -12px; margin-top: 12px; } .scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; } .scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; } .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; } .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; } .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; } /*************** SCROLLBAR MAC OS X ***************/ .scrollbar-macosx > .scroll-element, .scrollbar-macosx > .scroll-element div { background: none; border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-macosx > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-macosx > .scroll-element .scroll-element_track { display: none; } .scrollbar-macosx > .scroll-element .scroll-bar { background-color: #6C6E71; display: block; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .scrollbar-macosx:hover > .scroll-element .scroll-bar, .scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; } .scrollbar-macosx > .scroll-element.scroll-x { bottom: 0px; height: 0px; left: 0; min-width: 100%; overflow: visible; width: 100%; } .scrollbar-macosx > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0px; top: 0; width: 0px; } /* scrollbar height/width & offset from container borders */ .scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; } .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; } .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; } .scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; } /*************** SCROLLBAR LIGHT ***************/ .scrollbar-light > .scroll-element, .scrollbar-light > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scrollbar-light > .scroll-element { background-color: #ffffff; } .scrollbar-light > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-light > .scroll-element .scroll-element_outer { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .scrollbar-light > .scroll-element .scroll-element_size { background: #dbdbdb; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+'); background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dbdbdb), color-stop(100%,#e8e8e8)); background: -webkit-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%); background: -o-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%); background: -ms-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%); background: linear-gradient(to right, #dbdbdb 0%,#e8e8e8 100%); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .scrollbar-light > .scroll-element.scroll-x { bottom: 0; height: 17px; left: 0; min-width: 100%; width: 100%; } .scrollbar-light > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0; top: 0; width: 17px; } .scrollbar-light > .scroll-element .scroll-bar { background: #fefefe; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+'); background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fefefe), color-stop(100%,#f5f5f5)); background: -webkit-linear-gradient(left, #fefefe 0%,#f5f5f5 100%); background: -o-linear-gradient(left, #fefefe 0%,#f5f5f5 100%); background: -ms-linear-gradient(left, #fefefe 0%,#f5f5f5 100%); background: linear-gradient(to right, #fefefe 0%,#f5f5f5 100%); border: 1px solid #dbdbdb; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } /* scrollbar height/width & offset from container borders */ .scrollbar-light > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; } .scrollbar-light > .scroll-content.scroll-scrollx_visible { top: -17px; margin-top: 17px; } .scrollbar-light > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 0px; } .scrollbar-light > .scroll-element.scroll-y .scroll-bar { left: 0px; min-height: 10px; width: 10px; } .scrollbar-light > .scroll-element.scroll-x .scroll-element_outer { height: 12px; left: 2px; top: 2px; } .scrollbar-light > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-light > .scroll-element.scroll-y .scroll-element_outer { left: 2px; top: 2px; width: 12px; } .scrollbar-light > .scroll-element.scroll-y .scroll-element_size { top: -4px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; } .scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; } .scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; } .scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; } /*************** SCROLLBAR RAIL ***************/ .scrollbar-rail > .scroll-element, .scrollbar-rail > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scrollbar-rail > .scroll-element { background-color: #ffffff; } .scrollbar-rail > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-rail > .scroll-element .scroll-element_size { background-color: #999; background-color: rgba(0, 0, 0, 0.3); } .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size { background-color: #666; background-color: rgba(0, 0, 0, 0.5); } .scrollbar-rail > .scroll-element.scroll-x { bottom: 0; height: 12px; left: 0; min-width: 100%; padding: 3px 0 2px; width: 100%; } .scrollbar-rail > .scroll-element.scroll-y { height: 100%; min-height: 100%; padding: 0 2px 0 3px; right: 0; top: 0; width: 12px; } .scrollbar-rail > .scroll-element .scroll-bar { background-color: #d0b9a0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); } .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar { box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); } /* scrollbar height/width & offset from container borders */ .scrollbar-rail > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; } .scrollbar-rail > .scroll-content.scroll-scrollx_visible { margin-top: 17px; top: -17px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 1px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-bar { left: 1px; min-height: 10px; width: 10px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer { height: 15px; left: 5px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-element_size { height: 2px; left: -10px; top: 5px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer { top: 5px; width: 15px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-element_size { left: 5px; top: -10px; width: 2px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -25px; } .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -25px; } .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -25px; } .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -25px; } /*************** SCROLLBAR DYNAMIC ***************/ .scrollbar-dynamic > .scroll-element, .scrollbar-dynamic > .scroll-element div { background: none; border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-dynamic > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-dynamic > .scroll-element.scroll-x { bottom: 2px; height: 7px; left: 0; min-width: 100%; width: 100%; } .scrollbar-dynamic > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 2px; top: 0; width: 7px; } .scrollbar-dynamic > .scroll-element .scroll-element_outer { opacity: 0.3; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .scrollbar-dynamic > .scroll-element .scroll-element_size { background-color: #cccccc; opacity: 0; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; -ms-transition: opacity 0.2s; transition: opacity 0.2s; } .scrollbar-dynamic > .scroll-element .scroll-bar { background-color: #6c6e71; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } /* scrollbar height/width & offset from container borders */ .scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar { bottom: 0; height: 7px; min-width: 24px; top: auto; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar { left: auto; min-height: 24px; right: 0; width: 7px; } .scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer { bottom: 0; top: auto; left: 2px; -webkit-transition: height 0.2s; -moz-transition: height 0.2s; -o-transition: height 0.2s; -ms-transition: height 0.2s; transition: height 0.2s; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer { left: auto; right: 0; top: 2px; -webkit-transition: width 0.2s; -moz-transition: width 0.2s; -o-transition: width 0.2s; -ms-transition: width 0.2s; transition: width 0.2s; } .scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size { top: -4px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; } .scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; } /* hover & drag */ .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer { overflow: hidden; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; } .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size { opacity: 1; } .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar { height: 100%; width: 100%; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer { height: 20px; min-height: 7px; } .scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer { min-width: 7px; width: 20px; } /*************** SCROLLBAR GOOGLE CHROME ***************/ .scrollbar-chrome > .scroll-element, .scrollbar-chrome > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scrollbar-chrome > .scroll-element { background-color: #ffffff; } .scrollbar-chrome > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-chrome > .scroll-element .scroll-element_outer {} .scrollbar-chrome > .scroll-element .scroll-element_track { background: #f1f1f1; border: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-x { bottom: 0; height: 16px; left: 0; min-width: 100%; width: 100%; } .scrollbar-chrome > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0; top: 0; width: 16px; } .scrollbar-chrome > .scroll-element .scroll-bar { background-color: #d9d9d9; border: 1px solid #bdbdbd; cursor: default; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .scrollbar-chrome > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; border-color: #a9a9a9; } .scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; border-color: #7e7e7e; } /* scrollbar height/width & offset from container borders */ .scrollbar-chrome > .scroll-content.scroll-scrolly_visible { left: -16px; margin-left: 16px; } .scrollbar-chrome > .scroll-content.scroll-scrollx_visible { top: -16px; margin-top: 16px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-bar { height: 8px; min-width: 10px; top: 3px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-bar { left: 3px; min-height: 10px; width: 8px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer { border-left: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track { height: 14px; left: -3px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size { height: 14px; left: -4px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer { border-top: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track { top: -3px; width: 14px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size { top: -4px; width: 14px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; } .scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; } .scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; } .scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; } /* end: extension/mchdesign/design/michelin/stylesheets/jquery.scrollbar.css */ /* start: extension/mchdesign/design/michelin/stylesheets/article.css */ .article { position: relative; } .article .wrapper-article { margin-top: 60px; } .article .wrapper-article > * { padding: 0 0 0 50px; } .article h1, .mediatheque h1 { text-transform: uppercase; position: relative; padding-bottom: 10px; } .article h1:after, .article .subtitle:after { content: ""; height: 4px; width: 60px; background: #FAE500; position: absolute; bottom: 0; left: 0; } .article .subtitle { margin-top: -25px; position: relative; margin-bottom: 30px; padding-bottom: 20px; } @media (max-width: 768px) { .article .wrapper-article > * { padding: 0; } .article img { width: 100%; } .article .picto img, .article .evolution img, .article img.required { width: auto; } .article .rte .pal { padding: 30px 0; } .article .wrapper-article .secondary { margin-left: 10px; margin-right: 10px; } .article .rte p, .article .headline { line-height: 1.3; } .article figure.left, .article figure.right { float: left; width: 100%; } .article figure.left + *, .article figure.right + * { clear: both; } .article figure.left img , .article figure.right img { width: auto; } .rte .w33 { width: 100%; } } .biographie .wrapper-article > * { padding: 0; } .article .anchor-sum { position: absolute; top: 0; left: 0; z-index: 20; background: #fff; } @media (max-width: 768px) { .article .anchor-sum { display: none; } } .article .anchor-sum .anchor-title .anchor-arrow{ background: url(/extension/mchdesign/design/michelin/images/summary-arrow.png) no-repeat center center; display: block; height: 8px; left: -7px; position: absolute; top: 40%; width: 10px; } .article .anchor-sum li { border-top: 1px solid #EFF0F4; padding: 2px; position: relative; } .article .anchor-sum .anchor-title { position: absolute; top: 0; left: 100%; background: #FFE800; text-transform: uppercase; font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; font-size: .7143em; /* equiv 10px */ margin-left: 5px; margin-top: 2px; } .article .anchor-sum .anchor-title .arrow { position: absolute; top: 50%; margin-top: -6px; left: -8px; } .article .anchor-sum a { text-indent: -9999px; display: block; background: url('/extension/mchdesign/design/michelin/images/css/summary-sprite.png'); background-repeat: no-repeat; width: 36px; height: 40px; overflow: hidden; } .article .anchor-sum a.video { background-position: -40px -80px; } .article .anchor-sum a.video.selected, .article .anchor-sum a.video.hover { background-position: 0 -80px; } .article .anchor-sum a.text { background-position: -40px 4px; } .article .anchor-sum a.text.selected, .article .anchor-sum a.text.hover { background-position: 0 4px; } .article .anchor-sum a.graphics, .article .anchor-sum a.picture { background-position: -40px -40px; } .article .anchor-sum a.picture.selected, .article .anchor-sum a.picture.hover { background-position: 0 -40px; } .article .anchor-sum a.download { background-position: -40px -120px; } .article .anchor-sum a.download.selected, .article .anchor-sum a.download.hover { background-position: 0 -120px; } .article .anchor-sum a.event { background-position: -40px -160px; } .article .anchor-sum a.event.selected, .article .anchor-sum a.event.hover { background-position: 0 -160px; } .article .anchor-sum a.meeting { background-position: -40px -234px; } .article .anchor-sum a.meeting.selected, .article .anchor-sum a.meeting.hover { background-position: 0 -234px; } .article .anchor-sum a.graphics { background-position: -40px -270px; } .article .anchor-sum a.graphics.selected, .article .anchor-sum a.graphics.hover { background-position: 0 -270px; } .article .anchor-sum a.mail { background-position: -40px -196px; } .article .anchor-sum a.mail.selected, .article .anchor-sum a.mail.hover { background-position: 0 -196px; } .article .anchor-sum a.keyfact { background-position: -40px -308px; } .article .anchor-sum a.keyfact.selected, .article .anchor-sum a.keyfact.hover { background-position: 0 -308px; } .article .anchor-sum a.quote { background-position: -40px -348px; } .article .anchor-sum a.quote.selected, .article .anchor-sum a.quote.hover { background-position: 0 -348px; } .article .anchor-sum a.contact { background-position: -40px -388px; } .article .anchor-sum a.contact.selected, .article .anchor-sum a.contact.hover { background-position: 0 -388px; } .article .secondary > :first-child { background: url('/extension/mchdesign/design/michelin/images/css/article-separator.png') no-repeat top left; background-size: 100%; padding-top:30px; } .article .secondary + .secondary > :first-child { background: none; } .inner-dashboard .article .secondary > :first-child { background: none; } .article .first h2, .finance h2 { margin-bottom: 1em; } .article .secondary .paragraph { border-bottom: 1px solid #EFF0F4; } .paragraph.background-grey { background: #f2f2f3!important; padding: 20px; } @media (max-width: 768px) { .article .secondary section .phm { padding-left: 0; padding-right: 0; } } .article .secondary .sub-title { margin-top: 10px; text-transform: uppercase; font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; color: #999; font-size: 1em; padding-bottom: 10px; background: url('/extension/mchdesign/design/michelin/images/css/sub-title-border.png') no-repeat bottom center; } .article .secondary .title { text-transform: uppercase; font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; color: #3C3C3C; font-size: 1.4286em; /* equiv 20px */ line-height: 1.05; margin-bottom: 30px; } .article .secondary .video-thumb { position: relative; } .article .secondary .video-thumb:before { content: url('/extension/mchdesign/design/michelin/images/css/over-video.png'); top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; position: absolute; } .article .agenda li { overflow: hidden; } .article .agenda .odd { background: #EFF0F4; } .agenda .day { color: #27509b; text-transform: uppercase; font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; line-height: 1; margin: 0 10px 0 0; } .agenda .day.linear-blue { color: #fff; } .article .agenda .day { width: 125px; } .article .agenda .action a { text-decoration: none; } @media (max-width: 768px) { .article .agenda .action a { display: block; } } .agenda .day .number { font-size : 2.5em; } .article .agenda .title-event { display: block; color: #3C3C3C; font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; text-transform: uppercase; text-decoration: none; margin: 0; font-size: 1em; line-height: 1.3; margin: 5px 0; } .article .agenda .category { font-weight: bold; font-style: italic; } .article .agenda .location { color: #27509b; text-transform: uppercase; font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; padding-right: 35px; } .article .agenda .location a { color: inherit; } .article .agenda .location li { display: inline; padding-right: 2px; border: none; } .article .agenda .location li + li { border-left: 1px solid #EFF0F4; padding-left: 5px; } .article .open .hide-when-open { display: none; } .article .open .txtcenter-when-open { text-align: center; } /* START OF THE MILESTONES ARTICLE */ .article .mch_paragraph_keyfacts .milestones-highlight { margin-left: -20px; margin-right: -20px; } .article .mch_paragraph_keyfacts .milestones-highlight .highlight { overflow: hidden; margin-bottom: 20px; } .article .mch_paragraph_keyfacts .milestones-highlight .highlight a.button { display: block; position: static; margin-top: 10px; float: right; } .article .mch_paragraph_keyfacts .milestones-highlight .highlight .yellow-button img { width: auto; margin-bottom: 0; padding-top: 8px; } .article .mch_paragraph_keyfacts .milestones-highlight h2 { margin-left: 20px; margin-right: 20px; } .article .mch_paragraph_keyfacts .milestones-highlight .line { display: table; width: 100%; margin: 30px 0; } .article .mch_paragraph_keyfacts .milestones-highlight .line .highlight { display: table-cell; padding-left: 20px; padding-right: 20px; width: 100%; } .article .mch_paragraph_keyfacts .milestones-highlight .line.col-2 .highlight { width: 50%; } .article .mch_paragraph_keyfacts .meta { font-family: arial; font-style: italic; } .article .mch_paragraph_keyfacts .meta > * { margin-right: 5px; } .article .mch_paragraph_keyfacts .meta .type { display: inline-block; } .article .mch_paragraph_keyfacts .meta .date { display: inline-block; font-weight: 700; color: #27509b; } .article .mch_paragraph_keyfacts .wrapper-meta { overflow: hidden; border: 1px solid #EFF0F4; padding: 15px; } .article .mch_paragraph_keyfacts .milestone-grid h3, .article .mch_paragraph_keyfacts .milestones-highlight h3 { margin: 10px 0; } .article .mch_paragraph_keyfacts .milestone-grid img, .article .mch_paragraph_keyfacts .milestones-highlight img { display: block; width: 100%; } .article .mch_paragraph_keyfacts .detail { margin-bottom: 15px; font-family: arial; font-style: italic; } .article .mch_paragraph_keyfacts .milestone-grid h2 { margin-bottom: 30px; } .article .mch_paragraph_keyfacts .milestone-grid { position: relative; } .article .mch_paragraph_keyfacts .milestone-grid .dashboard-filters { margin-bottom: 20px; font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; font-style: italic; color: #27509b; padding: 15px 15px 5px 15px; background: #EFF0F4; } .article .mch_paragraph_keyfacts .milestone-grid .dashboard-filters .label { display: block; float: left; } .article .mch_paragraph_keyfacts .milestone-grid .dashboard-filters .filters-list { display: block; overflow: hidden; } .article .mch_paragraph_keyfacts .milestone-grid .dashboard-filters .dashboard-filter { margin: 0 0 10px 20px; padding: 0; background: 0; border: 0; outline: 0; } .article .mch_paragraph_keyfacts .milestone-grid .dashboard-filters .dashboard-filter .jqTransformCheckbox { display: inline-block; margin-right: 10px; } .article .mch_paragraph_keyfacts .milestone-grid #dashboard-container .milestone { margin-bottom: 25px; padding: 0 10px; background: 0; font-family: inherit; text-transform: inherit; } .article .mch_paragraph_keyfacts .milestone-grid .milestone img { margin-bottom: 0; } .article .mch_paragraph_keyfacts .milestone-grid .milestone .text { padding: 15px; background: #E3EAF4; overflow: hidden; } .article .mch_paragraph_keyfacts .milestone-grid .milestone.odd .text { background-color: #F8F8F8; } .article .mch_paragraph_keyfacts .milestone-grid .milestone .detail { margin-bottom: 0; } .article .mch_paragraph_keyfacts .milestone-grid #dashboard-container a.button { display: block; position: static; margin-top: 10px; float: right; } .article .mch_paragraph_keyfacts .long-content-display-innovation { margin-top: 10px; } @media (max-width: 768px) { .article .mch_paragraph_keyfacts .long-content-display-innovation { margin-left: -20px; margin-right: -20px; } .article .mch_paragraph_keyfacts .long-content-display-innovation .share-tool img { width: auto; } } /* END OF THE MILESTONES ARTICLE */ .wrapper-article-pager { margin-bottom: -6px; } .article-pager { width: auto; margin: auto; display: inline-block; } .article-pager .bx-wrapper .bx-controls-direction a { height: 100%; width: 30px; top: 0; margin-top: 0; } .article-pager .bx-pager a { border-right: 1px solid #EFF0F4; } .article-pager .bx-pager .slide { filter : alpha(opacity=30); opacity : 0.3; } .article-pager .bx-pager .slide.selected { filter : alpha(opacity=100); opacity : 1; } .article-slider img { width: 100% } .article-slider .bx-wrapper, .article-pager .bx-wrapper { padding: 0; } .article-pager .bx-wrapper .bx-prev:before, .article-pager .bx-wrapper .bx-next:before { display: none; } .article-pager .bx-wrapper .bx-prev { left: 0; background: #f2f2f3 url(/extension/mchdesign/design/michelin/images/css/arrow-off-left.png) no-repeat center center; } .article-pager .bx-wrapper .bx-prev:hover { left: 0; background: #e3e4e5 url(/extension/mchdesign/design/michelin/images/css/arrow-on-left.png) no-repeat center center; } .article-pager .bx-wrapper .bx-prev.inactive { left: 0; background: #f8f8f9 url(/extension/mchdesign/design/michelin/images/css/arrow-inactive-left.png) no-repeat center center; } .article-pager .bx-wrapper .bx-next { right: 0; background: #f2f2f3 url(/extension/mchdesign/design/michelin/images/css/arrow-off-right.png) no-repeat center; } .article-pager .bx-wrapper .bx-next:hover { right: 0; background: #e3e4e5 url(/extension/mchdesign/design/michelin/images/css/arrow-on-right.png) no-repeat center; } .article-pager .bx-wrapper .bx-next.inactive { right: 0; background: #f8f8f9 url(/extension/mchdesign/design/michelin/images/css/arrow-inactive-right.png) no-repeat center; } .article-slider .bx-wrapper .bx-prev { left: 0; background: url(/extension/mchdesign/design/michelin/images/css/article-slider-left.png) no-repeat center; width: 75px; height: 75px; margin-top: -37px; } .article-slider .bx-wrapper .bx-next { right: 0; background: url(/extension/mchdesign/design/michelin/images/css/article-slider-right.png) no-repeat center; width: 75px; height: 75px; margin-top: -37px; } .article-slider .bx-wrapper .bx-controls-direction a { display: none; } .article-slider .bx-wrapper .bx-controls-direction a:before { display: none; } .article-slider .bxslider .slider-caption { position: absolute; bottom: 0; height:26px; background: url(/extension/mchdesign/design/michelin/images/css/slider-bg-caption.png) repeat-x center; color: #fff; padding: 3px 18px 0 18px; } .first .article-slider .bxslider li { padding: 0px; margin-top:0; } /* responsive table */ .table-wrapper { position: relative; } .table-wrapper .scrollable { overflow: hidden; } .table-wrapper .scrollable .scrollable-wrapper { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding-right: 1px; margin-left: -1px; } .table-wrapper .responsive .first-child { display: none; } .table-wrapper .pinned { position: absolute; left: 0; top: 0; } .table-wrapper .pinned td, .table-wrapper .pinned th { border-right: none!important; } .table-wrapper .btn-move { position: absolute; right: -35px; top: 50%; width: 25px; margin-top: -100px; } @media (max-width: 768px) { .table-wrapper .btn-move { right: -25px; } } .table-wrapper .btn-move .move-right, .table-wrapper .btn-move .move-left { height: 97px; } @media (max-width: 768px) { .table-wrapper .btn-move .move-right, .table-wrapper .btn-move .move-left { height: 60px; } } .table-wrapper .btn-move .move-left, .table-wrapper .btn-move .move-left:hover, .table-wrapper .btn-move .move-left.inactive { text-indent: -9999px; background: #f2f2f3 url('/extension/mchdesign/design/michelin/images/css/arrow-off-left.png') no-repeat center center; width: 25px; display: block; margin-top: 1px; overflow: hidden; } .table-wrapper .btn-move .move-left:hover { background: #e3e4e5 url('/extension/mchdesign/design/michelin/images/css/arrow-on-left.png') no-repeat center center; } .table-wrapper .btn-move .move-left.inactive { background: #f8f8f9 url('/extension/mchdesign/design/michelin/images/css/arrow-inactive-left.png') no-repeat center center; } .table-wrapper .btn-move .move-right, .table-wrapper .btn-move .move-right:hover, .table-wrapper .btn-move .move-right.inactive { text-indent: -9999px; background: #f2f2f3 url('/extension/mchdesign/design/michelin/images/css/arrow-off-right.png') no-repeat center center; width: 25px; display: block; overflow: hidden; } .table-wrapper .btn-move .move-right:hover { background: #e3e4e5 url('/extension/mchdesign/design/michelin/images/css/arrow-on-right.png') no-repeat center center; } .table-wrapper .btn-move .move-right.inactive { background: #f8f8f9 url('/extension/mchdesign/design/michelin/images/css/arrow-inactive-right.png') no-repeat center center; } .long-content-display .article .wrapper-article > *, .long-content-display-innovation .article .wrapper-article > * { padding: 0; } .long-content-display-innovation .large-w75, .long-content-display .large-w75, .long-content-display-profil .large-w75 { width: 100%!important; border:none!important; } .article .large-w75.pl0 { padding-left:0; } .normal-layout .article .wrapper-article .release.yellow-button { padding:0 10px 0 10px; margin-left:71px; } @media (max-width: 768px) { .normal-layout .article .wrapper-article .release.yellow-button { margin-left: 0; } } .normal-layout .article .wrapper-article .release.yellow-button.ml0 { margin-left:0; } @media (min-width: 1280px) { .normal-layout .article .wrapper-article > * { padding-right: 0; } .normal-layout .article-layers .direct-calendar-switch-month .bibendum, .article-layers .layer.go-further .direct-calendar-switch-month .bibendum { display: none; } .normal-layout .article-layers .direct-calendar-switch-month .month-nav { float:none; } .normal-layout .article .wrapper-article .large-w75 { margin: auto; } .normal-layout .article .wrapper-article .large-w75 > * { padding-right: 30px; } /* .normal-layout .article-layers .go-further { position: absolute; top: 0; left: 75%; width: 25%; margin-top: 0; padding: 0!important; } .normal-layout .article-layers .go-further .direct-video { padding: 20px 0; } .article-layers .go-further h2 { border-top: none; } .article-layers .go-further .direct-calendar-switch-month { padding: 0; } .article-layers .go-further .direct-calendar-switch-month .month-nav { width: 100%; } .article-layers .go-further .direct-calendar-switch-month .month-nav .month-previous, .article-layers .go-further .direct-calendar-switch-month .month-nav .month-next { margin: 0; } .article-layers .go-further .go-further-block, .article-layers .go-further .go-further-block > * { display: block; width: 100%; } .article-layers .go-further .go-further-block > div + div { border-top: 1px solid #EFF0F4; border-left: none; } .article-layers .go-further .wrapper-smart-width { max-width: 350px; margin-left: 0; padding: 0 40px 0 0!important; } .article-layers .go-further .go-further-block > * { padding: 0 0 30px 0; } .article-layers .go-further .go-further-block h3 { position: static; } .article-layers .go-further .calendar-element .arrow { background: url('/extension/mchdesign/design/michelin/images/css/go-further-event-arrow-right.png') no-repeat center left; position: absolute; top: 50%; left: auto; right: -9px; } .article-layers .go-further .bx-wrapper { padding: 40px 0; } .article-layers .go-further .bx-controls-direction a, .article-layers .go-further .bx-controls-direction a:hover, .article-layers .go-further .bx-controls-direction a.inactive { background-color: #f2f2f3; background-position: center center; width: 97px; height: 25px; margin-left: -48px; margin-top: 0; } .article-layers .go-further .bx-controls-direction a:hover { background-color: #e3e4e5; } .article-layers .go-further .bx-controls-direction a.inactive { background-color: #f8f8f9; } .article-layers .go-further .bx-controls-direction .bx-prev, .article-layers .go-further .bx-controls-direction .bx-prev:hover, .article-layers .go-further .bx-controls-direction .bx-prev.inactive { background: #f2f2f3 url('/extension/mchdesign/design/michelin/images/css/arrow-off-top.png') no-repeat center;; top: 0; left: 50%; } .article-layers .go-further .bx-controls-direction .bx-prev:hover { background: #e3e4e5 url('/extension/mchdesign/design/michelin/images/css/arrow-on-top.png') no-repeat center;; } .article-layers .go-further .bx-controls-direction .bx-prev.inactive { background: #f8f8f9 url('/extension/mchdesign/design/michelin/images/css/arrow-inctive-top.png') no-repeat center;; } .article-layers .go-further .bx-controls-direction .bx-next, .article-layers .go-further .bx-controls-direction .bx-next:hover, .article-layers .go-further .bx-controls-direction .bx-next.inactive { background: #f2f2f3 url('/extension/mchdesign/design/michelin/images/css/arrow-off-bottom.png') no-repeat center;; bottom: 0; top: auto; right: auto; left: 50%; } .article-layers .go-further .bx-controls-direction .bx-next:hover { background: #e3e4e5 url('/extension/mchdesign/design/michelin/images/css/arrow-on-bottom.png') no-repeat center;; } .article-layers .go-further .bx-controls-direction .bx-next.inactive { background: #f8f8f9 url('/extension/mchdesign/design/michelin/images/css/arrow-inactive-bottom.png') no-repeat center;; } */ } @media (max-width: 960px) { .article .finance .agenda .location, .article .finance .agenda .title-event { max-width: 368px; } } /*FAQ CSS */ .article.faq .secondary .phm.first { padding-top:32px; } .article.faq section .phm { /*width:64%;*/ width: 100%; text-align: center; margin: auto; } .article.faq .phm.header { padding-bottom: 32px; } .article.faq div.rte { background: url('/extension/mchdesign/design/michelin/images/css/sub-title-border.png') no-repeat top center; padding-top:17px; } .article.faq .faq-title-h2 { margin-bottom:10px; } .article.faq .secondary h2 { font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; } /**/ /*BIOGRAPHIE CSS*/ .article.biographie .v-card .v-card-button { display: inline-block; width: auto; margin: 0; padding: 0 10px; top: -15px; position: relative; font-size: 0.7143em; } .article.biographie blockquote { margin-left: 0; } .article.biographie .content-text .v-card { position: relative; } .article.biographie .v-card .v-card-button-close { position: absolute; top: 2px; right: 2px; } .article.biographie .content-text .full-address .address { display: block; } .article.biographie .content-text .full-address .city { text-transform: uppercase; } .article.biographie .content-text .phone-numbers, .article.biographie .content-text .full-address { line-height: 1; } .article.biographie .content-text .phone-numbers > * { display: block; } .article.biographie .content-text .v-card h3 { display: block; margin-bottom: 0.7em; font-size: 1em; } .article.biographie .v-card .content { position: relative; box-shadow: 0 0 10px #989898; } .ie8 .article.biographie .v-card .content , .ie9 .article.biographie .v-card .content { margin: 0 9px; } .ie8 .article.biographie .v-card .v-card-button .yellow-button > img{ margin-bottom:3px; } .ie8 .article.biographie .v-card .content:before , .ie9 .article.biographie .v-card .content:before { content: ""; display: inline-block; position: absolute; top: 0; left: -9px; width: 9px; height: 100%; background: url(/extension/mchdesign/design/michelin/images/css/shadow-left.png) repeat-y; } .ie8 .article.biographie .v-card .content:after , .ie9 .article.biographie .v-card .content:after { content: ""; display: inline-block; position: absolute; top: 0; right: -9px; width: 9px; height: 100%; background: url(/extension/mchdesign/design/michelin/images/css/shadow-right.png) repeat-y; } .ie8 .article.biographie .v-card .content.top , .ie9 .article.biographie .v-card .content.top { position: relative; margin: 0 9px; height: 9px; background: url(/extension/mchdesign/design/michelin/images/css/shadow-top.png) repeat-x; } .ie8 .article.biographie .v-card .content.top:before , .ie9 .article.biographie .v-card .content.top:before { content: ""; display: inline-block; position: absolute; top: 0; left: -9px; width: 9px; height: 9px; background: url(/extension/mchdesign/design/michelin/images/css/shadow-top.png) repeat-x 0 -9px; } .ie8 .article.biographie .v-card .content.top:after , .ie9 .article.biographie .v-card .content.top:after { content: ""; display: inline-block; position: absolute; top: 0; right: -9px; width: 9px; height: 9px; background: url(/extension/mchdesign/design/michelin/images/css/shadow-top.png) repeat-x 0 -18px; } .ie8 .article.biographie .v-card .content.bottom , .ie9 .article.biographie .v-card .content.bottom { position: relative; margin: 0 9px; height: 9px; background: url(/extension/mchdesign/design/michelin/images/css/shadow-bottom.png) repeat-x; } .ie8 .article.biographie .v-card .content.bottom:before , .ie9 .article.biographie .v-card .content.bottom:before { content: ""; display: inline-block; position: absolute; top: 0; left: -9px; width: 9px; height: 9px; background: url(/extension/mchdesign/design/michelin/images/css/shadow-bottom.png) repeat-x 0 -9px; } .ie8 .article.biographie .v-card .content.bottom:after , .ie9 .article.biographie .v-card .content.bottom:after { content: ""; display: inline-block; position: absolute; top: 0; right: -9px; width: 9px; height: 9px; background: url(/extension/mchdesign/design/michelin/images/css/shadow-bottom.png) repeat-x 0 -18px; } .mch_page_biography.rte ul { padding-left:0; } .mch_page_biography blockquote { font-size:2.2em; } @media (max-width: 768px) { .mch_page_biography .inner-paragraph div { width: 100% !important; } h1, .h1-like, h1.title { font-size: 1.6em; } } /***### DOWNLOAD LIST ###***/ .article .download-list { margin: auto; } .article .download-list .odd { background: #EFF0F4; } .article .download-list .document { list-style: none; } .article .download-list .document > * { vertical-align: middle; } .article .download-list .document .doc-picto { width: 100px; vertical-align: middle; border-right: 1px solid #EFF0F4; padding: 0; } .article .download-list .document .doc-body { padding: 0 30px; } .article .download-list .document .doc-body .doc-title { font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; text-decoration: none; text-transform: uppercase; } .article .download-list .document .doc-properties { width: 80px; } .article .download-list .document .doc-properties .date { font-weight: bold; } .article .download-list .document .doc-properties .doc-type { display: inline-block; color: #fff; text-transform: uppercase; background: #3c3c3c; font-style: italic; font-weight: bold; padding: 0 3px; } .article .download-list .document .doc-properties .doc-size { display: inline-block; font-style: italic; } .article .download-list .document .doc-actions { width: 100px; } .article .download-list .document .doc-actions a { display: inline-block; width: 30px; height: 30px; } .article .download-list .document .doc-actions a.view-doc { background: url(/extension/mchdesign/design/michelin/images/btn-view.png) no-repeat; } .article .download-list .document .doc-actions a.download-doc { background: url(/extension/mchdesign/design/michelin/images/btn-download.png) no-repeat; } .article .download-all-documents a i { margin: 0 5px; } /***### End of DOWNLOAD LIST ###***/ /***### social link in article ###***/ .article .social_link { height: auto; overflow: hidden; border-bottom: 1px solid #EFF0F4; border-top: 1px solid #EFF0F4; } .article .social_link .left.content { margin-left:25px; } .article .social_link .left.content h3{ color: #d03731; margin-bottom:0; } .article .social_link .left.content a{ text-decoration:none; background:url("/extension/mchdesign/design/michelin/images/css/site-label-arrow-small.png") no-repeat scroll 100% 4px rgba(0, 0, 0, 0); padding-right:14px; color:inherit; } /***### social link in article ###***/ /***### KeyNumbers in RTE ###***/ .article .rte .keynumbers { text-align: center; } .article .rte .keynumbers .bloc-content { padding-top: 35px; padding-bottom: 20px; vertical-align: bottom; } .article .rte .keynumbers .image-bloc { background: no-repeat scroll center center; background-size: auto 100%; } .article .rte .keynumbers .image-bloc span.number { color: #FCE500; font-size: 4.037em; font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; display: inline-block; } .article .rte .keynumbers p { font-family: 'Arial'; color: #737373; } @media (max-width: 768px) { .article .rte .keynumbers .image-bloc span.number { color: #FCE500; } .article .rte .keynumbers { display: block; } .article .rte .keynumbers .bloc-content { display: block; margin: auto; } .article .mch_paragraph_keyfacts .milestone-grid .dashboard-filters .label { float: none; margin-bottom: 10px; } .article .mch_paragraph_keyfacts .milestone-grid .dashboard-filters .dashboard-filter { margin: 0 10px 10px 0; font-size: 0.9em; } .article .mch_paragraph_keyfacts .milestone-grid .dashboard-filters { padding: 10px 10px 0 15px; } } /***### KeyNumbers in RTE ###***/ /* end: extension/mchdesign/design/michelin/stylesheets/article.css */ /* start: extension/mchdesign/design/michelin/stylesheets/sitemap.css */ .sitemap { overflow: hidden; } .sitemap h2 { border-bottom: 4px solid #FFE800; display: inline; padding-bottom: 3px; line-height: 1.6; } .sitemap > div { margin-left: -20px; } .sitemap ul { list-style: none; line-height: 1.2; overflow: hidden; } .sitemap li { margin: 15px 0; background: url('/extension/mchdesign/design/michelin/images/css/bullet.png') no-repeat 0 6px; padding: 0 15px; } .sitemap li li { width: auto; float: none; margin: 0; background: url('/extension/mchdesign/design/michelin/images/css/bullet-n2.png') no-repeat 0 8px; padding-left: 0 10px; } .sitemap a { color: #656880; text-decoration: none; } .sitemap .wrapper { border-left: 1px solid #DEE2E7; float: left; } #main .sitemap ul li > a:hover { text-decoration: underline; } @media (max-width: 1280px) { .sitemap .wrapper { width: 33%; } .sitemap .nth-child-4np1, .sitemap .nth-child-2np1 { clear : none; border-left: 1px solid #DEE2E7; } .sitemap .nth-child-3np1 { clear: both; border-left: none; } } @media (max-width: 960px) { .sitemap .wrapper { width: 50%; } .sitemap .nth-child-3np1, .sitemap .nth-child-4np1 { clear : none; border-left: 1px solid #DEE2E7; } .sitemap .nth-child-2np1 { clear: both; border: none; } } @media (min-width: 1280px) { .sitemap .wrapper { width: 25%; } .sitemap .nth-child-3np1, .sitemap .nth-child-2np1 { clear : none; border-left: 1px solid #DEE2E7; } .sitemap .nth-child-4np1 { clear: both; border: none; } } @media (max-width: 768px) { .sitemap .wrapper { border-left: 0; float: none; width: 100%; height: auto !important; } .go-further-block .w50 { display: block; width: 100%; margin-bottom: 20px; } } /* end: extension/mchdesign/design/michelin/stylesheets/sitemap.css */ /* start: extension/mchdesign/design/michelin/stylesheets/glossary.css */ .glossary .wrapper-sum { overflow: hidden; max-height: 30px; } .glossary .glossary-sum { font-family: 'Arial'; font-size: 1.42857em; text-transform: uppercase; padding: 0 30px; position: relative; } .glossary .glossary-sum .go-right, .glossary .glossary-sum .go-right:hover, .glossary .glossary-sum .go-right.inactive { position: absolute; top: 50%; right: 0; width: 15px; height: 22px; display: block; text-indent: -9999px; background: url('/extension/mchdesign/design/michelin/images/css/arrow-off-right.png') no-repeat top left; margin-top: -11px; overflow: hidden; } .glossary .glossary-sum .go-right:hover { background: url('/extension/mchdesign/design/michelin/images/css/arrow-on-right.png') no-repeat top left; } .glossary .glossary-sum .go-right.inactive { background: url('/extension/mchdesign/design/michelin/images/css/arrow-inactive-right.png') no-repeat top left; } .glossary .glossary-sum .go-left, .glossary .glossary-sum .go-left:hover, .glossary .glossary-sum .go-left.inactive { position: absolute; top: 50%; left: 0; width: 15px; height: 22px; display: block; text-indent: -9999px; background: url('/extension/mchdesign/design/michelin/images/css/arrow-off-left.png') no-repeat top left; margin-top: -11px; overflow: hidden; } .glossary .glossary-sum .go-left:hover { background: url('/extension/mchdesign/design/michelin/images/css/arrow-on-left.png') no-repeat top left; } .glossary .glossary-sum .go-left.inactive { background: url('/extension/mchdesign/design/michelin/images/css/arrow-inactive-left.png') no-repeat top left; } .glossary .glossary-sum .wrapper-sum a { text-decoration: none; color: #656880; } .glossary .glossary-sum .wrapper-sum a:hover , .glossary .glossary-sum .wrapper-sum li.current a { text-decoration: none; color: #27509b; border-bottom: 3px solid #FFE800; } .glossary li { padding: 0 3px; } .glossary li + li:before { content: " - "; color: #656880; } .glossary dt { color: #27509b; border-bottom: 3px solid #FFE800; font-weight: bold; font-size: 1.14285em; } .glossary .glossary-bloc { padding: 40px 0 0 0; overflow: hidden; } .glossary .glossary-bloc + .glossary-bloc { border-top: 1px solid #DEE2E7; } .glossary .glossary-bloc h2 { font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; } /* end: extension/mchdesign/design/michelin/stylesheets/glossary.css */ /* start: extension/mchfinance/design/michelin/stylesheets/finance.css */ .accordion .accordion-item { border-top: 5px solid #27509b; } .accordion .open-close-directory { position: absolute; top: 0; right: 0; height: 63px; } .accordion .open-close-directory > a { display: block; height: 100%; } .accordion .accordion-item h2 { border-bottom: 4px solid #FFE800; display: inline-block; padding-bottom: 3px; padding-right: 30px; cursor: pointer; } .accordion .accordion-item section h2 { border-bottom: none; display: block; padding-right: 0; } .accordion .accordion-item ul{ margin-top:13px; } .accordion .open-acc .hide-when-open-acc { display: none; } .accordion .close-acc .hide-when-close-acc { display: none; } .accordion .close-acc .content-accordion { display: none; } .finance .txt-yellow { font-family: 'Arial-Black'; color: #FFE800; background: -webkit-gradient(linear, left top, left bottom, from(#FFE900), to(#E0B205)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 1; } .finance .txt-blue { font-family: 'Arial-Black'; color: #324fc4; background: -webkit-gradient(linear, left top, left bottom, from(#324fc4), to(#2841a5)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 1; } .finance .txt-grey { font-family: 'Arial-Black'; color: #747474; background: -webkit-gradient(linear, left top, left bottom, from(#747474), to(#989898)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 1; margin-right: 10px; } .finance .symex-data .number { font-size: 2.57142em; } .finance .symex-data .evolution { font-size: 1.28571em; } .finance .symex-data .symex-action + .symex-action { margin-left: 10%; } .finance .imported-data { border: none; margin-bottom: 0; } .finance .imported-data th, .finance .imported-data td { font-weight: normal; padding: 10px; } .finance .imported-data tr .first span { font-weight: normal; font-style: italic; text-align: center; font-size: 0.85714em; color: #3C3C3C; background: url('/extension/mchfinance/design/michelin/images/css/sub-title-border.png') no-repeat bottom center; padding-bottom: 6px; margin-bottom: 10px; display: block; } .mch_paragraph_keyindicators .rte ul li { background: none; } @media (max-width: 768px) { .finance .imported-data tr .first.txtcenter { width: 40%; } } .finance .panel .imported-data tr .first span { display: none; } .finance .imported-data tr .first-child, .finance .table-wrapper .wrapper-finance-table { border-right: 2px solid #27509b; } .finance .imported-data tr:first-child > * { border-bottom: 2px solid #27509b; border-top: none; color: #27509b; } .finance .imported-data .emphize { font-weight: bold; } .finance .imported-data th.emphize { background: #27509b; color: #fff; } .finance .imported-data td.emphize { background: #C3D0FD; color: #27509b; border-color: #DEE2E7; } .finance .imported-data i { background: #FFE800; font-size: 0.71428em; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 4px; line-height: 0.5; display: inline-block; vertical-align: middle; margin-left: 5px; font-style: normal; color: #3C3C3C; } .finance .mentions p { font-size: 0.71428em; margin: 0; color: #656880; } .finance .mentions i, .finance .legend-bloc i { background: #FFE800; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 4px; line-height: 0.5; display: inline-block; font-style: normal; } .finance .mentions i { vertical-align: middle; margin-left: 5px; } .finance .cloud-number .element1 { padding: 20px 5%; } .finance .cloud-number .element2 { padding: 40px 7%; } .finance .cloud-number .element3 { padding: 20px 5%; } .finance .cloud-number .element4 { padding: 0 12%; } .finance .cloud-number .element5 { padding: 10px 12%; } .finance .cloud-number .size1 .number { font-size: 4.28571em; } .finance .cloud-number .size2 .number { font-size: 3.57142em; } .finance .cloud-number .size3 .number { font-size: 3em; } .finance .cloud-number .size4 .number { font-size: 2.75em; } .finance .cloud-number .size5 .number { font-size: 2.5em; } .finance .cloud-number .size6 .number { font-size: 2.14285em; } .finance .cloud-number .text1 { color: #989898; line-height: 1.3; font-size: 1.14285em; } .finance .cloud-number .text2 { font-family: 'Arial-Black'; text-transform: uppercase; color: #989898; font-size: 0.85714em; line-height: 1.1; } .finance .rte .cloud-number ul li { background: none; } .finance section .sub-title { margin-top: 10px; text-transform: uppercase; font-family: 'Arial-Black'; color: #999; font-size: 1em; padding-bottom: 10px; background: url('/extension/mchfinance/design/michelin/images/css/sub-title-border.png') no-repeat bottom center; } .finance section .title { text-transform: uppercase; font-family: 'Arial-Black'; color: #3C3C3C; font-size: 1.4286em; /* equiv 20px */ line-height: 1.05; margin-bottom: 30px; } .finance .secondary .paragraph { border-bottom: 1px solid #EFF0F4; } /******** Finance datavis ***********/ .finance .legend-bloc { text-align: center; } .finance .sub-nav a { text-transform: uppercase; text-decoration: none; color: #fff; line-height: 1; display: block; font-family: 'Arial-Black'; font-style: italic; padding: 20px 0; } .finance .sub-nav li { background: #27509b; color: #fff; margin-left: 10px; } .finance .sub-nav .selected { background: #fff; color: #27509b; } .finance .sub-nav .selected a { color: #27509b; position: relative; margin-bottom: 10px; } .finance .sub-nav .selected a:after { content: ""; border-bottom: 4px solid #27509b; position: absolute; bottom: 10px; left: 0; width: 100%; } .finance .wrapper-sub-nav { overflow: hidden; } .finance .sub-nav { background: #F2F2F2; padding: 10px 10px 0 0; overflow: hidden; } .finance .sub-nav .wrapper-sub-nav { margin-top: 0; position: relative; } .finance .sub-nav ul { overflow: hidden; } .finance .sub-nav li { min-height: 37px; float: left; } .finance .sub-nav .nb-child-2 li { width: calc(50% - 10px); } .finance .sub-nav .nb-child-3 li { width: calc(33% - 10px); } .finance .sub-nav .nb-child-4 li { width: calc(25% - 10px); } .finance .sub-nav .go-left { position: absolute; top: 50%; left: 0; margin-top: -18px; padding: 0; z-index: 10; } .finance .sub-nav .go-right { position: absolute; top: 50%; right: 0; margin-top: -18px; padding: 0; z-index: 10; } .article .finance .secondary .legend, .finance .legend { margin-top: 10px; font-style: italic; text-transform: none; font-family: arial; color: #3C3C3C; font-size: .8571em; background: none; } .finance section .sub-title.legend { font-family: arial; text-transform: none; color: #3C3C3C; display: inline-block; } /*--- Panel datavis ---*/ .finance .datavis + *, .finance .content-accordion + *, .finance .main-style + * { background: url('/extension/mchfinance/design/michelin/images/css/article-separator.png') no-repeat top left; background-size: 100%; padding-top: 40px; } .finance .datavis-header { table-layout: auto; } .finance .wrapper-datavis-menu { border-right: 1px solid #27509b; width: 200px; } @media (max-width: 768px) { .finance .wrapper-datavis-menu { border-right: 0; width: 100%; overflow: hidden; display: block; } .finance .wrapper-datavis-menu li { float: left; width: 50%; } } .finance .datavis-menu .data-table { background: transparent url('/extension/mchfinance/design/michelin/images/css/data-table.png') no-repeat left 10px; display: block; padding-top: 30px; min-width: 80px; } .finance .datavis-menu .data-graph { background: transparent url('/extension/mchfinance/design/michelin/images/css/data-graph.png') no-repeat left top; display: block; padding-top: 30px; min-width: 80px; } @media (max-width: 768px) { .finance .datavis-menu .data-graph { padding-top: 0; padding-left: 30px; } .finance .datavis-menu .data-table { padding-top: 0; padding-left: 30px; background: url("/extension/mchfinance/design/michelin/images/css/data-table.png") no-repeat scroll left top transparent } .finance .datavis-menu li + li a { margin-top: 0; font-size: 0.8em; } .finance .datavis-menu .data-graph { font-size: 0.8em; } } .finance .datavis-menu .selected .data-graph { background-image: url('/extension/mchfinance/design/michelin/images/css/data-graph-selected.png'); } .finance .datavis-menu .selected .data-table { background-image: url('/extension/mchfinance/design/michelin/images/css/data-table-selected.png'); } .finance .datavis-menu a { display: block; text-transform: uppercase; color: #27509b; text-decoration: none; padding: 10px 20px; background: #DEE2E7 url('/extension/mchfinance/design/michelin/images/css/symex-menu-bg.png') repeat-y right top; } .finance .datavis-menu li + li a { margin-top: 1px; } .finance .datavis-menu .selected a { color: #FFF; background: #27509b; } .finance .finance-checkbox { display: block; float: left; margin-right: 2px; } .finance .datavis-panel { vertical-align: middle; } @media (max-width: 768px) { .finance .datavis-menu a { background-image: none; } .finance .datavis-menu li + li a { margin-top: 0; } .finance .datavis-panel { display: block; width: 100%; padding-left: 0; padding-right: 25px; } .finance .paragraph.agenda div { padding: 0 } .finance .paragraph.agenda ul { margin: 0 -30px; } .finance .paragraph.agenda .day { width: 60px; font-size: 0.6em; } .finance .paragraph.agenda .location { margin: 0; } .finance .paragraph.agenda .col-middle { padding: 0 5px; } .finance .paragraph.agenda .location, .finance .paragraph.agenda .title-event, .finance .paragraph.agenda .category { font-size: 0.6em; } } .finance .finance-checkbox a.jqTransformCheckbox { background: transparent url('/extension/mchfinance/design/michelin/images/css/checkbox-finance.gif') no-repeat center top; } .finance .finance-checkbox a.jqTransformChecked { background-position: center bottom; } .finance .list li { background:none; } .finance .list .odd { background-color: #F8F8F8; } .ie8 .finance .content-accordion .symex-action p > img , .ie8 .finance .btn-action a > img{ max-width:inherit; } .finance .picto.download { background:none; } @media (max-width: 960px) { .finance wrapper-article ul.locationcol-middle { max-width: 890px; padding: 0 20px; } } .ui-jqchart .ui-jqchart-tooltip i { background: #FFE800; border-radius: 10px; padding: 4px; line-height: 0.5; display: inline-block; font-style: normal; vertical-align: middle; margin-left: 5px; } /* end: extension/mchfinance/design/michelin/stylesheets/finance.css */ /* start: extension/mchdesign/design/michelin/stylesheets/history.css */ /* History Homepage */ .dashboard-innovation #dashboard-container.michelin-history .dashboard-element.theme .title, .dashboard-innovation #dashboard-container.michelin-history .dashboard-element.final .title { top: 0; text-align: right; width: 100%; line-height: 12em; } .dashboard-innovation #dashboard-container.michelin-history .dashboard-element.final .title { line-height: 10em; text-align: left; padding-left: 30px } .dashboard-innovation #dashboard-container.michelin-history .dashboard-element.theme .title span, .dashboard-innovation #dashboard-container.michelin-history .dashboard-element.final .title span { display: inline-block; text-align: left; text-decoration: none; text-transform: none; color: #3c3c3c; width: 60%; vertical-align: middle; line-height: 1.5; } .dashboard-innovation #dashboard-container.michelin-history .dashboard-element.final .title span { color: #fff; } .dashboard-innovation #dashboard-container.michelin-history .dashboard-element .gradient, .dashboard-innovation #dashboard-container.michelin-history .dashboard-element .gradient2 { color: #fff; } .dashboard-innovation #dashboard-container.michelin-history .dashboard-element .gradient0 { color: #fff; background: url(/extension/mchdesign/design/michelin/images/css/black-gradient.png) repeat-x bottom left; background-size: 1px 100%; } .dashboard-innovation #dashboard-container.michelin-history .dashboard-element .gradient1 { color: #3c3c3c; background: url(/extension/mchdesign/design/michelin/images/css/white-gradient.png) repeat-x bottom left; background-size: 1px 100%; } /* History subpage */ .history-navs { position: relative; margin: 0 20px; z-index: 10; } .michelin-history, .michelin-themes { position: relative; top: -20px; z-index: 0; overflow: hidden; } .michelin-themes { top: -30px; } .history-navigation ul { font-size: 0; text-align: center; } .history-navigation ul li { font-size: 14px; display: inline-block; background: #C3D0FD; } .history-navigation ul li.active { background: #27509b; } .history-navigation a { font-family: 'Arial'; color: #27509b; text-decoration: none; text-transform: uppercase; } .history-navigation li.active a { color: #fff; } /* History Main Navigation */ .history-main-nav { background: url(/extension/mchdesign/design/michelin/images/css/dates-navigation-background.png) repeat-x; border-bottom: 1px solid #EFF0F4; border-top: 2px solid #27509b; box-shadow: 0px 7px 15px #989898; filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=180, Strength=15); zoom: 1; margin: 0; } .history-main-nav.themes { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; background: #F6F6F6; } .history-main-nav .wrapper-sub-nav { overflow: hidden; margin-left: 40px; margin-right: 40px; } .history-main-nav .go-left, .history-main-nav .go-right { margin-top: -18px; position: absolute; top: 50%; display: block; } .history-main-nav .go-left { left: 0; } .history-main-nav .go-right { right: 0; } .history-main-nav li { display: table-cell; vertical-align: middle; border-left: 1px solid #fff; border-right: 1px solid #EFF0F4; } .history-main-nav.dates li { height: 18px; line-height: 18px; } .history-main-nav.themes li { height: 36px; width: 14%; min-width: 150px; font-size: 13px; } .history-main-nav.themes .bx-wrapper li { min-width: 118px; line-height: 36px; } .history-main-nav li.first { border-left: none; } .history-main-nav li.last { border-right: none; } .history-main-nav.themes .bx-wrapper li.last { padding-right: 20px; } .history-main-nav a { display: inline-block; color: #656880; text-decoration: none; line-height: 18px; } .history-main-nav.themes li a { padding: 0 10px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; -o-hyphens: none; hyphens: none; text-wrap: avoid; } .history-main-nav.themes .bx-wrapper li a { padding: 0 15px; } .history-main-nav a:hover { color: #27509b; } .history-main-nav li.active a { font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; color: #27509b; } .history-main-nav.dates .bx-wrapper { padding: 0 18px; } .history-main-nav.themes .bx-wrapper { padding: 0; } .history-main-nav.themes .bx-viewport { padding: 10px 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .history-main-nav.themes .bx-viewport .bxslider { padding: 0; } .history-main-nav .bx-wrapper .bx-controls-direction a { width: 40px; height: 40px; top: 6px; } .history-main-nav.themes .bx-wrapper .bx-controls-direction a { top: 0; margin: 0; height: 100%; width: 20px; } .history-main-nav .bx-wrapper .bx-prev { background: url(/extension/mchdesign/design/michelin/images/css/transparent-left-arrow.png) no-repeat center; } .history-main-nav .bx-wrapper .bx-next { background: url(/extension/mchdesign/design/michelin/images/css/transparent-right-arrow.png) no-repeat center; } .date-header { position: relative; top: 40px; z-index: 10; width: 470px !important; } .date-header .prev-date { vertical-align: middle; width: 15px; height: 22px; } .date-header .next-date { vertical-align: middle; width: 15px; height: 22px; } .date-header .current-date { font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; font-size: 3.55em; color: #FFE800; background: -webkit-gradient(linear, left top, left bottom, from(#FFE900), to(#E0B205)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .date-header .current-date-title { vertical-align: middle; font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; color: #3c3c3c; text-transform: uppercase; } .dark .date-header .current-date-title { color: #fff; } .dark .date-header .prev-date { background: url(/extension/mchdesign/design/michelin/images/css/light-left-arrow.png) no-repeat center; } .dark .date-header .next-date { background: url(/extension/mchdesign/design/michelin/images/css/light-right-arrow.png) no-repeat center; } @media (max-width: 768px) { .date-header { position: absolute; left: 0; right: 0; width: auto !important; } .date-header .current-date { font-size: 1.55em; padding-right: 8px; width: auto; } .date-header .current-date-title { font-size: 0.6em; } .date-header .prev-date img { padding-right: 8px; } .date-header .next-date img { padding-left: 8px; } } /*# Anchor block #*/ #history-anchor { position: absolute; top: 0; left: 20px; z-index: 20; display: table !important; width: 50px !important; height: 100%; } @media (max-width: 768px) { #history-anchor { left: 5px; } } #history-anchor .vertical-center { vertical-align: middle; } #history-anchor .container { position: relative; padding: 0 5px; } #history-anchor .anchor-background { height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: url('/extension/mchdesign/design/michelin/images/css/history-light-grey.png'); } .dark #history-anchor .anchor-background { background: url('/extension/mchdesign/design/michelin/images/css/history-dark-grey.png'); } #history-anchor .nav-medias { background-position: center; background-repeat: no-repeat; display: block; height: 40px; text-indent: -9000px; } #history-anchor .prev-media { background-image: url(/extension/mchdesign/design/michelin/images/css/arrow-slider-top.png); } #history-anchor .next-media { background-image: url(/extension/mchdesign/design/michelin/images/css/arrow-slider-bottom.png); } #history-anchor li { border-bottom: 1px solid #DEE2E7; padding: 2px; position: relative; margin-top: 1px; } #history-anchor li:first-child { border-top: 1px solid #DEE2E7; } #history-anchor li a { display: block; background: url('/extension/mchdesign/design/michelin/images/css/summary-sprite.png'); background-repeat: no-repeat; width: 36px; height: 40px; text-indent: -9000px; } #history-anchor a.video { background-position: -38px -80px; } #history-anchor li.selected a.video, #history-anchor li:hover a.video { background-position: 1px -80px; } #history-anchor a.text { background-position: -38px 4px; } #history-anchor li.selected a.text, #history-anchor li:hover a.text { background-position: 1px 4px; } #history-anchor a.graphics, #history-anchor a.picture { background-position: -38px -40px; } #history-anchor li.selected a.graphics, #history-anchor li:hover a.graphics, #history-anchor li.selected a.picture, #history-anchor li:hover a.picture { background-position: 1px -40px; } .dark #history-anchor a.video { background-position: -78px -80px; } .dark #history-anchor a.text { background-position: -78px 4px; } .dark#history-anchor a.graphics, .dark#history-anchor a.picture { background-position: -78px -40px; } /*# Display the medias #*/ .michelin-history .medias { width: 100%; position: absolute; top: 0; } .michelin-history .media { width: 100%; height: 100%; position: relative; } .michelin-history .media .media-background, .michelin-themes .media .media-background { width: 100%; } /*Media Gallery*/ .michelin-history .media .gallery { position: absolute; top: 110px; bottom: 0; left: 0; width: 100%; } .michelin-history .media .slider-container { position: relative; width: 830px; margin: auto; } .michelin-history .media .slider-pager, .michelin-history .media .slider-caption { width: 830px; margin: auto; text-align: center; display: block; } .michelin-history .media .slider-caption { max-height: 80px; } .michelin-history .media .text.center .rte { max-height: 450px; padding-top: 30px; } @media (max-width: 960px) { .michelin-history .media .text.center .rte { max-height: 250px } } @media (max-width: 1024px) { .michelin-history .media .text.center .rte { max-height: 350px; } } @media (max-width: 1280px) { .michelin-history .media .text.center .rte { max-height: 400px; } } .michelin-history .media .slider-legend { position: relative; padding-top: 10px; } .michelin-history .media .gallery .slider-with-controller { position: relative; } .michelin-history .media .gallery .prev-slide, .michelin-history .media .gallery .next-slide { position: absolute; top: 0; bottom: 0; width: 7.3%; z-index: 9001; margin: auto; } .ie .michelin-history .media .gallery .prev-slide, .ie .michelin-history .media .gallery .next-slide { background: #fff; opacity: 0; filter: alpha(opacity=0); } .michelin-history .media .gallery .prev-slide { left: 145px; } .michelin-history .media .gallery .next-slide { right: 145px; } .michelin-history .media .gallery .slider-with-controller:hover .prev-slide { background: url(/extension/mchdesign/design/michelin/images/css/article-slider-left.png) no-repeat center; } .michelin-history .media .gallery .slider-with-controller:hover .next-slide { background: url(/extension/mchdesign/design/michelin/images/css/article-slider-right.png) no-repeat center; } .michelin-history .media .gallery .slide { padding: 5px; background: #fff; box-shadow: 0 0 5px #ccc; border-radius: 3px; cursor: pointer; visibility: hidden !important; } .michelin-history .media .gallery .slide.visible { visibility: visible !important; } .michelin-history .media .gallery .slide.carousel-center { cursor: default; } @media (max-width: 768px) { .michelin-history .media .gallery .slides img { top: 60px !important; } } .michelin-history .media .gallery .slider-caption { font-family: 'Arial'; font-style: italic; } .michelin-history.dark .media .gallery .slider-caption { color: #fff; } .michelin-history .media .gallery .pager { display: inline-block; width: 10px; height: 10px; margin: 0 1px; background: url(/extension/mchdesign/design/michelin/images/css/michelin-history-pager.png) no-repeat; } .michelin-history .media .gallery .pager.active { background-image: url(/extension/mchdesign/design/michelin/images/css/michelin-history-pager-selected.png); } /*Media Text*/ .michelin-history .media .text { position: absolute; float: none; color: #3C3C3C; font-family: Arial; font-style: italic; } .michelin-history.dark .media .text { color: #fff; } .michelin-history .media .text.left, .michelin-history .media .text.right { max-width: 40%; top: 130px; bottom: 130px; font-size: 0; } .michelin-history .media .text.left { left: 130px; } .michelin-history .media .text.right { right: 130px; } .michelin-history .media .text.center { left: 50%; width: 60%; top: 130px; font-size: 0; } .michelin-history .media .text.center .rte { position: relative; left: -50%; } .michelin-history .media .text.top, .michelin-history .media .text.bottom { left: 50%; width: 60% } .michelin-history .media .text.top .rte, .michelin-history .media .text.bottom .rte { position: relative; left: -50%; } .michelin-history .media .text.top { top: 130px; } .michelin-history .media .text.bottom { bottom: 70px; } .michelin-history .media .text.left:before, .michelin-history .media .text.right:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .michelin-history .media .text .rte { display: inline-block; vertical-align: middle; font-size: 16px; } .michelin-history .media .caption { position: absolute; bottom: 10px; color: #fff; font-family: Arial; } /*Media Video*/ .michelin-history .media .video, .michelin-history .media .audio { position: absolute; top: 110px; bottom: 0; left: 0; width: 100%; } @media (max-width: 768px) { .michelin-history .media .video, .michelin-history .media .audio { top: 50px; } } .michelin-history .media .audio-container, .michelin-history .media .video-container { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 45%; height: 70%; margin: auto; } .michelin-history .media .audio-border, .michelin-history .media .video-border { display: inline-block; width: 100%; position: relative; padding: 5px; background: #fff; box-shadow: 0 0 5px #ccc; cursor: pointer; } .michelin-history .media .audio-border img, .michelin-history .media .video-border img { width: 100%; } .michelin-history .media .audio-border.audio-active, .michelin-history .media .video-border.video-active { height: 100%; } .michelin-history .media .video-border .play-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/extension/mchdesign/design/michelin/images/big-play-video-button.png) no-repeat center; opacity: 0.8; } .michelin-history .media .audio-border .play-audio { background: url(/extension/mchdesign/design/michelin/images/big-play-video-button.png) no-repeat center; /*Change this when the audio picto is available*/ } .michelin-history .media .audio-border:hover .play-audio, .michelin-history .media .video-border:hover .play-video { opacity: 1; } .michelin-history .media .video-caption { font-family: Arial; font-style: italic; color: #3c3c3c; display: block; height: 30%; } .michelin-history.dark .media .video-caption { color: #fff; } /*Small Text*/ .michelin-history .media .small-text { position: absolute; top: 0; bottom: 0; width: 100%; float: none; color: #3C3C3C; font-family: Arial; font-style: italic; text-align: center; font-size: 0; } .michelin-history.dark .media .small-text { color: #fff; } .michelin-history .media .small-text:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .michelin-history .media .small-text-container { display: inline-block; vertical-align: middle; width: 70%; text-align: left; } .michelin-history .media .small-text .rte, .michelin-history .media .small-text .image { display: inline-block; width: 50%; vertical-align: middle; font-size: 14px; } /**# Michelin Themes #**/ .michelin-themes .theme-intro { position: absolute; top: 5%; bottom: 0; width: 50%; font-family: Arial; font-style: italic; padding: 5% 0; } .michelin-themes .theme-intro.left { left: 7%; } .michelin-themes .theme-intro.right { right: 7%; } .michelin-themes.light .theme-intro { color: #3C3C3C; } .michelin-themes.dark .theme-intro { color: #fff; } .michelin-themes .theme-title { font-size: 2em; font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; } .michelin-themes.light .theme-title { color: #3C3C3C; } .michelin-themes.dark .theme-title { color: #fff; } .theme-chapters .chapters li { display: inline-block; width: 46%; border-left: 1px solid; margin: 15px 1%; vertical-align: middle; } .light .theme-chapters .chapters li { border-left-color: #3C3C3C; } .dark .theme-chapters .chapters li { border-left-color: #fff; } .theme-chapters .chapters li a { font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; text-transform: uppercase; text-decoration: none; } .theme-chapters .chapters li a:hover { text-decoration: underline; } .light .theme-chapters .chapters li a { color: #3C3C3C; } .dark .theme-chapters .chapters li a { color: #fff; } .theme-chapters .chapters li a:after { content: ""; display: inline-block; width: 8px; height: 11px; background: url(/extension/mchdesign/design/michelin/images/css/chapters-arrow-dark.png) no-repeat center; margin-left: 5px; } .dark .theme-chapters .chapters li a:after { background-image: url(/extension/mchdesign/design/michelin/images/css/chapters-arrow.png); } .theme-breadcrumb { position: absolute; top: 40px; z-index: 10; left: 20%; right: 20%; } .theme-breadcrumb .go-left { display: inline-block; position: absolute; background: url(/extension/mchdesign/design/michelin/images/css/dark-left-arrow.png) no-repeat center; width: 30px; height: 100%; top: 0; left: -30px; } .dark .theme-breadcrumb .go-left { background-image: url(/extension/mchdesign/design/michelin/images/css/light-left-arrow.png); } .theme-breadcrumb .go-right { display: inline-block; position: absolute; background: url(/extension/mchdesign/design/michelin/images/css/dark-right-arrow.png) no-repeat center; width: 30px; height: 100%; top: 0; right: -30px; } .dark .theme-breadcrumb .go-right { background-image: url(/extension/mchdesign/design/michelin/images/css/light-right-arrow.png); } .theme-breadcrumb .breadcrumb-wrapper { overflow: hidden; } .theme-breadcrumb ul { font-size: 0; } .theme-breadcrumb li { display: inline-block; font-size: 14px; } .theme-breadcrumb li a { display: inline-block; font-family: Arial; font-style: italic; text-decoration: none; padding: 10px; color: #3C3C3C; } .theme-breadcrumb li a:hover { text-decoration: underline; } .theme-breadcrumb li.selected a:hover { text-decoration: none; } .dark .theme-breadcrumb li a { color: #fff } .theme-breadcrumb li.selected a { font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; font-style: italic; } .theme-breadcrumb li:before { content: "/"; color: #3C3C3C; } .dark .theme-breadcrumb li:before { color: #fff; } .theme-breadcrumb li:first-child:before { content: ""; } /* Push blocks */ .push-history { min-height: 30px; padding: 10px 0px; } .michelin-themes .push-history { position: absolute; bottom: 0; background-color: rgba(0,0,0,0.15); padding: 15px 0px; } .michelin-themes.dark .push-history { color: #FFFFFF; } .michelin-themes.light .push-history { color: #FFFFFF; } .text-push { vertical-align: middle; font-size: 18px; font-family: Arial; font-style: italic; } .text-push span { font-size: 22px; } .links-push { float: right; margin-top: 0px; } /*.push-history img { float: right; }*/ /* Push blocks */ .michelin-history .media .slider-container-wrapper { position: absolute; top: 50%; margin-top: -300px; width: 100%; } @media (max-width: 1440px) { .michelin-history .media .gallery .prev-slide { left: 70px; } .michelin-history .media .gallery .next-slide { right: 70px; } } @media (max-width: 1280px) { .michelin-history .media .slider-container, .michelin-history .media .slider-pager, .michelin-history .media .slider-caption { width: 600px; } .michelin-history .media .gallery .prev-slide { left: 40px; } .michelin-history .media .gallery .next-slide { right: 40px; } .michelin-history .media .slider-container { height: 358px; } .michelin-history .media .slider-container-wrapper { margin-top: -220px; } } @media (max-width: 1120px) { .michelin-history .media .gallery .prev-slide { left: 90px; } .michelin-history .media .gallery .next-slide { right: 90px; } .michelin-history .media .slider-container { height: 288px; } .michelin-history .media .slider-container-wrapper { margin-top: -180px; } } @media (max-width: 960px) { .michelin-history .media .slider-container, .michelin-history .media .slider-pager, .michelin-history .media .slider-caption { width: 500px; } .michelin-history .media .gallery .prev-slide { left: 91px; } .michelin-history .media .gallery .next-slide { right: 91px; } .michelin-history .media .slider-container { height: 221px; } .michelin-history .media .slider-container-wrapper { margin-top: -150px; } } @media (min-width: 1280px) { .michelin-history .media .slider-container { height: 473px; } .michelin-history .media .slider-container-wrapper { margin-top: -255px; } } @media (min-width: 1440px) { .michelin-history .media .gallery .prev-slide { left: 45px; } .michelin-history .media .gallery .next-slide { right: 45px; } .michelin-history .media .slider-container-wrapper { margin-top: -280px; } .michelin-history .media .slider-container { height: 504px; } } @media (max-width: 768px) { .michelin-history .media .slider-container { width: 100%; } } /* end: extension/mchdesign/design/michelin/stylesheets/history.css */ /* start: extension/mchdesign/design/michelin/stylesheets/history-new.css */ .is-fullscreen header, .is-fullscreen footer { display: none !important; } .history .summary { position: absolute; margin: auto; top: 50%; left: 50%; -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: #fff; padding: 30px; z-index: 99; } .ie678 .history .summary { margin-top: -60px; margin-left: -150px; width: 300px; } .ajax-loader-history { display: none; } .history .history-head h1 { text-align: center; display: block; margin: 0; line-height: 1; padding: 36px 0; -moz-transform: translate(-90px,0); -o-transform: translate(-90px,0); -webkit-transform: translate(-90px,0); transform: translate(-90px, 0); } @media (max-width: 850px) { .history .history-head h1 { text-align: left; padding-left: 200px; -moz-transform: translate(0,0); -o-transform: translate(0,0); -webkit-transform: translate(0,0); transform: translate(0,0); } } @media (max-width: 768px) { .history .history-head h1 { text-align: center; clear: both; padding: 20px; } } .history .history-head { overflow: hidden; } .history .history-head .fullscreen { margin-top: 30px; position: relative; z-index: 99; } .history .summary h1 { text-align: center; text-transform: uppercase; font-size: 1.4286em; line-height: 1.05; margin-bottom: 15px; padding: 0 30px; } .history .summary h1 .ajax-loader-history { position: absolute; top: 50%; left: 50%; margin: 0; margin-left: -15px; margin-top: -15px; } .history .summary p { line-height: 1.4; } .history, .history .theme { min-height: 400px; } .history .theme { width: 49.5%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; } .history .theme .text-bloc { background: #fff; position: absolute; top: 50%; left: 0; -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); } .ie678 .history { min-width: 960px; } .ie678 .history .theme .text-bloc { width: 300px!important; margin-top: -40px; } .history .theme .text-bloc a { text-decoration: none; } .history .theme + .theme .text-bloc { top: 50%; right: 0; left: auto; -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); } .history .theme .text-bloc h2 { background: #27509b; color: #fff; padding: 15px 20px 10px; } .history .theme .text-bloc p { color: #333; padding: 10px 20px; line-height: 1.4; } .history .theme + .theme h2 { text-align: right; } .history .fullscreen .btn { padding-left: 35px; padding-right: 10px; padding-top: 3px; padding-bottom: 3px; position: relative; } .history .fullscreen .btn:before { content: ""; background: url('/extension/mchdesign/design/michelin/images/css/history-fullscreen.png') center left no-repeat; width: 27px; height: 27px; position: absolute; top: 4px; left: 2px; } .history .summary .fullscreen .btn { margin: auto; margin-top: 15px; display: inherit; } .history .nav-dates { -webkit-overflow-scrolling: touch; white-space: nowrap; list-style: none; background: #27509b; overflow: hidden; padding: 3px 30px; position: relative; } .history .nav-dates .wrapper { overflow: hidden; position: relative; padding: 0; width: 100%; } .history .nav-dates .go-left { background: url('/extension/mchdesign/design/michelin/images/css/menu-n2-arrow-bg-left.png') no-repeat center left; position: absolute; padding-right: 60px; top: 0; left: -10px; z-index: 10; } .history .nav-dates .go-right { background: url('/extension/mchdesign/design/michelin/images/css/menu-n2-arrow-bg-right.png') no-repeat center right; padding-left: 60px; position: absolute; top: 0; right: -10px; z-index: 10; } .history .nav-dates li { display: inline; padding: 3px 5px; font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; font-style: italic; font-size: 1.5em; vertical-align: middle; } .history .nav-dates li.active { font-size: 2.7em; } .history .nav-dates li a { color: #fff; text-decoration: none; } .history .date-detail-over { overflow: hidden; position: relative; } .history .date-slider { position: relative; } #footer.history-footer { margin-top: 0; } .history .date-detail { background: #c3d0fd; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden; position: relative; } .history .date-detail .prev-history-detail { position: absolute; display: block; top: 0; left: 50%; -moz-transform: translate(-50px, 0); -o-transform: translate(-50px, 0); -webkit-transform: translate(-50px, 0); transform: translate(-50px, 0); z-index: 99; } .history .date-detail .next-history-detail { position: absolute; display: block; bottom: 0; left: 50%; -moz-transform: translate(-50px, 0); -o-transform: translate(-50px, 0); -webkit-transform: translate(-50px, 0); transform: translate(-50px, 0); z-index: 99; } .history .date-detail .back, .history .themes .back { text-decoration: none; color: #27509b; } .history .themes .over-back { margin-left: 2%; margin-right: 2%; margin-bottom: 20px; } .history .date-detail.theme-2 { color: #fff; background-color: #333; } .history .date-detail.theme-2 .back { color: #c3d0fd; } .history .date-detail.theme-2 h2, .history .date-detail.theme-2 h3 { color: #c3d0fd; } .history .date-detail .column { vertical-align: middle; } .history .date-detail.conf-5 .column, .history .date-detail.conf-6 .column { margin: auto; } .history .date-detail.conf-7 { position: relative; } .history .date-detail.conf-7 .text { position: absolute; } .history .date-detail.conf-7.position-1 .text { top: 0; left: 0; } .history .date-detail.conf-7.position-2 .text { top: 0; left: 50%; -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .history .date-detail.conf-7.position-3 .text { top: 0; right: 0; } .history .date-detail.conf-7.position-4 .text { top: 50%; left: 0; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .history .date-detail.conf-7.position-5 .text { top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .history .date-detail.conf-7.position-6 .text { top: 50%; right: 0; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .history .date-detail.conf-7.position-7 .text { bottom: 0; left: 0; } .history .date-detail.conf-7.position-8 .text { bottom: 0; left: 50%; -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .history .date-detail.conf-7.position-9 .text { bottom: 0; right: 0; } .history .date-detail .slider { width: 40%; } .history .date-detail .slider img { width: 100%; } .history .date-detail .text { padding: 40px 100px; width: 60%; } .history .date-detail .text .title { margin-left: 35px; } .history .date-detail .text .wrapper-scrollbar { max-height: 400px; } .history .date-detail.conf-5 .text .wrapper-scrollbar, .history .date-detail.conf-6 .text .wrapper-scrollbar { max-height: 150px; } .history .date-detail .slash { color: #FFFF00; } .history .date-detail h2 { font-size: 3em; color: #27509b; margin-top: 10px; } .history .date-detail .ex-title { margin-top: 30px; margin-left: 60px; } .history .date-detail .ex-title h2 { margin-top: 10px; margin-bottom: 30px; } .history .date-detail h3 { text-transform: uppercase; margin-bottom: 15px; } .history .themes { padding: 50px; background: #c3d0fd; overflow: hidden; } .history .themes .bloc { float: left; width: 29%; margin-right: 2%; margin-left: 2%; margin-bottom: 25px; } .history .themes .bloc a { text-decoration: none; } .history .themes .bloc:nth-child(3n+1) { clear: both; } .history .themes .bloc .teaser { background: #27509b; min-height: 120px; position: relative; } .history .themes .bloc .teaser .plus { position: absolute; bottom: 0; right: 0; } .history .themes .bloc .teaser a { text-decoration: none; } .history .themes .bloc .teaser h2 { color: #fff; padding: 15px; padding-right: 30px; font-size: 1.4em; } .history .chapter { background: #27509b; color: #fff; overflow: hidden; } .history .chapter h2 { color: #fff; } .history .chapter .sum a { color: #fff; text-decoration: none; display: block; } .history .chapter .sum a:after { content: ">"; font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; font-style: italic; font-size: 1.5em; vertical-align: baseline; padding-left: 10px; } .history .chapter .illustration { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: none; } .history .chapter .sum { border-top: 1px solid #fff; list-style: none; padding: 0; line-height: 1.4; } .history .chapter h2 { margin-top: 20px; } .history .chapter .teaser { margin: 20px 0; } .history .chapter .back { color: #fff; text-decoration: none; } .history .chapter .sum li { border-bottom: 1px solid #fff; padding: 10px; font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; font-style: italic; font-size: 1.1em; line-height: 1.2; text-transform: uppercase; } .history .back:before { content: "<"; font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; font-style: italic; font-size: 1.5em; vertical-align: baseline; padding-right: 10px; } .history .chapter .left-column { padding: 30px; } .history .bxslider { list-style: none; position: relative; padding: 0; margin: 0; } .history .bxslider li { padding: 0; margin: 0; } .history .bxslider img { position: absolute; } .history.loaded .bx-wrapper img { position: relative; } .history .bxslider .slider-img { background-repeat: none; -webkit-background-size: cover; background-size: cover; position: relative; } .history .bxslider .legend { position: absolute; bottom: 0; width: 100%; padding: 20px; text-align: center; background: rgba(255, 255, 255, .9); color: #333; } .history .bx-wrapper { padding: 0; margin: 0; } .history .bx-wrapper .bx-pager { position: absolute; top: 65px; right: 10px; } .history .bx-wrapper .bx-pager .bx-pager-item { display: inline-block; text-indent: -9999px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #9E9F9C; height: 16px; width: 16px; background: #59585A; margin: 0 3px; position: relative; } .history .bx-wrapper .bx-pager .bx-pager-item a { position: absolute; top: -2px; left: -2px; width: 16px; height: 16px; } .history .bx-wrapper .bx-pager .bx-pager-item a.active { top: 3px; left: 3px; background: #9E9F9C; width: 8px; height: 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .history .fullscreen-slider { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0, 0, 0); /* Fall-back for browsers that don't support rgba */ background: rgba(0, 0, 0, .5); z-index: 999; display: none; } .history .date-detail .fullscreen-slider img { width: auto; max-width: 100%; height: auto; } .history .fullscreen-image { position: absolute; top: 0; right: 0; } .history .fullscreen-video { position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%,-50%); } .history .fullscreen-video img { width: auto; } .history .date-detail .fullscreen-slider .close { position: fixed; top: 0; right: 0; background: rgba(0, 0, 0, .5); border: none; width: 50px; height: 50px; z-index: 1; } .history .fullscreen-slider .bx-wrapper .bx-controls-direction a { background: rgba(0, 0, 0, .5); border: none; width: 50px; height: 50px; z-index: 1; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .history .fullscreen-slider .bx-wrapper .bx-controls-direction .bx-prev { top: 50%; left: 0; right: auto; } .history .fullscreen-slider .bx-wrapper .bx-controls-direction .bx-prev:before { content: ''; background: url('/extension/mchdesign/design/michelin/images/css/fullscreen-prev.png') top left no-repeat; position: absolute; height: 50px; width: 50px; top: 0; left: 0; } .history .fullscreen-slider .bx-wrapper .bx-controls-direction .bx-next { top: 50%; left: auto; right: 0; } .history .fullscreen-slider .bx-wrapper .bx-controls-direction .bx-next:before { content: ''; background: url('/extension/mchdesign/design/michelin/images/css/fullscreen-next.png') top left no-repeat; position: absolute; height: 50px; width: 50px; top: 0; left: 0; } .history .fullscreen-slider .video-wrapper { max-width: 70%; position: relative; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .history .date-detail .fullscreen-slider ul .img-wrapper { top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 90%; height: 100%; position: absolute; text-align: center; } .history .date-detail .fullscreen-slider ul .img-wrapper img { max-height: 100%; max-width: 100%; position: absolute; bottom: 0; left: 50%; -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .history .date-detail .fullscreen-slider ul .img-wrapper p { position: absolute; bottom: 0; left: 50%; -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); padding: 20px 0; text-align: center; background: rgba(255, 255, 255, .7); color: #333; } #fullscreen-image > .video { position: fixed; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 60%; } .history .mCS-history.mCSB_scrollTools { left: 0; } .history .mCustomScrollBox.mCS-history > .mCSB_container { margin-left: 30px; margin-right: 0; } .history .mCS-history.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #27509b; } .history .mCS-history.mCSB_scrollTools .mCSB_draggerRail{ background-color: #333; } .history .date-detail.theme-2 .mCS-history.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #c3d0fd; } .history .date-detail.theme-2 .history .mCS-history.mCSB_scrollTools .mCSB_draggerRail { color: #fff; } .history .bx-wrapper .bx-controls-direction a { position: absolute; top: 10px; right: 10px; left: auto; margin-top: 0; outline: 0; width: 40px; height: 40px; text-indent: -9999px; z-index: 10; overflow: hidden; border: 2px solid #9E9F9C; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #59585A; } .history .bx-wrapper .bx-prev { margin-right: 50px; } .history .bx-wrapper .bx-prev:before { content:''; background: url('/extension/mchdesign/design/michelin/images/css/history-prev.png') top left no-repeat; position: absolute; height: 28px; width: 32px; top: 4px; left: 0; } .history .bx-wrapper .bx-next:before { content:''; background: url('/extension/mchdesign/design/michelin/images/css/history-next.png') top left no-repeat; position: absolute; height: 28px; width: 32px; top: 4px; left: 2px; } .history .bx-wrapper .bx-next:before { content:''; background: url('/extension/mchdesign/design/michelin/images/css/history-next.png') top left no-repeat; position: absolute; height: 28px; width: 32px; top: 4px; left: 2px; } .history .bxslider .fullscreen-image { position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; text-indent: -9999px; z-index: 10; overflow: hidden; border: 2px solid #9E9F9C; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #59585A; } .history .bx-wrapper .bxslider .fullscreen-image { right: 112px; } .history .bxslider .fullscreen-image:before { content:''; background: url('/extension/mchdesign/design/michelin/images/css/history-zoom.png') top left no-repeat; position: absolute; height: 28px; width: 32px; top: 4px; left: 2px; } @media (max-width: 768px) { .history .date-detail { background-image: none!important; } .history .date-detail .column { width: 100%!important; display: block!important; } .history .date-detail.conf-7 .text { width: 100%; position: relative; } .history .history-head .fullscreen { margin-top: 10px; } .history .date-detail h2 { margin-top: 20px; font-size: 1.8em; } #fullscreen-image > img { max-height: 100%; max-width: 100%; } } @media (max-width: 960px) { .history .chapter .left-column { padding: 20px; } .history .date-detail.conf-5 .slider, .history .date-detail.conf-6 .slider { width: 60%; } .history .date-detail.conf-5 .text, .history .date-detail.conf-6 .text { width: 80%; } .history .date-detail.conf-7 .text { width: 70%; } } @media (max-width: 1024px) { .history .themes .bloc { float: left; width: 46%; margin-bottom: 25px; } .history .themes .bloc:nth-child(2n+1) { clear: both; } .history .themes .bloc:nth-child(3n+1) { clear: none; } .history .date-detail.conf-5 .slider, .history .date-detail.conf-6 .slider { width: 50%; } .history .date-detail.conf-5 .text, .history .date-detail.conf-6 .text { width: 70%; } .history .date-detail.conf-1 .text, .history .date-detail.conf-2 .text, .history .date-detail.conf-3 .text, .history .date-detail.conf-4 .text { padding: 40px 40px; } } @media (max-width: 768px) { .history .tiny-w100 { display: block !important; float: none !important; clear: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; border: 0; } .history .summary { width: 100%; position: relative; -moz-transform: translate(0,0); -o-transform: translate(0,0); -webkit-transform: translate(0,0); transform: translate(0,0); top: 0; left: 0; } .history .theme { width: 100%; float: none; } .history .theme .text-bloc, .history .theme + .theme .text-bloc { top: 50%; left: 50%; right: auto; float: none; -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .history .themes .bloc { float: left; width: 100%; margin: 0; margin-bottom: 25px; } .history .date-detail .prev-history-detail { left: 0; top: 0; -moz-transform: translate(0,0); -o-transform: translate(0,0); -webkit-transform: translate(0,0); transform: translate(0, 0); } .history .date-detail .next-history-detail { right: 0; top: 0; bottom: auto; left: auto; -moz-transform: translate(0,0); -o-transform: translate(0,0); -webkit-transform: translate(0,0); transform: translate(0, 0); } .history .bx-wrapper .bx-controls-direction a { right: 62px; } .history .text + .slider .bx-wrapper .bx-controls-direction a, .history .is-date .bx-wrapper .bx-controls-direction a, .history.mobile .bx-wrapper .bx-controls-direction a { right: 10px; } .history .bx-wrapper .fullscreen-image { right: 164px; } .history .text + .slider .bx-wrapper .fullscreen-image, .history .is-date .bx-wrapper .fullscreen-image, .history.mobile .bx-wrapper .fullscreen-image { right: 112px; } .history .date-detail .text { padding: 20px 30px!important; } .history .date-detail .text .title { margin-left: 30px; } .history .date-detail .text .wrapper-scrollbar { max-height: none!important; } } @media (min-width: 1024px) { .history .themes .bloc:nth-child(2n+1) { clear: none; } .history .themes .bloc:nth-child(3n+1) { clear: both; } } /* end: extension/mchdesign/design/michelin/stylesheets/history-new.css */ /* start: extension/mchdesign/design/michelin/stylesheets/jquery.mCustomScrollbar.css */ /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(/extension/mchdesign/design/michelin/stylesheets/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ /* end: extension/mchdesign/design/michelin/stylesheets/jquery.mCustomScrollbar.css */ /* start: extension/mchdesign/design/michelin/stylesheets/module/form.css */ .form input[type="text"], .form input[type="email"], .form input[type="number"], .form input[type="password"], .form input[type="search"], .form textarea { border: 1px solid #DEE2E7; } .form textarea { margin: 0; } .form input.error, .form textarea.error { border: 1px solid #FE0000; } .form .error-txt { color: #FE0000; display: block; } .form .confirm { padding-left: 20px; background: url('/extension/mchdesign/design/michelin/images/css/form-confirm.png') no-repeat top left; } .form .required { position: absolute; /*top: 50%;*/ top: 0; right: -13px; margin-top: 15px; } .share-subscribe-email .form .required { right: 14px; top: 116px; } .form .required-txt img { vertical-align: middle; margin-right: 5px; width: auto; } .form .required-txt { font-style: italic; } .form .wrapper { padding-right: 30px; } .form .wrapper-field { padding-right: 100px; } .form label.disabled { opacity: 0.5; -ms-filter: "alpha(opacity=50)"; filter: alpha(opacity = 50); } .contact .first-step .group { border-bottom: 1px solid #DEE2E7; padding-bottom: 30px; } .chosen-select-search .chosen-search { position: absolute; top: -30px; width: 90%; } .chosen-select-search .chosen-search input { padding: 5px; width: 100%; border: none; outline: none; } @media (max-width: 960px) { .form .group { padding-top: 20px; } .form .wrapper-field { padding-right: 0; } .form .wrapper-label { display: block; width: 100% } .form .wrapper-label > * { display: block; width: 100% } .form .wrapper-label label { padding-bottom: 20px; } } /* end: extension/mchdesign/design/michelin/stylesheets/module/form.css */ /* start: extension/mchdesign/design/michelin/stylesheets/module/header.css */ #header > .wrapper { max-width: 1400px; padding: 0 40px; } #header .switch-lang * + * { margin-left: 3px; } #header .logo { width: 212px; } @media (max-width: 768px) { #header .logo { width: 130px; } #header .logo img{ width: 130px; } #header .quick-access { padding-bottom: 5px; } #header .wrapper-smart-width .row.layout-auto { margin-bottom: 0; } .smile_cookieception_bandeau { padding: 5px 10px !important; } .smile_cookieception_bandeau p { line-height: 20px !important; width: 80% !important; } #header .univers .pls img { position: absolute; top: 0; width: 20px; } #header .small form img { width: 17px; } } #header .logo a { display: block; margin: 11px 10px 10px 0; } #header .quick-access { border-bottom: 2px solid #FFFF00; } #header .symex-index { border-right: 1px solid #DEE2E7; } #header .symex-index a { text-decoration: none; } #header .symex-index img { max-width: none; width: auto; } #header .quick-access .inner { display: table; } #header .quick-access .internal-links { position: absolute; top: -999px; border-right: 1px solid #DEE2E7; } #header .quick-access .internal-links a { font-weight: normal; text-decoration: none; } #header .layer-michelin-universe { border-top: none; } #header .quick-access .inner > * { display: table-cell; vertical-align: middle; } #header .quick-access .symex-index.smaller { font-size: .8571em; } @media (max-width: 768px) { #header .quick-access .symex-index.smaller { margin-left: 0; } #header .quick-access .prs.small form .pls, #header .quick-access .univers.small .pls { padding-left: 0; } #header .quick-access form .prs.small .prs { padding-right: 0; } #header .quick-access .symex-index.smaller a .value { padding-right: 0; } } #header .quick-access a { color: #565662; } #header .quick-access .switch-lang a { font-weight: bold; } @media (max-width: 768px) { #header .quick-access div { padding-left: 2px; padding-right: 2px; } #header .quick-access a, #header .quick-access span { font-size: 0.8em; } #header .quick-access .switch-lang span, #header .quick-access .switch-lang a { display: inline-block; margin: 0; font-size: 0.65em; } } #header .quick-access .univers a { font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; font-weight: normal; color: #3C3C3C; } #header .univers .text-link { text-decoration: none; background: url('/extension/mchdesign/design/michelin/images/css/worldmap.png') no-repeat 0 0; padding: 3px 0 3px 25px; } #header .quick-access .selected { text-decoration: underline; } #header .search { padding: 2px 23px 2px 2px; width: 100%; } #header .submit { position: absolute; right: 1px; top:2px; } /* hack Chrome / Safari */ @media screen and (-webkit-min-device-pixel-ratio:0) { #header .submit { top:4px; } } #header .yui3-aclist { height: 0; } #header .yui3-aclist .yui3-aclist-content { position: absolute; background: #fff; z-index: 9; } #header .yui3-aclist .yui3-aclist-content ul { width: 200px; list-style: none; background: #fff; box-shadow: 0 0 10px #989898; margin: 0; padding: 0; } #header .yui3-aclist .yui3-aclist-content li { cursor: pointer; padding: 10px; } #header .yui3-aclist .yui3-aclist-content .yui3-aclist-item-hover { background: #DEE2E7; } #header .yui3-aclist .yui3-aclist-content li + li { border-top: 1px solid #DEE2E7; } #header .small-input { width: 100px; } #header .large-input { width: 200px; } #michelin-universe-wrapper { background: #27509b; padding-bottom: 27px; margin-bottom: 10px; } #header .layer-michelin-universe, #header .layer-michelin-universe > div { margin-top: 0; } #header .layer-michelin-universe .bibendum { width: 0; height: 0; background: none; position: absolute; top: 0; right: 0; } #header .layer-michelin-universe .map-wrapper { padding-right: 0; } @media (max-width: 960px) { #header .logo a { margin: 8px 10px 10px 0; } #header .quick-access .inner > * { border-right: 1px solid #DEE2E7; } #header .search { margin-left: 5px; } #header .quick-access .inner .univers { border-right: none; } #header > .wrapper { max-width: 890px; padding: 0 20px; } } @media (max-width: 768px) { #header .logo a { margin-top: 20px; } #header .search { height: 23px; } #header .quick-access .univers span { position: relative; width: 20px; height: 20px; display: block; } #header .quick-access .inner .univers .small-visible { display: block !important; width: 20px; height: 20px; } } /* end: extension/mchdesign/design/michelin/stylesheets/module/header.css */ /* start: extension/mchdesign/design/michelin/stylesheets/module/footer.css */ #footer { border-top: 2px solid #ffe800; margin-top: 50px; } /*### PREFOOTER ###*/ #footer .footer-prefooter { background: #DEE2E7; } #footer .footer-prefooter-content .footer-site-links .footer-link-group .footer-group-title .title { color: #656880; text-transform: uppercase; font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; font-weight: normal; display: inline-block; vertical-align: middle; line-height: 1.3; } #footer .footer-prefooter-content .footer-site-links { margin-bottom: -30px; } #footer .footer-prefooter-content .footer-site-links .footer-link-group li a { color: #0B2861; /*1E297D;*/ text-decoration: none; font-size: 0.905em; } #footer .footer-prefooter-content .footer-site-links .footer-link-group li a:hover { text-decoration: underline; } #footer .footer-prefooter-content .footer-site-links .separator { width: 100%; display: block; } #footer .footer-prefooter-content .footer-our-mission { color: #656880; border-left: 1px solid #fff; } #footer .footer-prefooter-content .footer-our-mission .title { display: block; padding: 0; color: #656880; font-family: 'arial'; } #footer .footer-prefooter-content .footer-our-mission .content { display: block; } /*### FOOTER NAV ###*/ #footer .footer-nav { background: #041849; overflow: hidden; color: #fff; padding-bottom: 50px; } #footer .footer-nav-content .site-links { line-height: 2.5; } #footer .footer-nav-content .site-links li { display: inline-block; margin-right: 15px; } #footer .footer-nav-content .site-links li a { color: #fff; text-decoration: none; } #footer .footer-nav-content .site-links li a:hover { border-bottom: solid 7px #FFE800; } #footer .footer-nav-content > * { display: inline-block; } #footer .footer-nav-content .copyright { line-height: 2.5; } #footer .footer-nav-content .site-links .mobile-version { display: none; } @media (max-width: 768px) { #footer .footer-prefooter-content .footer-site-links .footer-link-group .footer-group-title .title { font-size: 0.7em } #footer .footer-prefooter-content .footer-site-links .footer-link-group li { line-height: 0.8em; } #footer .footer-prefooter-content .footer-site-links .footer-link-group li a { font-size: 0.7em; } #footer .footer-prefooter-content .footer-our-mission .content { font-size: 0.7em; } #footer .footer-nav-content .site-links li a { font-size: 0.8em; } #footer .footer-nav-content .site-links { line-height: 2.0; } #footer .footer-nav-content .copyright { float: none; font-size: 0.7em; } } /*### When the window length is under 960px ###*/ @media (max-width: 960px) { #footer .footer-prefooter-content .footer-site-links { padding-bottom: 20px; border-bottom: 1px solid #fff; } #footer .footer-prefooter-content .footer-site-links .separator { border-top: 1px solid #fff; padding-bottom: 30px; } #footer .footer-prefooter-content .footer-site-links .footer-link-group.ptl { margin-top: 0; } #footer .footer-prefooter-content .footer-site-links .footer-link-group li { margin-top: 10px; } #footer .footer-prefooter-content .footer-site-links .footer-link-group .footer-group-title { margin-bottom: 15px; } #footer .footer-prefooter-content .footer-our-mission { border: none; border-top: 1px solid #fff; padding: 0; padding-top: 30px; margin-top: 20px; } .ie8 #footer .footer-prefooter-content .footer-our-mission { width:22%; } #footer .footer-prefooter-content .footer-our-mission .title { margin-bottom: 5px; } #footer .footer-nav .footer-nav-content { display: block !important; vertical-align: middle !important; } .ie8 #footer .footer-prefooter-content.row.wrapper-smart-width {width:auto;} } /* end: extension/mchdesign/design/michelin/stylesheets/module/footer.css */ /* start: extension/mchdesign/design/michelin/stylesheets/module/menu.css */ #navigation .wrapper { position: relative; padding: 0; width: 100%; } #navigation .over-menu .border-bottom { background: url('/extension/mchdesign/design/michelin/images/css/menu-border-bottom-grey.png') repeat-x bottom left; } #navigation .menu { padding: 0; } #navigation .menu > li > a, #navigation .menu.hover > .selected > a { vertical-align: top; padding-bottom: 12px; border-bottom: none; } #navigation .menu > .selected > a, #navigation .menu > .menu-hover > a, #navigation .menu.hover > .selected.menu-hover > a { padding-bottom: 4px; border-bottom: 8px solid #27509b; } #navigation .menu .menu-item { display: block; } #navigation .menu > li:first-child { margin-left: 0; text-align: left; } #navigation .menu > li:last-child { margin-right: 0; text-align: right; } #navigation .menu > li > a { text-transform: uppercase; text-decoration: none; color: #27509b; display: inline-block; vertical-align: middle; margin-bottom: 0; text-align: center; } #navigation .menu > li > a > span { line-height: 1.5; display: inline-block; vertical-align: middle; } #navigation .sub-menu { position: absolute; display: none; padding-top: 35px; padding-bottom: 35px; top: 100%; left: 0px; width: 100%; } #navigation .sub-menu .title { text-transform: uppercase; color: #C3D0FD; font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; display: block; line-height: 1.3125; } #navigation .sub-sub-menu ul { list-style: none; margin: 0; padding: 0; line-height: 1.3125; } #navigation .sub-sub-menu ul > li { } #navigation .sub-sub-menu + .sub-sub-menu { border-left: 1px solid #5B72CF; } #navigation .sub-menu .nth-child-4np1 { border-left: none; clear: left; } /* put the right left and right align for the sub-sub-menu */ #navigation .sub-menu .nth-child-4np1 .plm { padding-left: 0; } #navigation .sub-menu .nth-child-4n .prm { padding-right: 0; } #navigation .sub-sub-menu li { padding: 4px; background: url('/extension/mchdesign/design/michelin/images/css/menu-dash.png') no-repeat 4px 12px; padding-left: 15px; } #navigation .sub-menu .sub-sub-menu a { color: #fff; text-decoration: none; border: none; } #navigation .sub-menu .sub-sub-menu li:hover { background: #dee2e7 url('/extension/mchdesign/design/michelin/images/css/menu-dash-over.png') no-repeat 4px 12px; } #navigation .sub-menu .sub-sub-menu li:hover a, #navigation .sub-sub-menu li:hover:before { color: #27509b; } #navigation .sub-menu .close { position: absolute; bottom: 10px; right: 10px; border: none; } @media (max-width: 768px) { #navigation .sub-sub-menu li { padding: 6px 2px 6px 2px; background: none; } #navigation .sub-menu .sub-sub-menu li:hover { background-image: none; } #navigation .sub-menu { padding-left: 5px; padding-right: 5px; } } @media (max-width: 960px) { #navigation .sub-menu .nth-child-4np1 { clear: none; border-left: 1px solid #5B72CF; } #navigation .sub-menu .nth-child-3np1 { clear: left; border-left: none; } /* put the right left and right align for the sub-sub-menu */ #navigation .sub-menu .nth-child-4np1 .plm { padding-left: 20px; } #navigation .sub-menu .nth-child-4n .prm { padding-right: 20px; } #navigation .sub-menu .nth-child-3np1 .plm { padding-left: 0; } #navigation .sub-menu .nth-child-3n .prm { padding-right: 0; } @media (max-width: 768px) { #navigation .sub-menu .nth-child-4np1 .plm { padding-left: 5px; } #navigation .sub-menu .nth-child-4n .prm { padding-right: 5px; } #navigation .sub-menu .nth-child-3np1 .plm { padding-left: 5px; } #navigation .sub-menu .nth-child-3n .prm { padding-right: 5px; } } #navigation .menu > .selected, #navigation .menu > .menu-hover, #navigation .menu.hover > .selected.menu-hover { padding-bottom: 0; border-bottom: 8px solid #27509b; } #navigation .menu > li { vertical-align: middle; margin: 0; padding-bottom: 8px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; -o-hyphens: none; hyphens: none; text-wrap: avoid; } #navigation .menu.hover > .selected { border-bottom: 0; padding-bottom: 8px; } #navigation .menu > li + li a { border-left: 1px solid #DEE2E7; } #navigation .menu > li > a { margin-bottom: 10px; padding: 0 10px; border-bottom: none!important; display: block; } } @media (max-width: 960px) { #navigation .menu > li > a > span { font-size: 0.85714em; } } @media (max-width: 768px) { #navigation .menu > li > a { font-size: 8px; padding: 0 2px; } } @media (min-width: 960px) { #navigation .menu > li > a > span { white-space: nowrap; } #navigation .menu > li { padding: 0 0.5%; } #navigation .menu > li:first-child { padding: 0; padding-right: 0.5%; } #navigation .menu > li:last-child { padding: 0; padding-left: 0.5%; } } @media (max-width: 768px) { #navigation .menu > li > a > span { font-size: 0.9em; } #navigation .sub-menu .plm { padding-right: 5px; padding-left: 5px; } #navigation .sub-menu .plm a { font-size: 0.7em; -moz-hyphens: none; -ms-hyphens: none; -o-hyphens: none; hyphens: none; text-wrap: avoid; } #navigation .sub-menu .title { font-size: 0.6em; } } @media (min-width: 1024px) { #navigation .menu > li { padding: 0 1%; } #navigation .menu > li:first-child { padding: 0; padding-right: 1%; } #navigation .menu > li:last-child { padding: 0; padding-left: 1%; } } @media (min-width: 1280px) { #navigation .menu > li { padding: 0 15px; } #navigation .menu > li:first-child { margin-left: 0; text-align: left; padding: 0; padding-right: 15px; } #navigation .menu > li:last-child { margin-right: 0; text-align: right; padding: 0; padding-left: 15px; } #navigation .menu > li > a { font-size: 1.1429em; /* equiv to 16px */ } } /*** sub menu ****/ #navigation .menu-n2 .wrapper { overflow: hidden; } #navigation .menu-n2 { position: relative; } #navigation .menu-n2 { font-size: 0.85714em; padding: 18px 20px; } @media (max-width: 768px) { #navigation .menu-n2 .inbl a { font-size: 0.65714em; } } #navigation .menu-n2 .go-left, #navigation .menu-n2 .go-right { padding: 18px 20px; } #navigation .menu-n2 span { text-transform: uppercase; color: #C3D0FD; font-style: italic; } @media (max-width: 768px) { #navigation .menu-n2 span { font-size: 0.9em; } } #navigation .menu-n2 a { text-decoration: none; color: #C3D0FD; vertical-align: middle; text-align: center; } #navigation .menu-n2 a:hover { color: #FFF; } #navigation .menu-n2 li + li { border-right: 1px solid #C3D0FD; } #navigation .menu-n2 li:first-child { background: url('/extension/mchdesign/design/michelin/images/css/menu-n2-first-sep.png') no-repeat center right; padding-right: 15px; margin-top: 1px; } #navigation .menu-n2 li.last-child { border-right: none; } #navigation .menu-n2 .selected a { color: #fff; font-weight: bold; } #navigation .menu-n2 .go-left { background: url('/extension/mchdesign/design/michelin/images/css/menu-n2-arrow-bg-left.png') no-repeat center left; position: absolute; padding-right: 45px; top: 0; left: 0; z-index: 10; } #navigation .menu-n2 .go-right { background: url('/extension/mchdesign/design/michelin/images/css/menu-n2-arrow-bg-right.png') no-repeat center right; padding-left: 45px; position: absolute; top: 0; right: 0; } /* end: extension/mchdesign/design/michelin/stylesheets/module/menu.css */ /* start: extension/mchdesign/design/michelin/stylesheets/module/breadcrumb.css */ /* Breadcrumb display fix */ .breadcrumb { margin-top: 5px; padding: 10px 0; font-size: 1.3rem; } .breadcrumb li + li:before { content: " > "; color: #27509b; margin-right: 3px; } .breadcrumb li { padding-left: 3px; } .breadcrumb a { color: #27509b; text-decoration: none; } .breadcrumb span { color: #404040; } .breadcrumb .last span { color: #404040; } .share-tool { margin-top: 7px; } /* end: extension/mchdesign/design/michelin/stylesheets/module/breadcrumb.css */ /* start: extension/mchdesign/design/michelin/stylesheets/module/tools-share.css */ .share-tool ul { position: relative; } .long-content-display .share-tool { margin-top: 2px; } .share-tool > ul > li { width: 36px; height: 32px; } .share-tool > ul > li .toggle { position: absolute; width: 36px; height: 32px; font-size: 1.8rem; color: #B5B5B5; } .share-tool > ul > li .selected { background: #fff; border: 1px solid #DEE2E7; -moz-box-shadow: 0 -2px 1px 0 #DEE2E7; -webkit-box-shadow: 0 -2px 1px 0 #DEE2E7; -o-box-shadow: 0 -2px 1px 0 #DEE2E7; box-shadow: 0 -2px 1px 0 #DEE2E7; /*filter:progid:DXImageTransform.Microsoft.Shadow(color=#DEE2E7, Direction=50, Strength=4);*/ border-bottom: 0; z-index: 21; color: #666666; } .share-tool .box { position: absolute; padding: 25px; top: 31px; right: 0; background: #fff; border: 1px solid #DEE2E7; -moz-box-shadow: 0 0 10px 0 #DEE2E7; -webkit-box-shadow: 0 0 10px 0 #DEE2E7; -o-box-shadow: 0 0 10px 0 #DEE2E7; box-shadow: 0 0 10px 0 #DEE2E7; /*filter:progid:DXImageTransform.Microsoft.Shadow(color=#DEE2E7, Direction=NaN, Strength=10);*/ z-index: 20; min-width: 325px; } @media (max-width: 768px) { .share-tool .box { width: 310px; padding: 25px 5px; } } .share-tool .box .h4-like { text-transform: uppercase; font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; } .share-tool .share-rss dt { font-weight: bold; color: #3C3C3C; margin-top: 5px; background: url('/extension/mchdesign/design/michelin/images/css/bullet.png') no-repeat 0 13px; padding-left: 12px; } .share-tool .share-rss dt:first-child { margin-top: 0; } .share-tool .share-rss dd + dt { border-top: 1px solid #DEE2E7; } .share-tool .share-rss dd a { font-style: italic; color: #656880; text-decoration: none; white-space: nowrap; } @media (max-width: 768px) { .share-tool .share-rss dd a { white-space: initial; } } .share-email p { position: relative; } .share-tool .share-subscribe-email { min-width: 390px; } .share-tool .share-print { min-width: 360px; } @media (max-width: 768px) { .share-tool .box { min-width: 270px; width: 270px; } } @media (max-width: 768px) { .share-tool .share-print { min-width: 270px; width: 270px; } } .share-tool .share-subscribe-email span { vertical-align: middle; } .share-tool .share-subscribe-email .see_all { color: #3C3C3C; font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; font-style: italic; text-decoration: none; background: url(/extension/mchdesign/design/michelin/images/css/site-label-arrow-small.png) no-repeat 100% 2px; padding-right: 15px; } .share-tool .share-subscribe-email .see_all:hover { text-decoration:underline; } .share-tool .share-subscribe-email .terms { color: #656880; font-size: 0.813em; line-height: 1.1; } .share-tool .share-email .simulate-input { border: 1px solid #DEE2E7; position: relative; } .share-tool .share-email .simulate-input .pas-r0 { padding: 10px 0px 10px 10px; } @media (max-width: 768px) { .share-tool .share-email .simulate-input .pas-r0 { font-size: 0.8em; } } .share-tool .share-email .simulate-input .inside-input { vertical-align: middle; } .ie8 .share-tool .share-email .simulate-input label { width: 20%; } .share-tool .share-email .simulate-input input { border: none; } .share-tool .share-social .more-link { border-bottom: 1px solid #DEE2E7; } .share-tool .emails-from-label, .share-tool .emails-to-label { width: 38px; } @media (min-width: 1280px) { .large-w75 .share-tool { margin-right: 10px; } } /* end: extension/mchdesign/design/michelin/stylesheets/module/tools-share.css */ /* start: extension/mchdesign/design/michelin/stylesheets/module/list.css */ .search-bloc { border: 1px solid #DEE2E7; background: #EFF0F4; } .search-bloc + .search-bloc { border-left: 1px solid #fff; background: #EFF0F4 url('/extension/mchdesign/design/michelin/images/css/bloc-search-border.png') repeat-y top left; } .search-bloc label { font-style: italic; } .search-bloc .selected { border: 1px solid #DEE2E7; } .search-bloc .search { background: #fff url('/extension/mchdesign/design/michelin/images/css/search-big.png') no-repeat center right; padding-right: 45px; } .search-bloc .wrapper-search-txt { position: absolute; bottom: 30px; left: 30px; right: 30px; } /* end: extension/mchdesign/design/michelin/stylesheets/module/list.css */ /* start: extension/mchdesign/design/michelin/stylesheets/module/layers.css */ .layer { margin-top: 20px; } .layer + .layer { margin-top: 1px; } /*** General Rules concerning Layers ***/ .layer-title { color: #27509b; font-family: Arial; font-style: italic; line-height: 1em; text-align: center; } .layer-title .main-title { color: #27509b; line-height: 1.2em; text-transform: none; } .db-bloc .layer-michelin-universe { border-top: none; } /***###### Layer Carousel ######***/ .layer-carousel .slider { max-width: none; }.layer { margin-top: 20px; } .layer + .layer { margin-top: 1px; } /*** General Rules concerning Layers ***/ .layer-title { color: #27509b; font-family: Arial; font-style: italic; line-height: 1em; text-align: center; } .layer-title .main-title { color: #27509b; line-height: 1.2em; text-transform: none; } @media (max-width: 768px) { .layer-title .main-title { font-size: 1em; } } /***###### Layer Carousel ######***/ .layer-carousel .slider { max-width: none; } .layer-carousel .bx-wrapper { padding: 0 30px; } .layer-carousel .slider-list .site { border-left: 1px solid #dfe3e3; overflow: hidden; width: 16.667%; } .layer-carousel .slider-list .site:first-child { border-left: none; } .layer-carousel .slider-list .site a { color: #3c3c3c; text-decoration: none; overflow: hidden; display: block; } .layer-carousel .slider-list .site a:hover .site-label span { text-decoration: underline; } .layer-carousel .slider-list .site img { width: 100%; height: auto; position: relative; } .layer-carousel .slider-list .site .site-label { font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; font-style: italic; background: url(/extension/mchdesign/design/michelin/images/css/site-label-arrow-small.png) no-repeat right; height: 2.429em; line-height: 2.429em; } .layer-carousel .slider-list .site .site-label span { display: inline-block; line-height: normal; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; -o-hyphens: none; hyphens: none; text-wrap: avoid; } /*### When the window length is under 1280px ###*/ @media (max-width: 1280px) { .layer-carousel .slider-list .site img { width: 150px; } } /***### END OF Layer Carousel ###***/ /*** Go further ***/ .go-further .wrapper-smart-width { max-width: 1024px; margin-bottom: 20px; } .go-further h2 { font-size: 2.0714em; text-transform: uppercase; margin: 20px 0; } .go-further .right-col > div + div { margin-top: 20px; } @media (max-width: 768px) { .go-further .go-further-block > div + div { border-left: 0; } .go-further h3 { -moz-hyphens: manual; -ms-hyphens: manual; -o-hyphens: manual; hyphens: manual; text-wrap: avoid; overflow-wrap: break-word; } } .go-further .direct-press-release a, .go-further .direct-news a, .go-further .direct-publication a, .go-further .direct-external-link a { text-decoration: none; color: #3c3c3c; } .go-further .direct-press-release .date, .go-further .direct-news .date, .go-further .direct-publication .date { display: block; font-family: 'Arial'; font-size: 1.2rem; font-weight: bold; margin-bottom: 5px; } .go-further .direct-publication .content { color: #27509b; font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; font-size: 1.4rem; text-transform: uppercase; line-height: 1; } .go-further .bottom-link { font-family: 'Arial'; text-decoration: none; color: #404040; font-style: italic; font-weight: bold; text-align: left; } .go-further .bottom-link:before { content: ">"; background: #FFE900; width: 24px; display: inline-block; height: 24px; line-height: 24px; font-size: 1.8rem; margin-right: 10px; text-decoration: none; text-align: center; } .go-further .bx-wrapper { padding: 0 40px; } .go-further .direct-external-link .bx-controls-direction a { margin-top: 33px; top: 0; } .go-further .direct-publication .publication-item { padding-top: 0; min-height: 64px; font-style: italic; text-align: left; } .go-further .direct-publication, .go-further .direct-video, .go-further .direct-external-link { min-height: 382px; line-height: 382px; border: 1px solid #CCCCCC; position: relative; padding-top: 30px; } .go-further .two-block .direct-publication, .go-further .two-block .direct-video, .go-further .two-block .direct-external-link { min-height: auto; line-height: 1; } .go-further .two-block .direct-video { min-height: 178px; line-height: 178px; } .go-further .direct-publication > *, .go-further .direct-video > *, .go-further .direct-external-link > * { display: inline-block; vertical-align: middle; line-height: 1; } .go-further h3 { position: absolute; top: 10px; left: 0; text-align: left; width: auto; max-width: 80%; background: #27509b; color: #fff; padding: 10px 20px; font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; text-transform: uppercase; font-size: 1.4rem; } .go-further h3 span { position: relative; z-index: 10; } .go-further h3:after { content: ""; background: #27509b; position: absolute; top: 0; bottom: 0; right: -12px; left: 50px; z-index: 9; transform: skew(-20deg); } .go-further .direct-external-link .title { display: block; font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; } .go-further .direct-external-link .slides-2 .text { display: none; } .go-further .direct-external-link .slides-1 .wrapper-img { float: left; width: 50%; padding-right: 10px; } .go-further .direct-external-link .slides-1 { text-align: left; } .go-further .direct-external-link .slides-2 { text-align: center; } .go-further .ui-datepicker { border: none; background: transparent; margin: auto; /* Anomalie #270363 width: 100%; */ width: 290px; max-width: 290px; } .go-further .ui-datepicker-header { display: none; } .go-further .ui-datepicker th { font-size: 0.714285em; font-weight: normal; color: #27509b; } .go-further .ui-datepicker-calendar { border: none; } .go-further .ui-datepicker th { padding-bottom: 4px; } .go-further .ui-datepicker td { text-align: center; padding: 0; } .go-further .ui-datepicker tr + tr td { border-top: 1px solid #E0E2E1; } .go-further .ui-datepicker td + td { border-left: 1px solid #E0E2E1; } .go-further .ui-datepicker td > * { padding: 4px; padding-top: 7px; } .go-further .ui-datepicker .ui-state-active { border: 2px solid #27509b; padding: 2px; padding-top: 5px; } .go-further .ui-datepicker-other-month .ui-state-default { color: #9B9B9B; } .go-further .ui-state-disabled, .go-further .ui-widget-content .ui-state-disabled, .go-further .ui-widget-header .ui-state-disabled { opacity: 1; filter:Alpha(Opacity=100); } .go-further .ui-datepicker td a { text-align: center; font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; color: #27509b; } .go-further .ui-datepicker .linear-blue a { color: #fff; } .go-further .ui-state-default { background: none; border: none; color: #27509b; text-align: center; } .go-further .direct-calendar-switch-month, .go-further .direct-news, .go-further .direct-press-release { border: 1px solid #cccccc; padding-top: 46px; position: relative; min-height: 185px; } .go-further .direct-calendar-switch-month { min-height: 433px; } .go-further .direct-calendar-switch-month .month-nav { width: 100%; max-width: 282px; } .go-further .direct-calendar-switch-month .month-previous:before, .go-further .direct-calendar-switch-month .month-next:before { content: '\e820'; font-family: fontello; font-style: normal; font-weight: 400; font-size: 2.3rem; color: #404040; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; position: absolute; display: block; text-decoration: none; text-indent: 0; } .go-further .direct-calendar-switch-month .month-previous, .go-further .direct-calendar-switch-month .month-previous:hover, .go-further .direct-calendar-switch-month .month-previous.inative { text-indent: -9999px; width: 25px; height: 96px; vertical-align: middle; overflow: hidden; } .go-further .direct-calendar-switch-month .month-previous:hover:before, .go-further .direct-calendar-switch-month .month-previous.inative:before { color: #666666; } .go-further .direct-calendar-switch-month .month-next, .go-further .direct-calendar-switch-month .month-next:hover, .go-further .direct-calendar-switch-month .month-next.inactive { text-indent: -9999px; width: 25px; height: 96px; vertical-align: middle; overflow: hidden; text-decoration: none; position: relative; } .go-further .direct-calendar-switch-month .month-previous:before { content: '\e81f'; } .go-further .direct-calendar-switch-month .month-next:hover:before, .go-further .direct-calendar-switch-month .month-next.inactive:before { color: #666666; } .go-further .direct-calendar-switch-month .year { font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; color: #27509b; } .go-further .direct-calendar-switch-month .month { font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; color: #27509b; font-size: 2.285714em; text-transform: uppercase; min-width: 100px; } .go-further .calendar-element { width: 300px; background: #fff; position: absolute; z-index: 11; -moz-box-shadow: 0px 0px 10px 0px #656565; -webkit-box-shadow: 0px 0px 10px 0px #656565; -o-box-shadow: 0px 0px 10px 0px #656565; box-shadow: 0px 0px 10px 0px #656565; filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=10); text-align: left; } @media (max-width: 768px) { .go-further .calendar-element { width: 220px; } } .go-further .calendar-element .arrow { background: url('/extension/mchdesign/design/michelin/images/css/go-further-event-arrow.png') no-repeat center left; position: absolute; top: 50%; left: -9px; margin-top: 15px; width: 12px; height: 20px; } .go-further .calendar-element li + li { border-top: 1px solid #E0E2E1; } .go-further .calendar-element .title { font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; text-transform: uppercase; display: block; color: #37383D; text-decoration: none; } .go-further .calendar-element .category { font-weight: bold; font-style: italic; font-size: 0.85714em; } .go-further .direct-video .text { position: absolute; bottom: 0; font-size: 1.14285em; font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; text-transform: uppercase; color: #fff; } .go-further .calendar-element .title:hover { text-decoration: underline; } .go-further .direct-video .wrapper-img { max-width: 450px; } .go-further .direct-video .wrapper-img img { width: 100%; } .go-further .direct-video .player { background: url('/extension/mchdesign/design/michelin/images/css/over-video.png') no-repeat top left; background-size: 100%; width: 55px; height: 55px; } .ie8 .go-further .direct-video .player { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/extension/mchdesign/design/michelin/images/css/over-video.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/extension/mchdesign/design/michelin/images/css/over-video.png', sizingMethod='scale')"; } @media (max-width: 960px) { .go-further .direct-video .player { width: 35px; height: 35px; } } /***###### Michelin Universe Layer ######***/ /* Knacss/ViaMichelin compatibility fix */ .ui-map .logoVM { height: 36px !important; } .ui-map .ui-map-scale-point { height: 2px !important; } .ui-skin-default .ui-navigation-control .ui-navigation-control-bg { height: 130px !important; } #dashboard-geomap-container *, #geomap-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* End of fix */ #panel-dashboard .layer-michelin-universe { background: #ffffff; } #panel-dashboard .layer-michelin-universe .layer-title .main-title { color: #27509b; } .layer-michelin-universe { position: relative; background: #27509b; margin-left: -40px; margin-right: -40px; padding: 40px 100px; } .layer-michelin-universe .layer-title .main-title { display: inline-block; vertical-align: middle; color: #fff; text-transform: uppercase; } .layer-michelin-universe .geoloc-form { float: right; } .layer-michelin-universe .change-country { padding: 12px 30px 12px 5px; border: 1px solid #DEE2E7; font-style: italic; width: 250px; } .layer-michelin-universe .submit-change-country { width: 43px; height: 42px; border: none; background: #FDE900; margin-left: -3px; font-size: 2.5rem; border-top: 1px solid #DEE2E7; border-right: 1px solid #DEE2E7; border-bottom: 1px solid #DEE2E7; padding: 0; color: #3C3C3C; padding-top: 1px; } .layer-michelin-universe .submit-change-country:hover, .layer-michelin-universe .submit-change-country:focus { background: #A6A6A6; color: #EFEFEF; } .layer-michelin-universe .map-wrapper { position: relative; padding-right: 0; } .dashboard .layer-michelin-universe .map-wrapper { padding-right: 0; } .dashboard .layer-michelin-universe .map-wrapper > *{ border-spacing: 0; } .layer-michelin-universe .map-wrapper .geolocalisation-box { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 90; } .layer-michelin-universe .map-wrapper .geolocalisation-box:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .layer-michelin-universe .map-wrapper .geolocalisation-box .blur { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url('/extension/mchdesign/design/michelin/images/css/bg-white.png'); } .layer-michelin-universe .map-wrapper .geolocalisation-box .content-wrapper { position: relative; display: inline-block; vertical-align: middle; z-index: 10; width: 50%; } @media (max-width: 768px) { .layer-michelin-universe .map-wrapper .geolocalisation-box .content-wrapper { width: 100%; bottom: 0; left: 0; position: absolute; } } .layer-michelin-universe .map-wrapper .geolocalisation-box .content { position: relative; background: #fff !important; box-shadow: 0 0 10px #999; } .layer-michelin-universe .map-wrapper .geolocalisation-box .content .picto { vertical-align: middle; } .layer-michelin-universe .map-wrapper .geolocalisation-box .content p { width: 80%; vertical-align: middle; } .ie8 .layer-michelin-universe .map-wrapper .geolocalisation-box .content , .ie9 .layer-michelin-universe .map-wrapper .geolocalisation-box .content { margin: 0 9px; } .ie8 .layer-michelin-universe .map-wrapper .geolocalisation-box .content:before , .ie9 .layer-michelin-universe .map-wrapper .geolocalisation-box .content:before { content: ""; display: inline-block; position: absolute; top: 0; left: -9px; width: 9px; height: 100%; background: url(/extension/mchdesign/design/michelin/images/css/shadow-left.png) repeat-y; } .ie8 .layer-michelin-universe .map-wrapper .geolocalisation-box .content:after , .ie9 .layer-michelin-universe .map-wrapper .geolocalisation-box .content:after { content: ""; display: inline-block; position: absolute; top: 0; right: -9px; width: 9px; height: 100%; background: url(/extension/mchdesign/design/michelin/images/css/shadow-right.png) repeat-y; } .ie8 .layer-michelin-universe .map-wrapper .geolocalisation-box .content.top , .ie9 .layer-michelin-universe .map-wrapper .geolocalisation-box .content.top { position: relative; margin: 0 9px; height: 9px; background: url(/extension/mchdesign/design/michelin/images/css/shadow-top.png) repeat-x; } .ie8 .layer-michelin-universe .map-wrapper .geolocalisation-box .content.top:before , .ie9 .layer-michelin-universe .map-wrapper .geolocalisation-box .content.top:before { content: ""; display: inline-block; position: absolute; top: 0; left: -9px; width: 9px; height: 9px; background: url(/extension/mchdesign/design/michelin/images/css/shadow-top.png) repeat-x 0 -9px; } .ie8 .layer-michelin-universe .map-wrapper .geolocalisation-box .content.top:after , .ie9 .layer-michelin-universe .map-wrapper .geolocalisation-box .content.top:after { content: ""; display: inline-block; position: absolute; top: 0; right: -9px; width: 9px; height: 9px; background: url(/extension/mchdesign/design/michelin/images/css/shadow-top.png) repeat-x 0 -18px; } .ie8 .layer-michelin-universe .map-wrapper .geolocalisation-box .content.bottom , .ie9 .layer-michelin-universe .map-wrapper .geolocalisation-box .content.bottom { position: relative; margin: 0 9px; height: 9px; background: url(/extension/mchdesign/design/michelin/images/css/shadow-bottom.png) repeat-x; } .ie8 .layer-michelin-universe .map-wrapper .geolocalisation-box .content.bottom:before , .ie9 .layer-michelin-universe .map-wrapper .geolocalisation-box .content.bottom:before { content: ""; display: inline-block; position: absolute; top: 0; left: -9px; width: 9px; height: 9px; background: url(/extension/mchdesign/design/michelin/images/css/shadow-bottom.png) repeat-x 0 -9px; } .ie8 .layer-michelin-universe .map-wrapper .geolocalisation-box .content.bottom:after , .ie9 .layer-michelin-universe .map-wrapper .geolocalisation-box .content.bottom:after { content: ""; display: inline-block; position: absolute; top: 0; right: -9px; width: 9px; height: 9px; background: url(/extension/mchdesign/design/michelin/images/css/shadow-bottom.png) repeat-x 0 -18px; } .layer-michelin-universe #geomap-container .ui-map-tools, .layer-michelin-universe #dashboard-geomap-container .ui-map-tools { position: absolute; right: 2%; top: 25%; } .layer-michelin-universe .ajax-loader { padding: 40px; } .layer-michelin-universe .geolocalisation { padding: 5px; background: #F9F9F9; overflow: hidden; } .layer-michelin-universe .geolocalisation .subtitle { padding-top: 10px; padding-left: 10px; color: #27509b; font-style: italic; display: inline-block; } .layer-michelin-universe .geolocalisation .banner-country-name { font-weight: bold; } .layer-michelin-universe .no-country .content-country-name { color: #07A4FE; font-weight: bold; text-transform: uppercase; } .layer-michelin-universe .no-country img { max-width: 50%; } .layer-michelin-universe .geomap-sites-list { background: #E6E6E6; background-size: auto 100%; } .layer-michelin-universe .geomap-sites-list .no-country div img { margin: auto; vertical-align: middle; } .layer-michelin-universe .geomap-sites-list .no-country .location { display: block; } .layer-michelin-universe .geomap-sites-list .no-country #content-country-name { font-weight: bold; color: #088ce7; } .layer-michelin-universe .geomap-sites-list .no-country div p { vertical-align: middle; } .layer-michelin-universe .geomap-sites-list .no-country .separator { border-top: 1px solid #ccc; } .layer-michelin-universe .geomap-sites-list .section-title { font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; font-style: italic; font-size: 1.1em; color: #27509b; text-transform: uppercase; } .layer-michelin-universe .geomap-sites-list .tabs ul li { background-color: #f5f5f5; background-repeat: no-repeat; font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; font-style: italic; font-size: 0.9em; color: #27509b; line-height: 2em; margin-left: 1px; cursor: pointer; padding: 4px 20px 4px 15px; } .layer-michelin-universe .geomap-sites-list .tabs ul li:first-child { margin-left: 0; } .layer-michelin-universe .geomap-sites-list .tabs ul li.active { background-color: #27509b; color: #fff; position: relative; } .layer-michelin-universe .geomap-sites-list .tabs ul li.active:after { content: ""; background: #27509b; position: absolute; top: 0; bottom: 0; right: -6px; left: 50px; z-index: 9; -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg); -ms-transform: skew(-20deg); transform: skew(-20deg); } .layer-michelin-universe .geomap-sites-list .tabs ul li + li { padding-left: 20px; } .layer-michelin-universe .geomap-sites-list .tabs ul li + li.active:after { content: ""; background: #27509b; position: absolute; top: 0; bottom: 0; right: 50px; left: -6px; z-index: 9; -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg); -ms-transform: skew(-20deg); transform: skew(-20deg); } .layer-michelin-universe .geomap-sites-list .tabs ul li span, .layer-michelin-universe .geomap-sites-list .tabs ul li i { position: relative; z-index: 10; } .layer-michelin-universe .geomap-sites-list .tabs ul li i { margin-right: 16px; } .layer-michelin-universe .geomap-sites-list .diapo .site-title { display: block; } .layer-michelin-universe .geomap-sites-list .sites-list .bx-wrapper, .layer-michelin-universe .geomap-sites-list .sites-list .liste { max-height: 275px; overflow-x: auto; } .layer-michelin-universe .sites-list { margin-top: 60px; } .layer-michelin-universe .universe_slide_wrapper { display: block; } .layer-michelin-universe .geomap-sites-list .yellow-button { text-transform: uppercase; font-family: 'Arial'; font-weight: bold; padding: 5px 30px; } @media (max-width: 768px) { .layer-michelin-universe .geomap-sites-list .sites-list .bx-wrapper, .layer-michelin-universe .geomap-sites-list .sites-list .liste { max-height: 250px; overflow-x: auto; } } @media (max-width: 500px) { .layer-michelin-universe .no-country img { display: none!important; } } .layer-michelin-universe .geomap-sites-list .sites-list .liste li, .layer-michelin-universe .geomap-sites-list .sites-list .liste li:hover, .layer-michelin-universe .geomap-sites-list .sites-list .liste li.inactive { border-bottom: 1px solid #dee2e2; padding-top: 2px; padding-bottom: 2px; border-right: 5px solid transparent; min-height: 32px; background: url(/extension/mchdesign/design/michelin/images/css/arrow-off-right.png) no-repeat center right } .layer-michelin-universe .geomap-sites-list .sites-list .liste li:hover { background: url(/extension/mchdesign/design/michelin/images/css/arrow-on-right.png) no-repeat center right } .layer-michelin-universe .geomap-sites-list .sites-list .liste li.inactive { background: url(/extension/mchdesign/design/michelin/images/css/arrow-inactive-right.png) no-repeat center right } .layer-michelin-universe .geomap-sites-list .sites-list .liste li:first-child { border-top: 1px solid #dee2e2; } .layer-michelin-universe .geomap-sites-list .sites-list .liste a { text-decoration: none; line-height: 32px } .layer-michelin-universe .geomap-sites-list .sites-list .liste .site-image { margin-right: 20px; } .layer-michelin-universe .geomap-sites-list .sites-list .liste .site-image img { vertical-align: middle; } .layer-michelin-universe .geomap-sites-list .sites-list .liste .site-title { color: #3c3c3c; line-height: normal; vertical-align: middle; /*width: calc(100% - 100px);*/ } .layer-michelin-universe .geomap-sites-list .sites-list .univers_slide_over, .layer-michelin-universe .geomap-sites-list .sites-list .univers_list_over { display: none; } .layer-michelin-universe .geomap-sites-list .bx-wrapper .bx-controls-direction a { top: 30%; background-color: transparent; } .layer-michelin-universe .geomap-sites-list .bx-wrapper .bx-controls-direction a.bx-prev { left: 0; } .layer-michelin-universe .geomap-sites-list .bx-wrapper .bx-controls-direction a.bx-next { right: 0; } .ui-autocomplete li.ui-menu-item { float: none; min-width: 300px; } /*### When the window width is under 960px ###*/ .layer-michelin-universe .wrapper-geomap-container { width: 540px; overflow: hidden; position: relative; } .layer-michelin-universe .geolocalise-me-btn { background: none; border: none; position: absolute; top: 65px; left: 680px; z-index: 9; } .db-bloc .layer-michelin-universe .geolocalise-me-btn { right: 11px; } @media (max-width: 960px) { .layer-michelin-universe { margin-left: -10px; margin-right: -10px; padding: 30px 10px!important; } .layer-michelin-universe > .txtcenter { margin: 0 0 20px 0; } #geomap-container, #dashboard-geomap-container { display: none; } .layer-michelin-universe .map-wrapper, .layer-michelin-universe .geomap-sites-list { background-size: auto; text-align: center; } .layer-michelin-universe .map-wrapper { padding-right: 0; } .layer-michelin-universe .geomap-sites-list .section-title, .layer-michelin-universe .geomap-sites-list .tabs { display: inline-block; vertical-align: middle; } .layer-michelin-universe .geomap-sites-list { background: #F9F9F9; min-height: 230px; display: block; overflow: hidden; padding: 20px 10px; } .layer-michelin-universe .sites-list { margin-top: 20px; } .layer-michelin-universe .geomap-sites-list .sites-list { min-height:130px; } .layer-michelin-universe .geomap-sites-list .tabs { margin-left: 10px; } .layer-michelin-universe .geomap-sites-list .tabs ul { table-layout: auto; } .layer-michelin-universe .geomap-sites-list .bx-wrapper .bx-viewport { height: auto !important; } .layer-michelin-universe .geomap-sites-list .bx-wrapper .bx-controls-direction a { top: 65%; } .layer-michelin-universe .geomap-sites-list .sites-list .diapo li { display: table; margin: 50px 0 11px; padding: 0 100px; } .layer-michelin-universe .geomap-sites-list .sites-list .diapo li img, .layer-michelin-universe .geomap-sites-list .sites-list .diapo li .right-col { display: table-cell; vertical-align: middle; text-align: left; } .layer-michelin-universe .geomap-sites-list .sites-list .diapo li .right-col { padding-left: 30px; } .layer-michelin-universe .geomap-sites-list .sites-list .liste { margin: 20px 0; } /* solution to hide horizontal scollbar on http://gromo.github.io/jquery.scrollbar/ */ .layer-michelin-universe .geomap-sites-list .sites-list .scroll-element.scroll-x { display: none !important; } .layer-michelin-universe .geomap-sites-list .sites-list .liste li { display: block; width: 100%; margin: 0; border: 0; border-top: 1px solid #dee2e2; text-align: left; } /* .layer-michelin-universe .geomap-sites-list .sites-list .liste li:nth-child(odd) { float:left; }*/ .layer-michelin-universe .geomap-sites-list .sites-list .liste .site-title { text-align: left; max-width: 140px; } .layer-michelin-universe .wrapper-geomap-container { display: block; width: auto; } .layer-michelin-universe .geoloc-form { float: none; width: 100%; } .layer-michelin-universe .geolocalisation { background: #E6E6E6; padding-bottom: 5px; text-align: left; } .layer-michelin-universe .change-country { width: calc(100% - 62px); } .layer-michelin-universe .geomap-sites-list .tabs ul li { background: #fff; } .layer-michelin-universe .map-universe { display: none; } } @media (max-width: 1024px) { .layer-michelin-universe { padding-left: 50px; padding-right: 50px; } } @media (max-width: 1280px) { .layer-michelin-universe .geolocalise-me-btn { left: 554px; } } @media (min-width: 1280px) { .layer-michelin-universe .wrapper-geomap-container { width: 730px; } } /*### When the window width is under 1600px ###*/ @media (max-width: 1600px) { .layer-michelin-universe .layer-title .main-title{ display: block; margin-right: 0; } } /*### When the window width is under 860px ###*/ @media (max-width: 900px) { .ie8 .layer-michelin-universe .geomap-sites-list { padding-bottom: 10px; } .ie8 .layer-michelin-universe .geomap-sites-list .sites-list .yellow-button { margin-bottom: 10px; } } /***### END OF Michelin Universe Layer ######***/ #background-us-alert { height: 100%; background-color: #000; opacity: .6; filter: alpha(opacity=60); position: absolute; width: 100%; z-index: 98; top: 0; display: none; } .layer-us-alert { border: 4px solid #274F9A; background: white; margin: 20px 0; text-align: center; height: 195px; line-height: 195px; vertical-align: middle; position: relative; z-index: 100; } .layer-us-alert .close { position: absolute; top: 10px; right: 10px; line-height: 1; text-decoration: none; color: #3C3C3C; font-size: 1.2rem; } .layer-us-alert .close span { font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; font-size: 1.4rem; vertical-align: middle; margin-left: 5px; } .layer-us-alert > div { line-height: 1; vertical-align: middle; display: inline-block; } .layer-us-alert .cta { padding: 10px 30px; text-transform: uppercase; } .layer-search { } /*** Suggestion ***/ .layer-suggestion { background: #27509b; /* Old browsers */ } .layer-suggestion .title, .dashboard .layer-suggestion .title { color: #fff; text-transform: uppercase; font-size: 2.0714em; } .layer-suggestion .suggestion { max-width: 33%; } @media (max-width: 768px) { .layer-suggestion .suggestion { max-width: 100%; margin-bottom: 1px; } .direct-video .text.pas > div { font-size: 0.7em; line-height: 1.1em; } } .layer-suggestion li.suggestion a { display:block; text-decoration: none; } .layer-suggestion li.suggestion a:hover > h4 { text-decoration:underline; } .layer-suggestion .suggestion h4 { position: absolute; color: #27509b; bottom: 0; padding-bottom: 5px; padding-top: 15px; font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; text-transform: uppercase; width: 100%; } .layer-suggestion .suggestion .gradient0 { color: #fff; background: url(/extension/mchdesign/design/michelin/images/css/black-gradient.png) repeat-x bottom left; background-size: 1px 100%; } .layer-suggestion .suggestion + .suggestion { margin-left: 1px; } .layer-suggestion .suggestion .gradient, .layer-suggestion .suggestion .gradient2 { color: #fff; } .layer-suggestion .suggestion .gradient2 { background: none; } .layer-carousel .slider-list .site:first-child { border-left: none; } .layer-carousel .slider-list .site a { color: #3c3c3c; background: url(/extension/mchdesign/design/michelin/images/css/white-gradient.png) repeat-x bottom left; background-size: 1px 100%; } .layer-carousel .slider-list .site a:hover .site-label span { text-decoration: underline; } .layer-carousel .slider-list .site img { width: 100%; height: auto; position: relative; } .layer-carousel .slider-list .site .site-label { font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; font-style: italic; background: url(/extension/mchdesign/design/michelin/images/css/site-label-arrow-small.png) no-repeat right; height: 2.429em; line-height: 2.429em; } .layer-carousel .slider-list .site .site-label span { display: inline-block; line-height: normal; } @media (max-width: 768px) { .layer-carousel .slider-list .site .site-label span { font-size: 10px; } .layer-carousel .slider-list .site .site-label { background: transparent; } .go-further .direct-publication, .go-further .direct-video, .go-further .direct-external-link, .go-further .direct-calendar-switch-month { min-height: auto; line-height: 1; } } /*### When the window length is under 1280px ###*/ @media (max-width: 1279px) { .layer-carousel .slider-list .site img { width: 150px; } .ie8 .dashboard .layer-michelin-universe .geomap-sites-list .sites-list { padding-right:40px; } } /***### END OF Layer Carousel ###***/ /*** Go further ***/ /* end: extension/mchdesign/design/michelin/stylesheets/module/layers.css */ /* start: extension/mchdesign/design/michelin/stylesheets/jqtransform.css */ form.jqtransformdone label{ margin-top:4px; margin-right: 8px; margin-left:5px; float:left; display: block; } form.jqtransformdone div.rowElem{ clear:both; padding:4px 0px; } /* ------------- * Buttons * ------------- */ button.jqTransformButton { margin: 0px; padding: 0px; border: none; background-color: transparent; cursor: pointer; overflow: visible; font-family: Arial; } *:first-child+html button.jqTransformButton[type]{width: 1;} /* IE7 */ button.jqTransformButton span { background: transparent url(/extension/mchdesign/design/michelin/stylesheets/img/btn_right.gif) no-repeat right top; display: block; float: left; padding: 0px 4px 0px 0px; /* sliding doors padding */ margin: 0px; height: 33px; } button.jqTransformButton span span { background: transparent url(/extension/mchdesign/design/michelin/stylesheets/img/btn_left.gif) no-repeat top left; color: #333; padding: 8px 4px 0px 8px; font-weight: normal; font-size: 12px; line-height: 13px; display: block; text-decoration: none; height: 33px; } /*hover*/ button.jqTransformButton_hover span span { background-position: left -33px ; } button.jqTransformButton_hover span { background-position: right -33px ; } /*clicked*/ button.jqTransformButton_click span span { background-position: left -66px ; } button.jqTransformButton_click span { background-position: right -66px ; } /* IE 6 */ * html button.jqTransformButton { height:33px; } * button.jqTransformButton span span { height: 25px; } /* IE 7 */ *+ html button.jqTransformButton { height:33px; } *+ button.jqTransformButton span span { height: 25px; } /* ------------- * Inputs * ------------- */ .jqTransformInputWrapper { background: transparent url(/extension/mchdesign/design/michelin/stylesheets/img/input/input_text_left.gif) no-repeat left top; height: 31px; padding: 0px; float:left; } .jqTransformInputInner { background: transparent url(/extension/mchdesign/design/michelin/stylesheets/img/input/input_text_right.gif) no-repeat top right; padding: 0px; margin: 0px; } .jqTransformInputInner div { height: 31px; margin:0px 0px 0px 8px; } .jqTransformInputInner div input { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 18px; vertical-align: middle; height: 31px; color:#404040; border: none; padding: 8px 0px 0px 0px; margin: 0px; background:transparent; } /* IE6 */ * html .jqTransformInputInner div input { padding: 6px 0 0 0; margin: 0 0 0 -8px; height:24px; } /* Ie7 */ *+ html .jqTransformInputInner div input { padding: 6px 0 0 0; margin-left:-10px; height:24px; } /*hover*/ .jqTransformInputWrapper_hover{ background-position: left -31px ;} .jqTransformInputWrapper_hover div.jqTransformInputInner{ background-position: right -31px ;} /*focus*/ .jqTransformInputWrapper_focus{ background-position: left -62px ;} .jqTransformInputWrapper_focus div.jqTransformInputInner{ background-position: right -62px ;} .jqTransformSafari .jqTransformInputInner div { position: relative; overflow: hidden; margin:0px 8px; } .jqTransformSafari .jqTransformInputInner div input { background-color: none; position: absolute; top: -10px; left: -2px; height: 42px; padding-left: 4px; } /* ------------- * Textarea * ------------- */ table.jqTransformTextarea td#jqTransformTextarea-mm textarea{ font-size: 12px; line-height: 16px; } table.jqTransformTextarea td{ font-size: 1px; line-height: 1px; width: 5px; height: 5px; margin: 0; padding: 0; } table.jqTransformTextarea{} table.jqTransformTextarea tr{ /*border: 1px solid red;*/ } table.jqTransformTextarea textarea{ margin: 0; padding: 0; border: 0; background: none; } table.jqTransformTextarea td#jqTransformTextarea-tl{background: url(/extension/mchdesign/design/michelin/stylesheets/img/textarea/textarea_tl.gif) no-repeat top left;} table.jqTransformTextarea td#jqTransformTextarea-tm{background: url(/extension/mchdesign/design/michelin/stylesheets/img/textarea/textarea_tm.gif) repeat-x top left;} table.jqTransformTextarea td#jqTransformTextarea-tr{background: url(/extension/mchdesign/design/michelin/stylesheets/img/textarea/textarea_tr.gif) no-repeat top left;} table.jqTransformTextarea td#jqTransformTextarea-ml{background: url(/extension/mchdesign/design/michelin/stylesheets/img/textarea/textarea_ml.gif) repeat-y top left;} table.jqTransformTextarea td#jqTransformTextarea-mm{background: url(/extension/mchdesign/design/michelin/stylesheets/img/textarea/textarea-mm.gif) repeat;} table.jqTransformTextarea td#jqTransformTextarea-mr{background: url(/extension/mchdesign/design/michelin/stylesheets/img/textarea/textarea_mr.gif) repeat-y top left;} table.jqTransformTextarea td#jqTransformTextarea-bl{background: url(/extension/mchdesign/design/michelin/stylesheets/img/textarea/textarea_bl.gif) no-repeat top left;} table.jqTransformTextarea td#jqTransformTextarea-bm{background: url(/extension/mchdesign/design/michelin/stylesheets/img/textarea/textarea_bm.gif) repeat-x top left;} table.jqTransformTextarea td#jqTransformTextarea-br{background: url(/extension/mchdesign/design/michelin/stylesheets/img/textarea/textarea_br.gif) no-repeat top left;} /*hover*/ table.jqTransformTextarea-hover td#jqTransformTextarea-tl{background-position:0px -5px;} table.jqTransformTextarea-hover td#jqTransformTextarea-tm{background-position:0px -5px;} table.jqTransformTextarea-hover td#jqTransformTextarea-tr{background-position:0px -5px;} table.jqTransformTextarea-hover td#jqTransformTextarea-ml{background-position:-5px 0px;} table.jqTransformTextarea-hover td#jqTransformTextarea-mm{background-image: url(/extension/mchdesign/design/michelin/stylesheets/img/textarea/textarea-mm-hover.gif);} table.jqTransformTextarea-hover td#jqTransformTextarea-mr{background-position:-5px 0px;} table.jqTransformTextarea-hover td#jqTransformTextarea-bl{background-position:0px -5px;} table.jqTransformTextarea-hover td#jqTransformTextarea-bm{background-position:0px -5px;} table.jqTransformTextarea-hover td#jqTransformTextarea-br{background-position:0px -5px;} /*focus*/ table.jqTransformTextarea-focus td#jqTransformTextarea-tl{background-position:0px -10px;} table.jqTransformTextarea-focus td#jqTransformTextarea-tm{background-position:0px -10px;} table.jqTransformTextarea-focus td#jqTransformTextarea-tr{background-position:0px -10px;} table.jqTransformTextarea-focus td#jqTransformTextarea-ml{background-position:-10px 0px;} table.jqTransformTextarea-focus td#jqTransformTextarea-mm{background-image: url(/extension/mchdesign/design/michelin/stylesheets/img/textarea/textarea-mm-focus.gif);} table.jqTransformTextarea-focus td#jqTransformTextarea-mr{background-position: -10px 0px;} table.jqTransformTextarea-focus td#jqTransformTextarea-bl{background-position:0px -10px;} table.jqTransformTextarea-focus td#jqTransformTextarea-bm{background-position:0px -10px;} table.jqTransformTextarea-focus td#jqTransformTextarea-br{background-position:0px -10px;} table.jqTransformTextarea .jqTransformSafariTextarea div { position: relative; overflow: hidden; border: 0px solid red; } table.jqTransformTextarea .jqTransformSafariTextarea textarea{ background: none; position: absolute; top:-10px; left:-10px; padding: 10px 10px 10px 10px; resize: none; } /* ------------- * Radios * ------------- */ .jqTransformRadioWrapper {float: left;display:block;margin:0px 4px;} .jqTransformRadio { background: transparent url(/extension/mchdesign/design/michelin/stylesheets/img/radio.gif) no-repeat center top; vertical-align: middle; height: 19px; width: 23px; display:block;/*display: -moz-inline-block;*/ } /* ------------- * Checkboxes * ------------- */ span.jqTransformCheckboxWrapper{ display:block; float:left; } a.jqTransformCheckbox { background: transparent url(/extension/mchdesign/design/michelin/stylesheets/img/checkbox.gif) no-repeat center top; vertical-align: middle; height: 21px; width: 21px; display:block;/*display: -moz-inline-block;*/ } /* ------------- * Checked - Used for both Radio and Checkbox * ------------- */ a.jqTransformChecked { background-position: center bottom;} /* ------------- * Selects * ------------- */ .jqTransformSelectWrapper { width: 45px; position:relative; height: 31px; background: url(/extension/mchdesign/design/michelin/stylesheets/img/select_left.gif) no-repeat top left; float:left; } .jqTransformSelectWrapper div span { font-size: 12px; float: none; position: absolute; white-space: nowrap; height: 31px; line-height: 15px; padding: 8px 0 0 7px; overflow: hidden; cursor:pointer; /*border: 1px solid #CCCCCC;*/ /* border-right: none;*/ } .jqTransformSelectWrapper a.jqTransformSelectOpen { display: block; position: absolute; right: 0px; width: 31px; height: 31px; background: url(/extension/mchdesign/design/michelin/stylesheets/img/select_right.gif) no-repeat center center; } .jqTransformSelectWrapper ul { position: absolute; width: 43px; top: 30px; left: 0px; list-style: none; background-color: #FFF; border: solid 1px #CCC; display: none; margin: 0px; padding: 0px; height: 150px; overflow: auto; overflow-y: auto; z-index:10; } .jqTransformSelectWrapper ul a { display: block; padding: 5px; text-decoration: none; color:#333; background-color: #FFF; font-size: 12px; } .jqTransformSelectWrapper ul a.selected { background: #EDEDED; color: #333; } .jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover { background:#3582c4; color: #fff; } /* ------------- * Hidden - used to hide the original form elements * ------------- */ .jqTransformHidden {display: none;} /* end: extension/mchdesign/design/michelin/stylesheets/jqtransform.css */ /* start: extension/mchdesign/design/michelin/stylesheets/konami.css */ html.knm { -moz-transition: all 5000ms ease-in-out; -o-transition: all 5000ms ease-in-out; -webkit-transition: all 5000ms ease-in-out; transition: all 5000ms ease-in-out; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); } /* end: extension/mchdesign/design/michelin/stylesheets/konami.css */ /* start: extension/mchdesign/design/michelin/stylesheets/main.min.css */ @font-face{font-family:Arial-Black;src:url(/extension/mchdesign/design/michelin/stylesheets/fonts/Arial-Black/Arial-Black.eot?#iefix) format('embedded-opentype'),url(/extension/mchdesign/design/michelin/stylesheets/fonts/Arial-Black/Arial-Black.woff) format('woff'),url(/extension/mchdesign/design/michelin/stylesheets/fonts/Arial-Black/Arial-Black.ttf) format('truetype'),url(/extension/mchdesign/design/michelin/stylesheets/fonts/Arial-Black/Arial-Black.svg#Arial-Black) format('svg');font-weight:400;font-style:normal}@font-face{font-family:Arial-Black;src:url(/extension/mchdesign/design/michelin/stylesheets/fonts/Arial-Black/Arial-BlackItalic.eot?#iefix) format('embedded-opentype'),url(/extension/mchdesign/design/michelin/stylesheets/fonts/Arial-Black/Arial-BlackItalic.woff) format('woff'),url(/extension/mchdesign/design/michelin/stylesheets/fonts/Arial-Black/Arial-BlackItalic.ttf) format('truetype'),url(/extension/mchdesign/design/michelin/stylesheets/fonts/Arial-Black/Arial-BlackItalic.svg#Arial-BlackItalic) format('svg');font-weight:400;font-style:italic}@font-face{font-family:fontello;src:url(/extension/mchdesign/design/michelin/stylesheets/fonts/fontello/fontello.eot?48374872);src:url(/extension/mchdesign/design/michelin/stylesheets//extension/mchdesign/design/michelin/stylesheets/fonts/fontello/fontello.eot?48374872#iefix) format('embedded-opentype'),url(/extension/mchdesign/design/michelin/stylesheets/fonts/fontello/fontello.woff2?48374872) format('woff2'),url(/extension/mchdesign/design/michelin/stylesheets/fonts/fontello/fontello.woff?48374872) format('woff'),url(/extension/mchdesign/design/michelin/stylesheets/fonts/fontello/fontello.ttf?48374872) format('truetype'),url(/extension/mchdesign/design/michelin/stylesheets/fonts/fontello/fontello.svg?48374872#fontello) format('svg');font-weight:400;font-style:normal}[class*=" icon-"]:before,[class^=icon-]:before{font-family:fontello;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-gauge:before{content:'\e800'}.icon-v-card:before{content:'\e801'}.icon-download-noir:before{content:'\e802'}.icon-zoom:before{content:'\e803'}.icon-menu-close:before{content:'\e804'}.icon-user:before{content:'\e805'}.icon-www-cloud:before{content:'\e806'}.icon-list:before{content:'\e807'}.icon-cancel:before{content:'\e808'}.icon-lock:before{content:'\e809'}.icon-pin:before{content:'\e80a'}.icon-tag:before{content:'\e80b'}.icon-pencil:before{content:'\e80c'}.icon-edit:before{content:'\e80d'}.icon-comment:before{content:'\e80e'}.icon-attention-circled:before{content:'\e80f'}.icon-location:before{content:'\e810'}.icon-trash:before{content:'\e811'}.icon-folder-open:before{content:'\e812'}.icon-menu:before{content:'\e813'}.icon-slider:before{content:'\e814'}.icon-list-point:before{content:'\e815'}.icon-close-dashboard:before{content:'\e816'}.icon-calendar:before{content:'\e817'}.icon-calendar-nb:before{content:'\e818'}.icon-email-alert:before{content:'\e819'}.icon-book:before{content:'\e81a'}.icon-login:before{content:'\e81b'}.icon-logout:before{content:'\e81c'}.icon-move:before{content:'\e81d'}.icon-down-open:before{content:'\e81e'}.icon-left-open:before{content:'\e81f'}.icon-right-open:before{content:'\e820'}.icon-up-open:before{content:'\e821'}.icon-arrows-cw:before{content:'\e822'}.icon-star:before{content:'\e823'}.icon-clock:before{content:'\e824'}.icon-eye:before{content:'\e825'}.icon-play:before{content:'\e826'}.icon-pause:before{content:'\e827'}.icon-papernews:before{content:'\e828'}.icon-spin:before{content:'\e829'}.icon-chart-line:before{content:'\e82a'}.icon-rss:before{content:'\e82b'}.icon-share:before{content:'\e82c'}.icon-print:before{content:'\e82d'}.icon-dealer:before{content:'\e82e'}.icon-contact:before{content:'\e82f'}.icon-list-pdf:before{content:'\e830'}@keyframes a{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.icon-spin,.spinner{animation:a 2s infinite linear}body{overflow-x:hidden}body a:focus{outline:0}.stock{padding-right:40px;text-align:right;height:60px;line-height:60px}.stock .symex-trading a{color:#303030;text-decoration:none}.stock .symex-trading .value{font-weight:700}#main{margin-top:0}#dynamic-dashboard{padding:0;position:relative;z-index:101}#dynamic-dashboard .dashboard-wrapper{display:block;width:100%;background:#27509b;text-align:center;margin-bottom:30px}#dynamic-dashboard .dashboard-wrapper>*{vertical-align:middle;padding:10px 15px}.dashboard .wrapper-smart-width>.layer{margin-top:0}.dashboard .bg-blue{background:#27509b}.dashboard .btn-txt{right:0;bottom:0;font-family:arial,sans-serif;color:#333;font-size:12px;font-weight:700;line-height:20px;text-align:center;text-transform:uppercase;background:#fce500}.dashboard .btn-txt:focus,.dashboard .btn-txt:hover{background:#a6a6a6;color:#efefef!important}#dynamic-dashboard .dashboard .yellow-button,#dynamic-dashboard .dashboard .yellow-button>*{color:#3c3c3c}#dynamic-dashboard .dashboard .yellow-button:focus,#dynamic-dashboard .dashboard .yellow-button:focus>*,#dynamic-dashboard .dashboard .yellow-button:hover,#dynamic-dashboard .dashboard .yellow-button:hover>*{background:#a6a6a6;color:#efefef!important}.dashboard-wrapper .title{position:relative;z-index:0;color:#fff;display:inline-block}.dashboard-wrapper .dashboard-nav{padding-left:40px;display:inline-block}.dashboard-wrapper .dashboard-nav>*{display:inline-block;margin:0 2px}.dashboard-wrapper .dashboard-nav a{background:#fff;font-style:italic;font-family:Arial-Black,Arial Bold,Gadget,sans-serif;text-decoration:none;color:#303030;padding:3px 10px;display:inline-block}.dashboard-wrapper .dashboard-nav a:focus,.dashboard-wrapper .dashboard-nav a:hover{color:#efefef;background:#a6a6a6}@media screen and (max-width:959px){.dashboard-wrapper .dashboard-nav>*{margin:4px 2px}}#dynamic-dashboard-bg{height:100%;background-color:#000;opacity:.6;filter:alpha(opacity=60);position:absolute;width:100%;z-index:98;top:0;display:none}#dynamic-dashboard{background-color:#fff}#choose-profil{background-color:#27509b;text-align:center}#choose-profil .profil{color:#fff;font-family:Arial-Black,Arial Bold,Gadget,sans-serif;text-transform:uppercase;font-style:italic;font-size:1.7rem;margin-bottom:6px;padding:25px 20px 0;min-width:180px}#choose-profil .switch-profil{color:#f2f2f2;font-size:1.1rem;height:auto;display:inline-block;padding:0;width:auto;border-bottom:1px solid transparent;transition:all .3s ease-in-out}#choose-profil .switch-profil:focus,#choose-profil .switch-profil:hover{border-bottom:1px solid #fff}#dynamic-dashboard .content-dashboard{position:absolute;width:100%;left:50%;transform:translate(-50%);z-index:1000}#dynamic-dashboard .content-dashboard .dashboard{background:#f2f2f2}#dynamic-dashboard .content-dashboard #panel-calendar,#dynamic-dashboard .content-dashboard #panel-contact,#dynamic-dashboard .content-dashboard #panel-email-alert,#dynamic-dashboard .content-dashboard #panel-glossary,#dynamic-dashboard .content-dashboard #panel-live{background:#fff}#dynamic-dashboard .wrapper-smart-width{margin-top:0}#dynamic-dashboard .sticky-wrapper{position:relative;z-index:1100}#dynamic-dashboard .content-menu{margin:auto;border-bottom:4px solid #f2f2f2}@media(min-width:1600px){#dynamic-dashboard .content-menu{border-right:4px solid #f2f2f2}}#dashboard-menu{background:#fff}#dynamic-dashboard .content-menu .close-dashboard{height:auto;line-height:1;background:none;border:none;display:none;margin-top:-40px}#dynamic-dashboard .content-menu .close-dashboard i{margin-left:5px}.dynamic-dashboard-nav{padding-left:0;display:table;width:100%}.dynamic-dashboard-nav li{display:table-cell;vertical-align:middle;padding:0 10px;text-align:center;position:relative;line-height:14px;min-width:45px}.dynamic-dashboard-nav .selected{background:#f2f2f2}.dynamic-dashboard-nav li a{position:relative;display:block;width:100%;color:#27509b;font-size:14px;font-weight:700;font-style:italic;text-align:center;text-decoration:none;border-bottom:4px solid transparent;vertical-align:bottom;padding-bottom:5px;transition:all .3s ease-in-out;padding-top:58px;margin-bottom:10px}.dynamic-dashboard-nav li a:before{display:block;font-size:30px;position:absolute;top:8px;bottom:0;left:0;right:0;margin:auto;line-height:55px}.dynamic-dashboard-nav li a.icon-email-alert:before{font-size:25px}.dynamic-dashboard-nav li:hover a,.dynamic-dashboard-nav li a:focus{border-bottom:4px solid #27509b}.dynamic-dashboard-nav .user-type{background-color:#27509b}.dynamic-dashboard-nav .user-type p{color:#fff;font-family:Arial-Black,Arial,sans-serif;font-size:18px;line-height:22px;font-weight:900;text-transform:uppercase}.dynamic-dashboard-nav .user-type a{color:#fff;font-size:11px;font-weight:400;text-decoration:underline;font-style:normal;display:inline}.dynamic-dashboard-nav .dynamic-dashboard-body{padding:0 20px}.dynamic-dashboard-body .wrapper-smart-width{padding:0;margin-top:-15px}.dashboard .slider li{list-style-type:none}.dashboard .slider .description{font-style:normal;font-family:arial,sans-serif;font-size:1.4rem}.dashboard .slider .description a{color:#303030;display:block;font-size:1.4rem;margin-top:20px;font-style:normal;font-weight:700}.dashboard-nav .small-screen{display:none}@media (max-width:960px){.dynamic-dashboard-nav{display:block}.dynamic-dashboard-nav li{width:19%;display:inline-block}#dynamic-dashboard .dashboard-nav .large-screen,#dynamic-dashboard .dynamic-dashboard-nav .title{display:none}.dashboard-nav .small-screen{display:block}#choose-profil{width:100%;max-width:100%}.dynamic-dashboard-nav .close-dashboard span{display:none}.dynamic-dashboard-nav .li-close-dashboard{width:20px}}@media (max-width:768px){.dynamic-dashboard-nav li{width:24%}}@media (max-width:600px){.dynamic-dashboard-nav li{width:32%}.dashboard-wrapper .title{display:none}}.footer{padding:0;border-top:4px solid #fce500}.footer .sitemap{width:65%;float:left;padding:20px}.footer .about-us{width:35%;float:left}.footer .sitemap>*{width:33%;float:left;margin:0 0 10px;padding-right:10px}.footer .sitemap>:nth-child(3n+1){clear:both}.footer .sitemap .title{margin-bottom:20px;font:italic 400 1em Arial-black;text-transform:uppercase;color:#27509b}.footer .sitemap ul{margin:0;padding:0;overflow:visible;color:#030303}.footer .sitemap ul li{display:block;position:relative;margin:0 0 20px;padding:0 0 0 15px;background:0}.footer .sitemap a{display:inline-block;vertical-align:middle;color:inherit}.footer .sitemap a:hover{text-decoration:underline}.footer .sitemap a:before{content:"";display:inline-block;vertical-align:middle;position:absolute;left:0;top:7px;width:4px;height:4px;border-radius:3px;background:#27509b}.footer .about-us{padding:20px;border-top:1px solid #ccc}.footer .about-us:after{content:"";display:block;clear:both}.footer .about-us .mission{width:70%;float:left;padding-right:20px}.footer .about-us .social{width:30%;float:left;padding-left:20px}.footer .about-us .title{margin-bottom:8px;font:italic 400 1.2857em Arial-black;text-transform:uppercase;color:#27509b}.footer .links{display:-moz-box;display:flex;-moz-box-pack:justify;justify-content:space-between;clear:both;padding:5px 20px;border-top:4px solid #fce500;background:#27509b;font-size:.9286em;line-height:normal;color:#fff}.footer .links .wrapper-smart-width{text-align:center}.footer .links .wrapper-smart-width>*{display:inline-block;vertical-align:middle;padding:5px 10px}.footer .links a{text-decoration:none;color:inherit}.footer .links a:hover{text-decoration:underline}.footer .links .wrapper-smart-width>a:before{content:">";display:block;float:left;margin:0 7px 0 0;font-weight:700;color:#fce500}.footer .social .contact{color:#27509b;font-size:3.6rem;margin-top:0}.footer .languages{font:italic 400 1em Arial-black}.footer .languages>*{display:inline-block;padding:0 5px}.footer .languages>:not(:first-child){border-left:1px solid}.footer .languages>span{text-decoration:underline}.footer .copyright{padding:10px 0;font-size:.7858em;text-align:center}@media screen and (min-width:1280px){.footer .about-us{border-left:1px solid #e0e2e1;border-top:0;background:0}.footer .about-us .mission,.footer .about-us .social{width:auto;float:none;margin-bottom:20px;padding:0}}@media screen and (max-width:1279px){.footer .about-us,.footer .sitemap{width:auto;float:none}}@media screen and (min-width:960px) and (max-width:1279px){.footer .sitemap>*{width:25%}.footer .sitemap>:nth-child(3n+1){clear:none}.footer .sitemap>:nth-child(4n+1){clear:both}}@media screen and (max-width:767px){.footer .sitemap{display:none}.footer .about-us,.footer .links{margin:0;padding:0}.footer .about-us .mission,.footer .about-us .social{width:auto;float:none;padding:15px}.footer .links{display:block;padding:10px 15px;font-size:.8125em;text-align:center}.footer .links>*{display:inline-block;margin:0 5px 5px}}.top-header{position:relative;z-index:1000;padding:0;border-bottom:4px solid #fce500;background:#fff}.top-header .header-wrapper{display:table;width:100%;position:relative;padding:0}.preview .top-header .header-wrapper:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:url(/extension/mchdesign/design/michelin/images/css/preview.png) repeat 0 0}.preview .top-header .header-wrapper>.links,.preview .top-header .header-wrapper>.side-menu{position:relative}.top-header:after{content:"";display:block;clear:both}.top-header .side-menu{float:left}.top-header .logo{display:table;position:absolute;top:0;left:50%;margin:15px auto;transform:translateX(-50%)}.top-header .logo.mobile-visible{display:none}@media screen and (max-width:767px){.top-header .logo.mobile-visible{display:table}.top-header .logo{left:51%;margin-left:8px}}.top-header .logo.mobile-hidden{display:table}@media screen and (max-width:767px){.top-header .logo.mobile-hidden{display:none!important}}.top-header .links{float:right}.top-header .side-menu>.switcher{display:block;width:110px;height:100px;background:0;border:0;outline:0;font-weight:700;font-size:.8571em;text-align:center;text-transform:uppercase;color:#27509b;transition:.2s ease-in-out;transition-property:background,color}@media screen and (max-width:767px){.top-header .side-menu>.switcher{height:90px;width:70px}}.top-header .side-menu>.switcher i{display:block;margin:0 auto;font-size:35px}@media screen and (max-width:767px){.top-header .side-menu>.switcher .text{display:none}}.top-header .side-menu.open>.switcher{background:#27509b;color:#fff}.top-header .side-menu.open>.switcher i{font-size:30px}.top-header .side-menu.open>.switcher i:before{content:'\e804'}.top-header .side-menu.open>.switcher .text{display:none}@media screen and (max-width:767px){.top-header .side-menu{position:static;float:left}.top-header .side-menu .panel{transition-timing-function:ease-in-out}}.top-header .links{line-height:100px}.top-header .links>*{display:inline-block;vertical-align:middle;margin:10px;line-height:normal;text-decoration:none;text-align:center;color:#27509b;font-size:1.3rem;font-weight:700}.top-header .links .switcher:hover,.top-header .links>a:hover{text-decoration:none}.top-header .links>a i,.top-header .links button i{display:block;font-size:3rem;margin-bottom:5px}.top-header .links .icon-www-cloud{margin-right:10px}.top-header .links .icon-contact{font-size:3.6rem;margin-top:-3px;margin-bottom:0}.top-header .links .switcher{background:0;border:0;outline:0;color:inherit;font-weight:700}.top-header .links .search-field .panel{width:100%;padding:50px 100px;background:#fff}.top-header .links .search-field .search-container{display:table;width:60%;margin:0 auto}.top-header .links .search-field .search-container>*{display:table-cell;vertical-align:middle}.top-header .links .search-field .search-container .submit-container{width:52px}.top-header .links .search-field .search-container .submit-container button{width:52px;background:#fce500;margin-bottom:2px}.top-header .links .search-field .search-container .submit-container button:focus,.top-header .links .search-field .search-container .submit-container button:hover{background:#a6a6a6;color:#fff}.top-header .links .search-field .search-container .submit-container i{margin-bottom:0}.top-header .links .search-field [type=text]{display:block;width:100%;padding:10px 0;border:solid #303030;border-width:0 0 1px;outline:0;font-size:18px}.top-header .links .search-field [type=text]::-webkit-input-placeholder{font-style:italic;color:#999}.top-header .links .search-field [type=text]::-moz-placeholder{font-style:italic;color:#999}.top-header .links .search-field [type=text]:-ms-input-placeholder{font-style:italic;color:#999}.top-header .links .search-field [type=submit]{display:block;padding:5px;background:0;border:0;outline:0;font-size:25px}.yui3-aclist{text-align:left;padding:20px;background:#fff;z-index:10!important}.top-header .yui3-aclist{width:49%;color:#3c3c3c;font-weight:400}.top-header .menu .yui3-aclist{width:calc(100% - 36px)}.yui3-aclist .yui3-aclist-item{padding:5px}.yui3-aclist .yui3-aclist-item:nth-child(even){background:#f9f9f9}@media screen and (max-width:959px){.top-header .links .search-field{display:none}}@media screen and (max-width:767px){.top-header .links{display:none}}.top-header .panel-switcher .panel{margin-top:4px}@media screen and (min-width:768px){.top-header .menu{width:500px}}.top-header .menu{border-right:1px solid #ccc;background:#fff}.top-header .menu .search-main-menu,.top-header .menu .tools{margin-right:-1px}.top-header .search-main-menu{padding-top:20px;padding-bottom:20px;background:#27509b;border-bottom:1px solid #fff}.top-header .search-main-menu .searchform{position:relative;border:1px solid #ccc;margin:0 40px 10px;background:#fff}.top-header .search-main-menu .searchform label{width:100%;margin:0}.top-header .search-main-menu .searchform label input[type=text]{width:100%;padding:10px 40px 10px 10px;font-size:.9em;border:0}.top-header .search-main-menu .searchform [type=submit]{border:none;background:#fce500;position:absolute;top:0;right:0;height:100%;font-size:1.6em;color:#404040;padding:0 2px}.dashboard .search-press-release-form .submit:focus,.dashboard .search-press-release-form .submit:hover,.top-header .search-main-menu .searchform [type=submit]:focus,.top-header .search-main-menu .searchform [type=submit]:hover{background:#a6a6a6;color:#fff}.top-header .search-main-menu .menu-item{font-style:italic;color:#fff}.top-header .search-main-menu .menu-item>.title{display:block;position:relative;margin-bottom:5px;padding:15px 40px;font:inherit;line-height:1;font-family:Arial-Black,Arial,sans-serif;text-decoration:none;text-transform:uppercase;color:inherit;transition:all .5s}.top-header .search-main-menu .menu-item.open>.title{background:#fff;color:#27509b}.top-header .search-main-menu .menu-item>.title:after{content:">";display:block;height:1em;position:absolute;top:0;right:20px;bottom:3px;margin:auto;font-size:20px;line-height:1}.top-header .subtree a{display:table;margin:10px 0;font:inherit;text-decoration:none;color:#3c3c3c;position:relative}.top-header .subtree a:before{content:"";width:4px;height:4px;border-radius:3px;position:absolute;top:7px;left:-15px;background:#27509b}@media screen and (min-width:768px){.top-header .search-main-menu .menu-item.open>.title,.top-header .search-main-menu .menu-item>.title:hover{padding-left:50px}.top-header .search-main-menu .submenu{position:absolute;top:0;z-index:-1;left:100%;overflow:hidden;padding:40px 30px;background:#fff;max-width:1100px;transform:translateX(-100%);transition:transform .3s ease-in-out;display:none}.top-header .side-menu.open .submenu.open{transform:none;display:block}.top-header .search-main-menu .submenu .close{display:block;position:absolute;top:15px;right:15px;color:#ccc;transition:color .2s ease-in-out}.top-header .search-main-menu .submenu .close:hover{color:#666}.top-header .subtree{display:block;float:left;margin-bottom:20px;padding:0 15px 0 10px;color:#27509b}.top-header .subtree:before{content:"";display:block;border-top:1px solid #dbdbdb;margin:15px 0}.top-header .subtree .subtree:before{display:none}.top-header .subtree a:hover{text-decoration:underline}.top-header .subtree .title{display:table;margin:0 0 15px;font-family:Arial-Black,Arial,sans-serif;font-style:italic;text-transform:uppercase;color:inherit}}@media screen and (min-width:768px) and (max-width:959px){.top-header .submenu>.subtree{width:50%}.top-header .submenu>.subtree:nth-child(2n+2){clear:both}}@media screen and (min-width:960px) and (max-width:1279px){.top-header .submenu>.subtree{width:33%}.top-header .submenu>.subtree:nth-child(3n+2){clear:both}}@media screen and (min-width:1280px){.top-header .submenu>.subtree{width:25%}.top-header .submenu>.subtree:nth-child(4n+2){clear:both}}@media screen and (max-width:767px){.top-header .search-main-menu .menu-item.open>.title{padding-left:50px}.top-header .search-main-menu .menu-item{position:relative}.top-header .search-main-menu .submenu{display:none;width:100%!important;z-index:1;background:#fff;box-shadow:inset 0 -1px 0 #fff,inset 0 1px 0 #fff}.top-header .search-main-menu .submenu .close{display:none}.top-header .search-main-menu .submenu .subtree{overflow:hidden;padding:2px 0 2px 20px;margin:0 5px;transition:max-height .4s ease-in-out}.top-header .search-main-menu .submenu .subtree+.subtree{border-top:1px solid #f2f2f2}.top-header .search-main-menu .submenu .subtree .subtree{display:none;margin:0 -10px;padding:0 20px;background:#fff}.top-header .subtree a{padding:5px 0;line-height:1;cursor:pointer}.top-header .subtree .title{font-weight:700;text-transform:uppercase;color:#27509b;font-family:Arial-Black;font-weight:400;position:relative;padding:10px 0;cursor:pointer}.top-header .subtree>.title:after{content:">";display:block;height:1em;position:absolute;top:0;right:20px;bottom:3px;margin:auto;font-size:20px;line-height:1}.top-header .subtree>.title.open:after{transform:rotate(90deg)}.top-header .search-main-menu .menu-item>.title{padding-left:25px}.top-header .search-main-menu .menu-item.open>.title{margin-bottom:0;color:#fff;background:#27509b}.top-header .search-main-menu .menu-item.open>.title:after{transform:rotate(90deg)}}.top-header .tools{background:#3c66b2}.top-header .tools ul{list-style:none;margin:0;padding:10px 40px}.top-header .tools ul li{margin:0;position:relative;color:#fff}.top-header .tools ul li a{display:table;position:relative;padding:15px 0;font-style:italic;font-size:1.4rem;line-height:1;font-family:Arial-Black,Arial Bold,Gadget,sans-serif;text-transform:uppercase;text-decoration:none;color:#fff;transition:all .5s}.top-header .tools ul li a:focus,.top-header .tools ul li a:hover{padding-left:10px}.top-header .tools ul li a.lang{display:inline-block;margin:10px 2px;padding:5px 7px 5px 5px;line-height:1}.top-header .tools ul li a.lang:first-child{margin-left:0}.top-header .tools ul li a.lang.actif{background:#fff;color:#27509b}.top-header .tools ul li a i{display:block;float:left;margin:-.3em 10px 0 0;font-size:1.5em}.top-header .tools .icon-calendar-nb{font-size:2.6rem;margin-left:-5px}.top-header .tools .icon-contact{font-size:2.3rem;margin-left:-2px;margin-right:10px}.top-header .tools .icon-email-alert{font-size:1.9rem;margin-right:15px}.top-header .social{background:#fff;padding:20px 40px}.top-header .social .title{font-family:Arial-Black,Arial Bold,Gadget,sans-serif;font-weight:400;font-style:italic;color:#27509b;text-transform:uppercase}.footer .social a,.top-header .social a{text-decoration:none;margin-right:5px;margin-top:10px;display:inline-block}.top-header .my-products{padding:20px 40px;background:#ccc}.top-header .my-products a{display:inline-block;margin-top:.5em;font-style:italic;font-weight:400;font-family:Arial-Black,Arial Bold,Gadget,sans-serif;text-transform:uppercase;text-decoration:none;color:#27509b}.top-header .my-products a i{display:block;float:left;margin-top:-.3em;font-size:2.5em;line-height:1;padding-right:25px}.menu-n2{font-size:1.3rem;font-style:italic;position:relative}.menu-n2 .wrapper{padding:20px 0;border-bottom:1px solid #ccc;overflow:hidden}.menu-n2 .title{font-size:1.4rem;text-transform:uppercase;color:#27509b;font-family:Arial-Black;font-weight:400;padding:0}.menu-n2 .wrapper>*{display:inline-block}.menu-n2 ul{padding:0;margin:0}.menu-n2 ul li{display:inline-block;padding:0 15px;font-weight:700}.menu-n2 ul li+li{padding-right:0}.menu-n2 ul li+li:after{content:'|';color:#ccc;padding-left:15px}.menu-n2 a{color:#27509b;text-decoration:none}.menu-n2 .go-right{right:30px;background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff 50%);text-align:right}.menu-n2 .go-left,.menu-n2 .go-right{position:absolute;top:50%;font-size:2.3rem;margin-top:-17px;width:120px;color:#404040}.menu-n2 .go-left{left:30px;background:linear-gradient(270deg,hsla(0,0%,100%,0) 0,#fff 50%);text-align:left}.menu-n2 li.selected a{border-bottom:4px solid #27509b;padding-bottom:4px}@media screen and (max-width:960px){.menu-n2 .go-right{right:10px}.menu-n2 .go-left{left:10px}}.layer.symex{margin:10px 0 0;text-align:right}.layer.symex .last-update{font-size:1.1rem}.layer.search{margin-top:-10px}.layer.search .wrapper-smart-width{background:url(/extension/mchdesign/design/michelin/images/css/search-bg.png) no-repeat 20px 100%;margin-bottom:20px;position:relative;min-height:199px}.layer.search .bibendum{position:absolute;bottom:0;left:20px;width:347px;height:207px;background:url(/extension/mchdesign/design/michelin/images/css/search-bib.png) no-repeat 0 100%}.layer.search .form-search{margin:0 230px;display:inline-block}.layer.search .form-search h1{text-transform:uppercase;font-size:2.6rem;margin-bottom:0;margin-top:25px}.layer.search .form-search .subtitle{color:#27509b;font-style:italic;font-size:2rem;margin-bottom:20px}.layer.search .form-search #layer-search{padding:12px 30px 12px 5px;border:1px solid #dee2e7;font-style:italic;width:calc(100% - 80px);margin-top:12px;margin-bottom:30px}.layer.search .form-search form button{position:absolute;right:41px;bottom:31px;background:#fce500;width:45px;height:40px;border:none;font-size:2.5rem}.layer.search .form-search form button:focus,.layer.search .form-search form button:hover{background:#a6a6a6;color:#efefef}@media (max-width:960px){.layer.search .form-search{margin-right:0}}@media (max-width:768px){.layer.symex{display:none}.layer.search .wrapper-smart-width{background:none;min-height:0}.layer.search .bibendum,.layer.search .form-search .form{display:none}.layer.search .form-search h1{margin-top:30px;font-size:2.3rem}.layer.search .form-search{margin-left:0}.layer.search .form-search .subtitle{font-size:1.7rem}}.layer.news-cp-events{padding:0}.layer.news-cp-events .wrapper{overflow:hidden;padding:0}.layer.news-cp-events .wrapper a{text-decoration:none}.layer.news-cp-events .wrapper h2{background:#27509b;color:#fff;font-size:1.4rem;text-transform:uppercase;position:relative;display:inline-block;padding:10px 20px}.layer.news-cp-events .wrapper h2 span{position:relative;z-index:10}.layer.news-cp-events .wrapper h2:after{content:"";background:#27509b;position:absolute;top:0;bottom:0;right:-6px;left:50px;z-index:9;transform:skew(-20deg)}.layer.news-cp-events .news{float:left;width:65%}.layer.news-cp-events .news h2{position:absolute;top:10px;left:0}.layer.news-cp-events .news .wrapper-img{padding-bottom:56.2%;background-size:cover}.layer.news-cp-events .news h3{font-size:2.1rem;text-transform:uppercase;margin:40px 30px}.layer.news-cp-events .news .small-news h3{min-height:85px}.layer.news-cp-events .news p{color:#404040;margin:40px 30px;line-height:1.5}.layer.news-cp-events .news .plus{font-family:Arial-Black;font-size:2.6rem;width:40px;height:40px;position:absolute;bottom:0;right:0;color:#404040;background:#fce500;border:none;line-height:40px;text-align:center;vertical-align:middle}.layer.news-cp-events .news a:hover .plus{background:#a6a6a6;color:#efefef}.layer.news-cp-events .news .small-news{float:left;width:calc(50% - 20px);border:1px solid #ccc;margin-left:20px;position:relative;margin-bottom:20px}.layer.news-cp-events .news .big-news{clear:left;border:1px solid #ccc;margin-top:20px;margin-left:20px;position:relative}.layer.news-cp-events .news .big-news p{margin-top:-30px}.layer.news-cp-events .news .cta-more{margin-left:20px}.layer.news-cp-events .press-events{float:right;width:35%;padding:0 20px}.layer.news-cp-events .press-events:before{content:"";border-top:1px solid #ccc;padding-bottom:10px;display:block}.layer.news-cp-events .press-events ul{list-style:none;padding:0}.layer.news-cp-events .press-events .date{color:#404040;font-size:1rem;line-height:2.1;font-style:italic;font-weight:700}.layer.news-cp-events .press-events a{display:table;width:100%}.layer.news-cp-events .press-events a>*{display:table-cell}.layer.news-cp-events .press-releases li{padding:16px 0;border-bottom:1px solid #ccc}.layer.news-cp-events .press-releases i{font-size:4rem;color:#27509b;vertical-align:middle;width:30%;text-align:center}.layer.news-cp-events .press-releases .important{padding-bottom:0}.layer.news-cp-events .press-releases .important .wrapper-svg{vertical-align:middle;width:30%;text-align:center}.layer.news-cp-events .press-releases .important:after{content:'';display:block;border-top:1px solid #ccc;margin-top:20px;padding-bottom:3px}.layer.news-cp-events .press-releases h3{color:#27509b;font-size:1.4rem;line-height:1.5;margin-top:0;font-family:Arial;font-weight:700;transition:all .3s}.layer.news-cp-events .news .big-news h3,.layer.news-cp-events .news .small-news h3,.layer.news-cp-events .press-events h3{transition:all .3s}.layer.news-cp-events .news .big-news a:focus h3,.layer.news-cp-events .news .big-news a:hover h3,.layer.news-cp-events .news .small-news a:focus h3,.layer.news-cp-events .news .small-news a:hover h3,.layer.news-cp-events .press-events a:focus h3,.layer.news-cp-events .press-events a:hover h3,.layer.news-cp-events .press-releases a:focus h3,.layer.news-cp-events .press-releases a:hover h3{color:#01225b}.layer.news-cp-events .press-releases .important h3{font-size:1.5rem;text-transform:uppercase;font-family:Arial-Black;font-weight:400}.layer.news-cp-events .cta-more{color:#404040;font-style:italic;font-weight:700;margin:20px 0;display:inline-block}.layer.news-cp-events .cta-more:before{content:">";display:inline-block;background:#fce500;padding:0 8px;margin-right:10px;font-size:1.6rem}.layer.news-cp-events .events ul{margin-top:6px}.layer.news-cp-events .events li{border:1px solid #ccc;margin-bottom:6px}.layer.news-cp-events .events .category{color:#404040;font-size:1rem;font-weight:700;text-transform:uppercase;line-height:1.6;font-style:italic}.layer.news-cp-events .events .important .date{background:#27509b;color:#fff}.layer.news-cp-events .events .date{background:#e6e6e6;width:105px;color:#27509b;text-align:center;font-size:1.2rem;font-family:Arial-Black;font-weight:400;line-height:1.2;text-transform:uppercase;vertical-align:middle;min-width:113px}.layer.news-cp-events .events .date span{font-size:2.8rem}.layer.news-cp-events .events a>*{padding:16px 15px}.layer.news-cp-events .events h3{margin-top:0;font-size:1.4rem;line-height:1.5;font-family:Arial;font-weight:700}.layer.news-cp-events .events .important h3{font-size:1.5rem;text-transform:uppercase;font-family:Arial-Black;font-weight:400}.layer.news-cp-events .events .hour{color:#595959;font-size:1.4rem;margin-top:5px}@media (max-width:960px){.layer.news-cp-events .news{width:calc(100% - 20px);float:none}.layer.news-cp-events .press-events{width:100%;overflow:hidden}.layer.news-cp-events .press-events:before{display:none}.layer.news-cp-events .press-events .events,.layer.news-cp-events .press-events .press-releases{width:calc(50% - 10px);float:left}.layer.news-cp-events .press-events .events{float:right}}@media (max-width:768px){.layer.news-cp-events{margin-top:30px}.layer.news-cp-events .news .small-news{width:auto;float:none}.layer.news-cp-events .news .small-news .wrapper-img{display:none}.layer.news-cp-events .news .small-news h3{margin-top:60px;font-size:1.6rem;min-height:0!important}.layer.news-cp-events .news .big-news p{display:none}.layer.news-cp-events .press-events .events,.layer.news-cp-events .press-events .press-releases{width:auto;float:none}.layer.news-cp-events .press-events li+li{display:none}.layer.news-cp-events .press-events .important{padding-bottom:20px}.layer.news-cp-events .press-events .important:after{display:none}}.layer.social-networks{background:#f9f9f9;padding:50px 40px;margin-left:-40px;margin-right:-40px;overflow:hidden}.layer.social-networks h2{text-align:center;text-transform:uppercase;font-size:3.1rem}.layer.social-networks .grid-3{margin-top:30px}.layer.social-networks .grid-3>*{float:left;width:calc(33% - 70px);margin-left:70px}.layer.social-networks h3 a{color:#404040;text-transform:uppercase;text-decoration:none}.layer.social-networks .logo{max-height:30px;display:inline-block}.layer.social-networks h3{margin-bottom:20px;display:inline-block}.layer.social-networks .network-content.youtube{background:#fff;padding:4px}.layer.social-networks #youtube-bar{padding:3px}.layer.social-networks #youtube_button{float:right}.layer.social-networks .youtube_link{text-decoration:underline;color:#404040;font-size:1.2rem}.layer.social-networks .youtube_link:before{content:" >"}@media (max-width:960px){.layer.social-networks .grid-3>*{width:calc(50% - 70px)}.layer.social-networks .grid-3>:nth-child(odd){clear:both}.layer.social-networks .double{width:100%;margin:0}.layer.social-networks .double>*{width:calc(50% - 70px);float:left;margin-left:70px}}@media (max-width:768px){.layer.social-networks{display:none}}.layer.big-event{padding:0;position:relative;overflow:hidden;margin-top:10px;margin-bottom:20px}.layer.big-event .text{transform:skew(-20deg);background:#27509b;min-height:300px;margin-left:55px;display:inline-block;line-height:300px;max-width:40%}.layer.big-event.style-0{background:#404040}.layer.big-event.style-1{background:#3c66b2}.layer.big-event.style-0 .text{background:#262626;position:relative;z-index:1}.layer.big-event.style-1 .text{background:#27509b;position:relative;z-index:1}.layer.big-event h1{color:#fff}.layer.big-event .text>*{transform:skew(20deg);vertical-align:middle;display:inline-block;line-height:1;padding:0 50px}.layer.big-event .img{position:absolute;top:0;right:0;left:40%;bottom:0;background-position:50%;background-size:cover}.layer.big-event .img:after{content:"";transform:skew(-20deg);position:absolute;top:0;bottom:0;width:110px;right:-55px}.layer.big-event.style-0 .img:after{background:#404040}.layer.big-event.style-1 .img:after{background:#3c66b2}.layer.big-event a{text-transform:uppercase;text-decoration:none;padding:10px 20px;font-weight:700}.layer.big-event.style-0 a{color:#404040;background:#cacaca}.layer.big-event.style-0 a:focus,.layer.big-event.style-0 a:hover{color:#cacaca;background:#404040}.layer.big-event.style-1 a{color:#404040;background:#fce500}.layer.big-event.style-1 a:focus,.layer.big-event.style-1 a:hover{color:#efefef;background:#a6a6a6}@media (max-width:768px){.layer.big-event{max-height:200px}.layer.big-event .text{max-width:100%;transform:skew(0deg);margin-left:0;width:100%;line-height:190px}.layer.big-event .text>*{transform:skew(0deg)}.layer.big-event .img{display:none}}.panel-switcher .panel{display:block;position:absolute;top:100%;z-index:1;transition:transform .3s cubic-bezier(.42,0,.27,1.55)}.panel-switcher .panel.left{left:0;transform:translateX(-100%);display:none}.panel-switcher .panel.right{right:0;transform:translateX(100%);display:none}.panel-switcher.open .switcher{position:relative;z-index:1}.panel-switcher.open .panel{transform:none;display:block}@media screen and (min-width:768px){.panel-open{height:100%;overflow:scroll;overflow-x:hidden}}.panel-open body:before{content:"";display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:rgba(0,0,0,.5);animation:b .2s ease-in-out;cursor:pointer}@media screen and (max-width:767px){.panel-switcher .panel{width:100%}}@keyframes b{0%{opacity:0}to{opacity:1}} /*# sourceMappingURL=main.min.css.map */ /* end: extension/mchdesign/design/michelin/stylesheets/main.min.css */ /* start: extension/mchfinance/design/michelin/stylesheets/secondary-content.css */ .map-container, #eventmap-container { max-width: 880px; } .eventmap-caption { background: #F6F6F6; border: 1px solid #EFF0F4; } .eventmap-caption .caption-item, .eventmap-caption .caption-item > * { display: inline-block; } .ie8 .eventmap-caption .caption-item > * { display: table-cell; vertical-align: middle; } #eventmap-container .bgWhite { background: #fff; } #eventmap-container .sMapBubble { width: auto; border: 1px solid #ccc; -moz-box-shadow: 0px 0px 5px 0px #656565; -webkit-box-shadow: 0px 0px 5px 0px #656565; -o-box-shadow: 0px 0px 5px 0px #656565; box-shadow: 0px 0px 5px 0px #656565; } #eventmap-container .sMapBubble img { display: none; } #eventmap-container .sMapBubble td { padding: 0; border: none; line-height: 1.5; } #eventmap-container .sMapBubble .bubble_top_left, #eventmap-container .sMapBubble .bubble_pre_top_center, #eventmap-container .sMapBubble .bubble_top_center, #eventmap-container .sMapBubble .bubble_pre_top_right, #eventmap-container .sMapBubble .bubble_middle_left, #eventmap-container .sMapBubble .bubble_middle_right, #eventmap-container .sMapBubble .bubble_pre_middle_right, #eventmap-container .sMapBubble .bubble_bottom_left, #eventmap-container .sMapBubble .bubble_pre_bottom_center, #eventmap-container .sMapBubble .bubble_bottom_center, #eventmap-container .sMapBubble .bubble_bottom_right { display: none; } #eventmap-container .sMapBubble tr[height] { display: none; } #eventmap-container .sMapBubble .bubble-content { top: 0; left: 0; margin: 10px; line-height: 1; font-size: 1em; } #eventmap-container .sMapBubble .bubble-content .details > div { margin: 10px 0; width: auto; } #eventmap-container .sMapBubble .bubble-content .purpose { font-family: arial; font-weight: bold; text-transform: uppercase; line-height: 1.2em; max-width: 160px; } #eventmap-container .sMapBubble .bubble-content .partner { font-family: arial; } #eventmap-container .sMapBubble .bubble-content .partner span { text-transform: uppercase; } #eventmap-container .sMapBubble .bubble-content .link-with-arrow a { display: inline-block; font-family: 'Arial-Black'; color: #3c3c3c; text-decoration: none; background: url(/extension/mchfinance/design/michelin/images/css/chapters-arrow-dark.png) no-repeat center right; padding-right: 15px; } #eventmap-container .sMapBubble .bubble-content .link-with-arrow a:hover { text-decoration: underline; } #eventmap-container .sMapBubble .agenda { width:330px; overflow: hidden; } #eventmap-container .sMapBubble .agenda .day { float:left; width: 90px; padding-left: 15px; padding-right: 15px; } #eventmap-container .sMapBubble .agenda .day .year { font-size: 1.5em; line-height: 1.2; } #eventmap-container .sMapBubble .agenda .day.linear-blue { color: white; } #eventmap-container .sMapBubble .agenda .details { float:left; width: 200px; } /* end: extension/mchfinance/design/michelin/stylesheets/secondary-content.css */ /* start: extension/mchjqchart/design/michelin/stylesheets/jquery.jqRangeSlider.css */ .ui-jqrangeslider { position: relative; } .ui-jqrangeslider .ui-jqrangeslider-arrow-left { position: absolute; width: 18px; cursor: pointer; vertical-align: middle; } .ui-jqrangeslider .ui-jqrangeslider-arrow-icon-left { position: absolute; } .ui-jqrangeslider .ui-jqrangeslider-arrow-right { position: absolute; width: 18px; cursor: pointer; } .ui-jqrangeslider .ui-jqrangeslider-arrow-icon-right { position: absolute; } .ui-jqrangeslider .ui-jqrangeslider-handle-left { position: absolute; width: 12px; cursor: ew-resize; } .ui-jqrangeslider .ui-jqrangeslider-handle-icon-left { position: absolute; } .ui-jqrangeslider .ui-jqrangeslider-handle-right { position: absolute; width: 12px; cursor: ew-resize; } .ui-jqrangeslider .ui-jqrangeslider-handle-icon-right { position: absolute; } .ui-jqrangeslider .ui-jqrangeslider-slider-horizontal { position: absolute; cursor: move; cursor: grab; cursor: -moz-grab; } .ui-jqrangeslider .ui-jqrangeslider-slider-horizontal-dragging { cursor: -moz-grabbing; cursor: grabbing; } .ui-jqrangeslider .ui-jqrangeslider-background-horizontal { position: absolute; } .ui-jqrangeslider .ui-jqrangeslider-background-horizontal-left { position: absolute; } .ui-jqrangeslider .ui-jqrangeslider-background-horizontal-right { position: absolute; } .ui-jqrangeslider .ui-jqrangeslider-arrow-bottom { position: absolute; height: 18px; cursor: pointer; } .ui-jqrangeslider .ui-jqrangeslider-arrow-icon-bottom { position: absolute; } .ui-jqrangeslider .ui-jqrangeslider-arrow-top { position: absolute; height: 18px; cursor: pointer; } .ui-jqrangeslider .ui-jqrangeslider-arrow-icon-top { position: absolute; } .ui-jqrangeslider .ui-jqrangeslider-handle-bottom { position: absolute; height: 12px; cursor: ns-resize; } .ui-jqrangeslider .ui-jqrangeslider-handle-icon-bottom { position: absolute; } .ui-jqrangeslider .ui-jqrangeslider-handle-top { position: absolute; height: 12px; cursor: ns-resize; } .ui-jqrangeslider .ui-jqrangeslider-handle-icon-top { position: absolute; } .ui-jqrangeslider .ui-jqrangeslider-slider-vertical { position: absolute; cursor: move; cursor: grab; cursor: -moz-grab; } .ui-jqrangeslider .ui-jqrangeslider-slider-vertical-dragging { cursor: -moz-grabbing; cursor: grabbing; } .ui-jqrangeslider .ui-jqrangeslider-background-vertical { position: absolute; } .ui-jqrangeslider .ui-jqrangeslider-background-vertical-bottom { position: absolute; } .ui-jqrangeslider .ui-jqrangeslider-background-vertical-top { position: absolute; } /* end: extension/mchjqchart/design/michelin/stylesheets/jquery.jqRangeSlider.css */ /* start: extension/mchjqchart/design/michelin/stylesheets/jquery.jqChart.css */ .ui-jqchart { position: relative; } .ui-jqchart .ui-jqchart-toolbar { position: absolute; margin: 0; padding: 2px; list-style-type: none; white-space: nowrap; } .ui-jqchart .ui-jqchart-toolbar li { display: inline; margin: 0 2px; padding: 2px 0; cursor: pointer; float: left; } .ui-jqchart .ui-jqchart-toolbar span.ui-icon { float: left; margin: 0 2px; } .ui-jqchart .ui-jqchart-toolbar-separator { height: 16px; width: 1px; } .ui-jqchart .ui-jqchart-tooltip { position: absolute; white-space: nowrap; padding: .2em .4em; z-index: 9999; border: 1px solid #dddddd; color: #333333; background: white; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -o-box-shadow: 0 0 5px #aaa; -moz-box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } * html .ui-jqchart .ui-jqchart-tooltip { background-image: none; } body .ui-jqchart .ui-jqchart-tooltip { border-width: 2px; } /* end: extension/mchjqchart/design/michelin/stylesheets/jquery.jqChart.css */ /* start: extension/mchjqchart/design/michelin/stylesheets/mchjqchart.css */ .chart-align-left, .chart-align-right{ display:block; } .chart-align-left{ float:left; text-align:left; } .chart-align-right{ float:right; text-align:right; } .mchjqchart_dialog{ display:none; } .mchjqchart_container{ display:block; clear:both; } .mchjqchart_container.left{ float:left; } .mchjqchart_container.right{ float:right; } #mchjqchart_accordion_resizer { height: 570px; } @media (max-width: 1280px) { .wrapper-dataviz, .wrapper-dataviz > * { width: 100%; display: block; } .finance .legend-bloc .inbl { margin-bottom: 10px; } } @media (min-width: 1280px) { .finance .legend-bloc { width: 30%; text-align: left; margin-top: 100px; } .finance .legend-bloc .inbl { display: block; margin-bottom: 10px; } .finance .legend-bloc label { display: inline; padding-left: 5px; } } /* end: extension/mchjqchart/design/michelin/stylesheets/mchjqchart.css */ /* start: extension/mchevents/design/michelin/stylesheets/calendar.css */ .calendar .calendar-filter-form { margin-top: 10px; border-left: 1px solid #DEE2E7; padding-left: 60px; } @media (max-width: 768px) { .calendar .calendar-filter-form { padding: 0; border-left: 0; } } .calendar .calendar-filter-form label { font-weight: bold; font-style: italic; } .calendar .ajax-loader { min-height: 300px; padding: 50px 0; } .calendar .calendar-filter-form h2, .calendar .subscribe-event h2 { font-family: 'Arial-Black'; font-style: italic; font-size: 1.14285em; text-transform: inherit; color: #27509b; margin: 0; } .calendar-element { width: 33.33%; } .calendar-gutter { width: 1%; } .calendar .calendar-element .next-month-teaser, .calendar .calendar-element ul { border: 2px solid #DEE2E7; border-top: 0; } .calendar .calendar-element .next-month-teaser { padding: 3px; background: #F1F2F2; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #F1F2F2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#F1F2F2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#F1F2F2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#F1F2F2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#F1F2F2 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#F1F2F2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#F1F2F2',GradientType=0 ); /* IE6-9 */ color: #27509b; font-family: 'Arial-Black'; font-style: italic; font-size: 1.142857em; min-height: 220px; } .calendar .calendar-element li + li { border-top: 1px solid #DEE2E7; } .calendar .calendar-element .day { color: #27509b; text-transform: uppercase; font-family: 'Arial-Black'; line-height: 0.9; } .calendar .calendar-element .day.linear-grey { color: #7A7979; } .calendar .calendar-element .day.linear-blue { color: #fff; } .calendar .calendar-element .number, .calendar .calendar-element .month-label { font-size: 2.57142em; } .calendar .calendar-element .number { margin-top: 5px; } .calendar .calendar-element .title { font-family: 'Arial-Black'; text-transform: uppercase; display: block; color: #3C3C3C; text-decoration: none; } .calendar .calendar-element .title:hover { text-decoration: underline; } .calendar .calendar-element .category { font-weight: bold; font-style: italic; font-size: 0.85714em; min-height: 30px; vertical-align: middle; padding-top: 7px; } .calendar .wrapper-checkbox { width: 27px; } .calendar .ui-datepicker { border: none; background: transparent; margin: auto; width: 100%; max-width: 290px; } .ie8 .calendar .ui-datepicker { width:inherit; } .calendar .ui-datepicker-header { display: none; } .calendar .ui-datepicker th { font-size: 0.714285em; font-weight: normal; color: #27509b; padding-bottom: 4px; } .calendar .ui-datepicker-calendar { border: none; } .calendar .ui-datepicker td { text-align: center; padding: 0; } .calendar .ui-datepicker tr + tr td { border-top: 1px solid #DEE2E7; } .calendar .ui-datepicker td + td { border-left: 1px solid #DEE2E7; } .calendar .ui-datepicker td > * { padding: 7px; white-space:nowrap; } .calendar .ui-datepicker .ui-state-active { border: 2px solid #27509b; padding: 5px; } .calendar .ui-datepicker-other-month .ui-state-default { color: #989898; } .calendar .ui-state-disabled, .calendar .ui-widget-content .ui-state-disabled, .calendar .ui-widget-header .ui-state-disabled { opacity: 1; filter:Alpha(Opacity=100); } .calendar .ui-datepicker td a { text-align: center; font-family: 'Arial-Black'; color: #27509b; } .calendar .ui-datepicker .linear-grey a { color: #7A7979; } .calendar .ui-datepicker .linear-blue a { color: #fff; } .calendar .ui-state-default { background: none; border: none; color: #27509b; text-align: center; } .calendar .calendar-filter { background: #F8F8F8; border: 1px solid #EFF0F4; } @media (max-width: 768px) { .calendar .calendar-filter > div { display: block; } } .calendar .calendar-switch-month .year-previous, .calendar .calendar-switch-month .year-previous:hover, .calendar .calendar-switch-month .year-previous.inactive { display: inline-block; text-indent: -9999px; background: #f2f2f3 url('/extension/mchevents/design/michelin/images/css/arrow-off-left-small.png') no-repeat center center; width: 14px; height: 42px; vertical-align: middle; overflow: hidden; } .calendar .calendar-switch-month .year-previous:hover { background: #e3e4e5 url('/extension/mchevents/design/michelin/images/css/arrow-on-left-small.png') no-repeat center center; } .calendar .calendar-switch-month .year-previous.inactive { background: #f8f8f9 url('/extension/mchevents/design/michelin/images/css/arrow-inactive-left-small.png') no-repeat center center; } .calendar .calendar-switch-month .month-previous, .calendar .calendar-switch-month .month-previous:hover, .calendar .calendar-switch-month .month-previous.inactive { display: inline-block; text-indent: -9999px; background: #f2f2f3 url('/extension/mchevents/design/michelin/images/css/arrow-off-left.png') no-repeat center center; width: 25px; height: 96px; vertical-align: middle; overflow: hidden; } .calendar .calendar-switch-month .month-previous:hover { background: #e3e4e5 url('/extension/mchevents/design/michelin/images/css/arrow-on-left.png') no-repeat center center; } .calendar .calendar-switch-month .month-previous.inactive { background: #f8f8f9 url('/extension/mchevents/design/michelin/images/css/arrow-inactive-left.png') no-repeat center center; } .calendar .calendar-switch-month .month-label { vertical-align: middle; } .calendar .calendar-switch-month .year-next, .calendar .calendar-switch-month .year-next:hover, .calendar .calendar-switch-month .year-next.inactive { display: inline-block; text-indent: -9999px; background: #f2f2f3 url('/extension/mchevents/design/michelin/images/css/arrow-off-right-small.png') no-repeat center center; width: 14px; height: 42px; vertical-align: middle; overflow: hidden; } .calendar .calendar-switch-month .year-next:hover { background: #e3e4e5 url('/extension/mchevents/design/michelin/images/css/arrow-on-right-small.png') no-repeat center center; } .calendar .calendar-switch-month .year-next.inactive { background: #f8f8f9 url('/extension/mchevents/design/michelin/images/css/arrow-inactive-right-small.png') no-repeat center center; } .calendar .calendar-switch-month .month-next, .calendar .calendar-switch-month .month-next:hover, .calendar .calendar-switch-month .month-next.inactive { display: inline-block; text-indent: -9999px; background: #f2f2f3 url('/extension/mchevents/design/michelin/images/css/arrow-off-right.png') no-repeat center center; width: 25px; height: 96px; vertical-align: middle; overflow: hidden; } .calendar .calendar-switch-month .month-next:hover { background: #e3e4e5 url('/extension/mchevents/design/michelin/images/css/arrow-on-right.png') no-repeat center center; } .calendar .calendar-switch-month .month-next.inactive { background: #f8f8f9 url('/extension/mchevents/design/michelin/images/css/arrow-inactive-right.png') no-repeat center center; } .calendar .calendar-switch-month .year { font-family: 'Arial-Black'; color: #27509b; } .calendar .calendar-switch-month .month { font-family: 'Arial-Black'; color: #27509b; font-size: 2em; text-transform: uppercase; } .calendar .bibendum { position: absolute; bottom: 100%; right: 50px; } @media (max-width: 768px) { .calendar .bibendum { position: initial; } } .dashboard .calendar .bibendum { display: none; } .calendar-container { width: 101%; margin-bottom: 30px; } .calendar-container .calendar-element { margin: 0; margin-bottom: 10px; } @media (max-width: 768px) { .calendar-container .calendar-element { width: 100%; } } .calendar-container .wrapper-event { margin-left: 0; margin-right: 3%; } .calendar .subscribe-event { background: #EFF0F4; } .calendar .long-content-display { position: relative; -moz-box-shadow: 0px 0px 20px 0px #656565; -webkit-box-shadow: 0px 0px 20px 0px #656565; -o-box-shadow: 0px 0px 20px 0px #656565; box-shadow: 0px 0px 20px 0px #656565; background: #fff; } .ie8 .calendar .long-content-display , .ie9 .calendar .long-content-display { margin: 0 9px; } .ie8 .calendar .long-content-display:before , .ie9 .calendar .long-content-display:before { content: ""; display: inline-block; position: absolute; top: 0; left: -9px; width: 9px; height: 100%; background: url(/extension/mchevents/design/michelin/images/css/shadow-left.png) repeat-y; } .ie8 .calendar .long-content-display:after , .ie9 .calendar .long-content-display:after { content: ""; display: inline-block; position: absolute; top: 0; right: -9px; width: 9px; height: 100%; background: url(/extension/mchevents/design/michelin/images/css/shadow-right.png) repeat-y; } .ie8 .calendar .long-content-display.top , .ie9 .calendar .long-content-display.top { position: relative; margin: 0 9px; height: 9px; background: url(/extension/mchevents/design/michelin/images/css/shadow-top.png) repeat-x; } .ie8 .calendar .long-content-display.top:before , .ie9 .calendar .long-content-display.top:before { content: ""; display: inline-block; position: absolute; top: 0; left: -9px; width: 9px; height: 9px; background: url(/extension/mchevents/design/michelin/images/css/shadow-top.png) repeat-x 0 -9px; } .ie8 .calendar .long-content-display.top:after , .ie9 .calendar .long-content-display.top:after { content: ""; display: inline-block; position: absolute; top: 0; right: -9px; width: 9px; height: 9px; background: url(/extension/mchevents/design/michelin/images/css/shadow-top.png) repeat-x 0 -18px; } .ie8 .calendar .long-content-display.bottom , .ie9 .calendar .long-content-display.bottom { position: relative; margin: 0 9px; height: 9px; background: url(/extension/mchevents/design/michelin/images/css/shadow-bottom.png) repeat-x; } .ie8 .calendar .long-content-display.bottom:before , .ie9 .calendar .long-content-display.bottom:before { content: ""; display: inline-block; position: absolute; top: 0; left: -9px; width: 9px; height: 9px; background: url(/extension/mchevents/design/michelin/images/css/shadow-bottom.png) repeat-x 0 -9px; } .ie8 .calendar .long-content-display.bottom:after , .ie9 .calendar .long-content-display.bottom:after { content: ""; display: inline-block; position: absolute; top: 0; right: -9px; width: 9px; height: 9px; background: url(/extension/mchevents/design/michelin/images/css/shadow-bottom.png) repeat-x 0 -18px; } .calendar .long-content-display .content { margin-left: 20px; margin-right: 20px; } .calendar .long-content-display .close-top { position: absolute; right: 2px; top: 2px; } .calendar .long-content-display .close-top a { width: 30px; height: 30px; background: url(/extension/mchevents/design/michelin/images/css/close-content.jpg) no-repeat; } .calendar .long-content-display .close-bottom { position: absolute; bottom: 0; width: 100%; } .wrapper-calendar-detail { padding: 40px; } @media (max-width: 768px) { .wrapper-calendar-detail { padding: 40px 10px; } } .wrapper-calendar-detail .prev, .wrapper-calendar-detail .next { background: #f2f2f3; width: 25px; } .wrapper-calendar-detail .prev:hover, .wrapper-calendar-detail .next:hover { background: #e3e4e5; width: 25px; } .wrapper-calendar-detail .prev.inactive, .wrapper-calendar-detail .next.inactive { background: #f8f8f9; width: 25px; } .wrapper-calendar-detail .prev a, .wrapper-calendar-detail .prev a:hover, .wrapper-calendar-detail .prev a.inactive { background: url('/extension/mchevents/design/michelin/images/css/arrow-off-left.png') no-repeat center center; width: 25px; text-indent: -9999px; display: block; line-height:7.1; overflow: hidden; } .wrapper-calendar-detail .prev a:hover { background: url('/extension/mchevents/design/michelin/images/css/arrow-on-left.png') no-repeat center center; } .wrapper-calendar-detail .prev a.inactive { background: url('/extension/mchevents/design/michelin/images/css/arrow-inactive-left.png') no-repeat center center; } .wrapper-calendar-detail .next a, .wrapper-calendar-detail .next a:hover, .wrapper-calendar-detail .next a.inactive { background: #f2f2f3 url('/extension/mchevents/design/michelin/images/css/arrow-off-right.png') no-repeat center center; width: 25px; text-indent: -9999px; display: block; line-height:7.1; overflow: hidden; } .wrapper-calendar-detail .next a:hover { background: #e3e4e5 url('/extension/mchevents/design/michelin/images/css/arrow-on-right.png') no-repeat center center; } .wrapper-calendar-detail .next a.inactive { background: #f8f8f9 url('/extension/mchevents/design/michelin/images/css/arrow-inactive-right.png') no-repeat center center; } .calendar-list-day .day { color: #27509b; text-transform: uppercase; font-family: 'Arial-Black'; font-size: 1.28571em; } .calendar-list-day .day.linear-blue { color: #fff; } .calendar-list-day .day.linear-grey { color: #7A7979; } .calendar-list-day .day { margin: 0 20px; } @media (max-width: 768px) { .calendar-list-day .day > span{ display: block; } .calendar-list-day .day { line-height: 1.6em; } } .calendar .action a, .direct-calendar-list .action a, .dashboard .agenda .action a { text-decoration: none; vertical-align: middle; } .calendar-list-day .day span { vertical-align: middle; } .calendar-list-day .action { min-width: 120px; } .calendar-list-day .category { font-weight: bold; font-style: italic; } .calendar-list-day .location { color: #27509b; text-transform: uppercase; font-family: 'Arial-Black'; } .calendar-list-day .location li { display: inline; padding-right: 2px; border: none; } .calendar-list-day .location li + li { border-left: 1px solid #DEE2E7; padding-left: 5px; } .calendar-list-day .day .number { font-size : 2em; padding-bottom: 2px; } .calendar-list-day h2 a { font-family: 'Arial-Black'; text-transform: uppercase; display: block; color: #3C3C3C; text-decoration: none; margin: 10px 0; } .calendar-list-day h2 a:hover { text-decoration: underline; } .calendar-list-day .day-event-list { margin: 0 45px; } @media (max-width: 768px) { .calendar-list-day .day-event-list { margin: 0; } .day-event-list .calendar-list-day .location li { display: inline-block; width: auto; } .calendar-list-day .day-event-list li > div { display: block; } } .calendar-list-day .day-event-list > li { border-bottom: 1px solid #DEE2E7; } .calendar-event-detail .day { color: #27509b; text-transform: uppercase; font-family: 'Arial-Black'; font-size: 1em; line-height: 1; margin: 0 20px; min-width: 110px; } @media (max-width: 768px) { .calendar-event-detail .day { float: none; padding: 5px 0 0 0; } .calendar-event-detail .day p { margin-top: 0; } .wrapper-calendar-detail.calendar-event-detail .col-middle { margin: 0 20px; } .wrapper-calendar-detail.calendar-event-detail .col-middle h2 { font-size: 0.8em; } } .linear-blue .calendar-event-detail .day { color: #fff; } .calendar-event-detail .day .number { font-size: 2.5em; margin-top: 0; margin-bottom: -2px; } .calendar-event-detail .day.linear-grey { color: #7A7979; } .calendar-event-detail .day.linear-blue { color: #fff; } .calendar-event-detail h2 { font-family: 'Arial-Black'; text-transform: uppercase; display: block; color: #3C3C3C; text-decoration: none; margin: 10px 0; } .calendar-event-detail .category { font-weight: bold; font-style: italic; } .calendar-event-detail .location { color: #27509b; text-transform: uppercase; font-family: 'Arial-Black'; } .calendar-event-detail .location li { display: inline; padding-right: 2px; border: none; } @media (max-width: 768px) { .calendar-event-detail .location li { display: block; } .calendar-event-detail .location { padding-left: 0px; } } .calendar-event-detail .location li + li { border-left: 1px solid #DEE2E7; padding-left: 5px; } .calendar-event-detail .subscribe-event { background: transparent; } .calendar-event-detail .detail { margin: 20px 45px; } @media (max-width: 768px) { .calendar-event-detail .detail { margin: 20px 0; } } .calendar-event-detail .detail .qrcode { min-width: 110px; } @media (max-width: 768px) { .calendar-event-detail .detail .qrcode { width: 100%; margin-right: 0; } .calendar-event-detail .detail .mod { width: 100%; } .calendar-event-detail .txtright.mtm { text-align: center; } } .calendar-event-detail .detail .mod a { color: #3c3c3c; font-family: 'Arial-Black'; } .ie8 .calendar-event-detail .detail .qrcode { margin-left: 20px; } .calendar-event-detail .external-link a { background: url('/extension/mchevents/design/michelin/images/css/site-label-arrow-small.png') no-repeat right center; padding-right: 15px; font-weight: bold; font-style: italic; color: #3C3C3C; text-decoration: none; } .calendar-event-detail .route, .paragraph .route, .primary-paragraph .route { background: #F5F5F5; padding: 20px 100px; } .calendar-event-detail .route .btn-route, .paragraph .route .btn-route, .primary-paragraph .route .btn-route { background: #27509b; color: #fff; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .calendar-event-detail .route .form .simulate-input, .paragraph .route .form .simulate-input, .primary-paragraph .route .form .simulate-input { border: 1px solid #DEE2E7; background: #fff; } .calendar-event-detail .route .form .simulate-input input, .paragraph .route .form .simulate-input input, .primary-paragraph .route .form .simulate-input input { border: none; } .calendar-event-detail .route .departure label, .paragraph .route .departure label, .primary-paragraph .route .departure label { background: #fff url('/extension/mchevents/design/michelin/images/css/route-flag-departure.png') no-repeat left center; padding-left: 20px; } .calendar-event-detail .route .arrival label, .paragraph .route .arrival label, .primary-paragraph .route .arrival label { background: #fff url('/extension/mchevents/design/michelin/images/css/route-flag-arrival.png') no-repeat left center; padding-left: 20px; } .calendar-event-detail .route .form .simulate-input label, .paragraph .route .form .simulate-input label, .primary-paragraph .route .form .simulate-input label { font-weight: bold; } .calendar-event-detail .route .form .simulate-input label:after, .paragraph .route .form .simulate-input label:after, .primary-paragraph .route .form .simulate-input label:after { content: " - "; } /* override via michelin css rules */ .calendar-event-detail .VMRoadSheetNew, .calendar-event-detail .VMRoadSheetNew .roadsheetContent, .paragraph .VMRoadSheetNew, .paragraph .VMRoadSheetNew .roadsheetContent, .primary-paragraph .VMRoadSheetNew .roadsheetContent { width: auto; } .calendar-event-detail .fdr_stepBlock, .paragraph .fdr_stepBlock, .primary-paragraph .fdr_stepBlock { background: #fff; } .calendar-event-detail .fdr_bg table, .paragraph .fdr_bg table, .primary-paragraph .fdr_bg table { background: #EFF0F4; } .calendar-event-detail .errortxt, .paragraph .errortxt, .primary-paragraph .errortxt { color: #FF0000; text-align: center; } .calendar-event-detail .fdr_bgImg, .paragraph .fdr_bgImg, .primary-paragraph .fdr_bgImg { height: 0!important; } .calendar-event-detail .roadsheetContent table, .paragraph .roadsheetContent table, .primary-paragraph .roadsheetContent table { table-layout: auto; } .calendar-event-detail .VMRoadSheetNew .fdr_bg table, .paragraph .VMRoadSheetNew .fdr_bg table, .primary-paragraph .VMRoadSheetNew .fdr_bg table { position: relative; } .isApiCompletudeImported {} .sCompletion { width: 40%!important; } .action { position: relative; } .subscribe-email-alert > div { position: relative; } .share-subscribe-email-event { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DEE2E7; box-shadow: 0 0 10px 0 #DEE2E7; min-width: 325px; padding: 25px; position: absolute; left: 0; z-index: 20; text-align: center; } .day-event-list .share-subscribe-email-event { top: 25px; } .calendar-element .share-subscribe-email-event { top: 25px; left: -167px; } @media (max-width: 768px) { .calendar-element .no-wrap .share-subscribe-email-event { white-space: normal; } .calendar-element .share-subscribe-email-event { left: -205px; } } .subscribe-event .share-subscribe-email-event { left: 25px; top: -15px; } @media (max-width: 768px) { .subscribe-event .share-subscribe-email-event { left: -100%; top: -15px; min-width: 50px; } } .share-subscribe-email-event .required { right: 14px; top: 116px; } .share-subscribe-email-event .row { text-align: left; } .share-subscribe-email-event .error-txt { text-align: center; } .content-dashboard .day-event-list .share-subscribe-email-event { top: -200px; } .content-dashboard .calendar-element .share-subscribe-email-event { top: 25px; } .content-dashboard .subscribe-event .share-subscribe-email-event { left: 125px; top: -250px; } @media (max-width: 768px) { .content-dashboard .subscribe-event .share-subscribe-email-event { left: -100%; top: -360px; } } .content-dashboard .detail .subscribe-event .share-subscribe-email-event { top: -175px; } .dashboard .layer .share-subscribe-email-event { border-spacing: 0; } .calendar .calendar-switch-month .month-label { width: 73%; } .ie8 .calendar .calendar-switch-month .month-label { width: 60%; } @media (max-width: 1024px) { .calendar .calendar-switch-month .month-label { width: 170px; overflow: hidden; font-size: 0.89em; } } @media (max-width: 960px) { .calendar-event-detail .route, .paragraph .route, .primary-paragraph .route { padding: 20px 60px; } .ie8 .dashboard .calendar .ui-datepicker-calendar {font-size:0.87em;} .sCompletion { width: 50%!important; } .long-content-display .wrapper-calendar-detail .subscribe-email-alert { padding-right:0; } .long-content-display .wrapper-calendar-detail .add-to-calendar { padding-left:0; } .calendar .calendar-switch-month .month-label { font-size: 0.64em; width: 123px; } .inner-dashboard .calendar .calendar-switch-month .month-label { width: 115px; } .calendar .calendar-detail { padding-right: 5px; } } @media (max-width: 768px) { .calendar .calendar-switch-month .month-label { width: 170px; } .calendar-event-detail .route, .paragraph .route, .primary-paragraph .route { padding: 20px 0; } } @media (min-width: 1280px) { .normal-layout .calendar .calendar-filter { display: block; width: auto; margin-right: 20px; overflow: hidden; } .normal-layout .calendar .calendar-filter > * { display: block; width: 100%; padding: 0; border: none; } .normal-layout .calendar .calendar-filter .calendar-detail { padding: 0; } .normal-layout .calendar .large-col2 li { width: 50%; float: left; } .normal-layout .calendar .large-col2 li.w100 { width: 100%; } .dashboard .wrapper-calendar-filter, .dashboard .wrapper-calendar-filter + div { width: 100%!important; } } /* end: extension/mchevents/design/michelin/stylesheets/calendar.css */ /* start: extension/mchsearch/design/michelin/stylesheets/search.css */ .search-filter { background: #F8F8F8; border: 1px solid #EFF0F4; } .search-filter h2 { font-family: 'Arial-Black'; font-style: italic; font-size: 1.14285em; /* equiv to 16px */ text-transform:inherit; color: #27509b; margin: 0; } /* search-input => search result input-search => other list (news, publication, press-release, etc...) */ .search-filter .search-input, .search-filter .input-search input[type="search"] { padding-right: 30px; color:#3c3c3c; } @media (max-width: 768px) { .search-filter .search-form .wrapper-search-input .w50 { width: 100%; } .search-form .wrapper-btn-filter .sort-result { padding-right: 0; padding-left: 0; margin-bottom: 10px; } .search-form .wrapper-btn-filter .inbl .btn-filter { display: inline-block; width: 45%; font-size: 0.7em; padding-left: 5px; padding-right: 5px; } .search-form .wrapper-btn-submit { text-align: center; } .search-form .wrapper-btn-submit .right { float: none; } } .search-filter .list-separator { position: absolute; top: 0; right: 33%; width: 3px; height: 100%; background: url('/extension/mchsearch/design/michelin/images/css/list-separator.png') repeat-y top left; } .search-filter .submit { position: absolute; top: 8px; right: 10px; } .search-filter .wrapper-filter { padding-left: 15px; } .search-filter .btn-filter-list { height: 39px; line-height: 39px; width: 100%; } .search-filter select { width: 100%; border: 1px solid #E0E2E1; box-shadow: 0 1px 0 #fff inset; padding: 8px; -webkit-appearance: none; background: #fff url('/extension/mchsearch/design/michelin/images/select-arrow.png') no-repeat 95% center; } .search-filter .sort-result { font-family: 'Arial-Black'; font-style: italic; font-size: 1.14285em; /* equiv to 16px */ color: #27509b; } .search-filter .wrapper-btn-filter { position: relative; border-bottom: 3px solid #27509b; } .search-filter .wrapper-btn-filter .btn-filter { text-transform: uppercase; text-decoration: none; color: #27509b; } .search-filter .wrapper-btn-filter .btn-filter.selected { background: #27509b; color: #fff; } .search-filter .filters-bloc { border: 1px solid #EFF0F4; border-top: 0; background-color:#F8F8F8; margin-bottom: 10px; } .search-filter .wrapper-btn-submit { overflow: hidden; } .search-filter .title-rubric { text-align: center; font-size: 0.85714em; } .search-filter .title-rubric .filter { display: block; padding: 0 20px; } .search-filter .title-rubric .close { background: url("/extension/mchsearch/design/michelin/images/css/choose-profil-open.png") no-repeat center right; } .search-filter .title-rubric .open { background: url("/extension/mchsearch/design/michelin/images/css/choose-profil-close.png") no-repeat center right; } .search-filter .title-rubric a { text-decoration: none; font-style: italic; color: #3c3c3c; } .search-filter .rubric + .rubric .title-rubric { border-left: 1px solid #DEE2E7; } .search-filter .rubric .wrapper-sub-categories { font-size: 0.85714em; } .search-filter .rubric + .rubric .wrapper-sub-categories { border-left: 1px solid #DEE2E7; } .search-filter .rubric .wrapper-sub-categories label { font-style: normal; padding: 0 0 0 10px; } .search-filter .wrapper-sub-categories .separator { width: 100%; display: block; border-top: 1px solid #DEE2E7; margin-top: -10px; padding-bottom: 20px; } .search-filter .wrapper-sub-categories ul { overflow: hidden; } .search-filter .all label { font-weight: bold; } .search-filter .wrapper-sub-categories .checked { color: #27509b; font-weight: bold; } .search-filter .nb-selected { font-style: normal; font-weight: bold; color: #27509b; } .search-filter .wrapper-checkbox { width: 22px; } .search-filter .col-2 > * { width: 50%; float: left; } .wrapper-search-filter { position: relative; } .wrapper-search-filter .logo-michelin-search { position:absolute; bottom: 100%; right:0; z-index:14; } .list-layout { position: relative; margin-bottom: 30px; } .list-layout .search-filter label { font-style: italic; } /***** result list ******/ .list .content-text { border-left: solid 1px #DEE2E7; padding-left: 20px; vertical-align: middle; } .list .content-text .tag li { display: inline; font-weight: bold; font-style: italic; } .list .content-text { color: #3c3c3c; } .list .content-text .title { text-transform: uppercase; color:#27509b; font-family: 'Arial-Black'; font-size: 1.14285em; /* equiv to 16px */ margin: 0; } .list .wrapper-directory .more-less-about { cursor:pointer; } .list .content-text .title > a { text-decoration:none; color:inherit; } .list .date { color: #3c3c3c; font-weight: bold; } li.publication .date { float:right; margin-top:15px; } .list .download { width: 70px; padding-bottom: 2px; } .list .download a { padding-right: 2px; text-decoration: none; } .ie8 .list .download a { padding-right: 0; } .list .picto { width:60px; padding-right: 20px; } .list .odd { background-color: #F8F8F8; } .list .row { padding:20px 24px; } .date-size-type { width: 120px; } .list .size { font-family: arial; font-size: 0.906em; font-style: italic; color:#3c3c3c; } .list .type { background-color: #3C3C3C; color: #FFFFFF; font-family: arial; font-size: 0.906em; font-style: italic; text-transform: uppercase; padding: 0 4px; } @media (max-width: 768px) { .list .size { font-size: 0.706em; } .list .type { font-size: 0.706em; } } .list .result-pagination { color: #656880; } .wrapper-list .logo-michelin-search { position: absolute; bottom: 100%; right: 50px; } .list .directory { border-top: 5px solid #27509b; } .list .directory .open-close-directory { position: absolute; top: 0; right: 0; } .list .open .hide-when-open { display: none; } .list .open { padding-bottom: 20px; } .list .wrapper-directory .download-all-documents a:after { content: ""; display: inline-block; height: 30px; width: 30px; margin-left: 5px; background: url(/extension/mchsearch/design/michelin/images/btn-download.png) no-repeat center; vertical-align: top; } .list .wrapper-directory li { background-image : url('/extension/mchsearch/design/michelin/images/css/list-directory-item.png'); background-repeat: no-repeat; background-position: left center; } .list .wrapper-directory li.odd { background-color: #EFF1F3; } .list .wrapper-directory .last { background-image : url('/extension/mchsearch/design/michelin/images/css/list-directory-item-last.png'); } @media (max-width: 768px) { .list .row { padding: 20px 0; } .list .picto { padding-right: 2px; } .list .content-text { padding-left: 5px; } .list .content-text .title { font-size: 0.55em; } .list .content-text .description { font-size: 0.55em; } .list .content-text .mrm { font-size: 0.55em; } .list .date { font-size: 0.6em; } .date-size-type { width: 60px; } .date-size-type .inbl { vertical-align: middle; } .list .download { width: 35px; } .list .picto { width: 40px; } } @media (max-width: 960px) { .wrapper-search-filter { position: relative; } .wrapper-search-filter h2 { text-align: left; } .wrapper-search-filter .search-label { margin-top: 7px; margin-right: 7px; } .wrapper-search-filter .logo-michelin-search { position:absolute; bottom: 100%; right:0; z-index:14; } .search-filter .wrapper-rubric { position: relative; } .search-filter .wrapper-sub-categories { position: absolute; width: 100%; left: 0; } .search-filter .wrapper-btn-filter, .search-filter .wrapper-search-input { padding-right: 0; } .search-filter .rubric + .rubric .wrapper-sub-categories { border-left: none; } .search-filter .list-categ > * { width: 33%; float: left; } .search-filter .list-categ > .nth-child-3np1 { clear: left; } .search-filter .col-2 > * { width: 16.666666667%; float: left; } .search-filter .col-2 > .nth-child-3np1 { clear: none; } .search-filter .col-2 > .nth-child-6np1 { clear: left; } .search-filter .wrapper-checkbox { vertical-align: top; } } @media (max-width: 768px) { .search-filter .wrapper-sub-categories { position: initial; width: auto; left: auto; } .search-filter .list-categ > * { dipslay: block; width: auto; float: none; } } @media (min-width: 960px) and (max-width: 1279px) { .search-filter .wrapper-input-search { float: right; } .search-filter .input-search { position: absolute; bottom: 21px; right: 20px; width: 30%; } .search-filter .submit { position: absolute; right: 10px; top: 9px; } } @media (min-width: 960px) { .list .date-size-type { width: 190px; padding-right: 20px; } .list .date-size-type.publication .date { float: right; margin-top: 15px; } .list .type { margin-top: 10px; } .list .date-size-type .size-type { width: 120px; } .list .date-size-type .size-type .sep { white-space:pre; } .list .date-size-type .size-type .sep:before { content: "\A"; } } @media (min-width: 1280px) { .wrapper-rubric, .wrapper-rubric > * { display: block; } .wrapper-search-filter h2 { margin-bottom: 10px; } .search-filter .btn-filter-list { width: 50%; } .search-filter .wrapper-filter { text-align: right; margin-top: 15px; } .wrapper-search-filter { padding-right: 30px; } .wrapper-list { position: relative; } .search-filter .search-input, .search-filter .input-search { width: 100%; } .search-filter .wrapper-search-input { padding-right: 0; } .search-filter .wrapper-btn-filter { position: static; padding-bottom: 20px; padding-right: 0; } .search-filter { position: relative; } .search-filter .title-rubric { text-align: left; padding-left: 10px; font-size: 1em; } .search-filter .rubric .wrapper-sub-categories { font-size: 1em; } .search-filter .rubric + .rubric .title-rubric, .search-filter .rubric + .rubric .wrapper-sub-categories { border-left: none; } .search-filter .sort-result { padding: 0; margin-bottom: 10px; } .search-filter .filters-bloc { border: 0; background: transparent; } .search-filter .rubric { border: 1px solid #DEE2E7; border-top: 0; background-color: #EFF0F4; margin-bottom: 2px; overflow: hidden; } .search-filter .rubric + .rubric { border-top: 1px solid #DEE2E7; } .search-filter .btn-filter { padding: 10px; background: #fff; } .list-layout .search-filter .wrapper-rubric, .list-layout .search-filter .wrapper-rubric > * { display: block; width: 100%; } .list-layout .search-filter .wrapper-rubric > * { margin-bottom: 5px; padding: 0; } .list-layout .search-filter label { padding: 10px 0; } .list { padding-top: 0; } } @media (max-width: 768px) { .list-layout .search-form .wrapper-rubric > div, .list-layout .search-form .input-search { display: block; width: 100%; padding: 0; } .wrapper-search-filter .logo-michelin-search { position: relative; } } /* end: extension/mchsearch/design/michelin/stylesheets/search.css */ /* start: extension/mchmailalert/design/michelin/stylesheets/email-alert.css */ .clear.small.terms.alerte { margin-top: 30px; margin-bottom: 30px; } .email-alert-subscribe .cat-group { border: 1px solid #DEE2E7; } .email-alert-subscribe .grid > * { margin-left: -30px; } .email-alert-subscribe .grid > * > * { padding-left: 30px; } .email-alert-subscribe .wrapper { padding-right: 0; } .email-alert-subscribe .cat-group h3 { background: #EFF0F4; color: #3C3C3C; font-family: 'arial'; font-weight: bold; font-size: 1em; } .email-alert-subscribe .cat-group .all { font-weight: normal; } .email-alert-subscribe .cat-group li + li { border-top: 1px solid #DEE2E7; } .email-alert-subscribe .error-txt.hidden { display: none; } .already-subscriber { border-top: 1px solid #DEE2E7; } @media (max-width: 768px) { .form.email-alert-subscribe .no-wrap, .already-subscriber .form .no-wrap { white-space: normal; } .dashboard .email-alert-subscribe { font-size: 0.8em; } } @media (max-width: 1280px) { .email-alert-subscribe .wrapper { width: 33%; } .email-alert-subscribe .nth-child-4np1, .email-alert-subscribe .nth-child-2np1 { clear : none; } .email-alert-subscribe .nth-child-3np1 { clear: both; border-left: none; } } @media (max-width: 960px) { .email-alert-subscribe .wrapper { width: 50%; } .email-alert-subscribe .nth-child-3np1, .email-alert-subscribe .nth-child-4np1 { clear : none; } .email-alert-subscribe .nth-child-2np1 { clear: both; border: none; } } @media (min-width: 1280px) { .email-alert-subscribe .wrapper { width: 25%; } .email-alert-subscribe .nth-child-3np1, .email-alert-subscribe .nth-child-2np1 { clear : none; } .email-alert-subscribe .nth-child-4np1 { clear: both; border: none; } } @media (max-width: 768px) { .email-alert-subscribe .wrapper { width: 100% } } #send_confirmation_full_top, #send_confirmation_full { padding-bottom: 10px; } /* end: extension/mchmailalert/design/michelin/stylesheets/email-alert.css */ /* start: extension/mchgridlayout2/design/michelin/stylesheets/idangerous.swiper.css */ /* =============================================================== Basic Swiper Styles ================================================================*/ .swiper-container { margin:0 auto; position:relative; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; /* Fix of Webkit flickering */ z-index:1; } .swiper-wrapper { position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease; -moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease; -o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px); -ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease; transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { float: left; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; } /* =============================================================== Your custom styles, here you need to specify container's and slide's sizes, pagination, etc. ================================================================*/ .swiper-container { /* Specify Swiper's Size: */ /*width:200px; height: 100px;*/ } .swiper-slide { /* Specify Slides's Size: */ /*width: 100%; height: 100%;*/ } .swiper-slide-active { /* Specific active slide styling: */ } .swiper-slide-visible { /* Specific visible slide styling: */ } /* =============================================================== Pagination Styles ================================================================*/ .swiper-pagination-switch { /* Stylize pagination button: */ } .swiper-active-switch { /* Specific active button style: */ } .swiper-visible-switch { /* Specific visible button style: */ } /* end: extension/mchgridlayout2/design/michelin/stylesheets/idangerous.swiper.css */ /* start: extension/mchgridlayout2/design/michelin/stylesheets/idangerous.swiper.scrollbar.css */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0,0,0,0.1) } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,0.5); border-radius: 10px; } .swiper-scrollbar-cursor-drag { cursor: move; } /* end: extension/mchgridlayout2/design/michelin/stylesheets/idangerous.swiper.scrollbar.css */ /* start: extension/mchgridlayout2/design/michelin/stylesheets/mchgridlayout2.css */ .swiper-container { overflow: visible; } .wrapper-swiper-container, #wallofcontent .wrapper-swiper-container { overflow: hidden; padding:20px 0; } #gl2 { display:block; position:relative; max-width:1320px; width:1320px; margin-left: auto; margin-right: auto; visibility: hidden; } #gl2 .ajax-loader { position: absolute; top: 50%; left: 50%; margin-top: -18px; margin-left: -18px; z-index: 999; display: none; } .gl2-long-content { display:block; position:relative; max-width:1320px; width:1320px; margin-left: auto; margin-right: auto; } #gl2-panel { display:block; position:relative; max-width:6600px; width:6600px; } #gl2-panel .gl2-category { display:block; position:relative; max-width:1320px; width:1320px; max-height:494px; height:494px; float:left; } #gl2-panel .gl2-category .gl2-block { display:block; position:absolute; top:0px; left:0px; } @media (max-width: 768px) { #gl2-panel .gl2-category .gl2-block { position: static; } } #gl2-panel .gl2-block-size-large { width:659px; max-width:659px; height:329px; max-height:329px; } #gl2-panel .gl2-block-size-medium { width:329px; max-width:329px; height:329px; max-height:329px; } #gl2-panel .gl2-block-size-small { width:329px; max-width:329px; height:164px; max-height:164px; } .gl-block { overflow:hidden; position:relative; } .gl-block a { color: #fff; font-weight: bolder; } .gl-block:hover a * { text-decoration:underline; } .gl2-block .gl2-content-image { position:absolute; top:0; left:0; width: 100%; } .gl2-block.gl2-color-0 { background: #C3D0FD; } .gl2-block.gl2-color-1 { background: #efce05; } .gl2-block.gl2-color-2 { background: #27509b; } .gl2-block.gl2-color-3 { background: #27509b; } .gl2-block .gl2-content-image img { width:100%; } .gl2-block a { display: block; height: 100%; text-decoration: none; position: relative; } .gl2-block .gl2-content { font-family: 'Arial-Black'; } .gl2-block.gl2-block-size-large a, .gl2-block.gl2-block-size-medium a, .gl2-block.gl2-block-size-small span { line-height: 1.2; display: inline-block; width: 100%; vertical-align:middle; } .gl2-block.gl2-block-size-small span { display: block; margin-top: 45px; } @media (max-width: 768px) { .gl2-block.gl2-block-size-small span { margin-top: 0; } .gl2-block.gl2-block-size-large a, .gl2-block.gl2-block-size-medium a, .gl2-block.gl2-block-size-small span { font-size: 0.8em; } } .gl2-block.gl2-block-size-large .gl2-content { position: relative; display: inline-block; line-height: normal; } .ie8 .gl2-block.gl2-block-size-large .gl2-content { display: block; } .gl2-block.gl2-block-size-large .vertical-aligner { display: inline-block; height: 100%; vertical-align: middle; } .ie8 .gl2-block.gl2-block-size-large .vertical-aligner { display: block; } .gl2-block.gl2-block-color-0 { /* yellow */ background: #FFE800; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZWMwYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2NhMDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #FFE800 0%, #ecca05 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFE800), color-stop(100%,#ecca05)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #FFE800 0%,#ecca05 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #FFE800 0%,#ecca05 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #FFE800 0%,#ecca05 100%); /* IE10+ */ background: linear-gradient(to bottom, #FFE800 0%,#ecca05 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFE800', endColorstr='#ecca05',GradientType=0 ); /* IE6-8 */ } .gl2-block.gl2-block-color-1 { /* blue */ background: #27509b; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJjM2NiOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTI5N2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #2c3cb8 0%, #27509b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c3cb8), color-stop(100%,#27509b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2c3cb8 0%,#27509b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2c3cb8 0%,#27509b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2c3cb8 0%,#27509b 100%); /* IE10+ */ background: linear-gradient(to bottom, #2c3cb8 0%,#27509b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c3cb8', endColorstr='#27509b',GradientType=0 ); /* IE6-8 */ } .gl2-block.gl2-block-color-2 { /* light blue */ background: #c3d0fd; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZTZmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjM2QwZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #dfe6fe 0%, #c3d0fd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfe6fe), color-stop(100%,#c3d0fd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #dfe6fe 0%,#c3d0fd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #dfe6fe 0%,#c3d0fd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #dfe6fe 0%,#c3d0fd 100%); /* IE10+ */ background: linear-gradient(to bottom, #dfe6fe 0%,#c3d0fd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfe6fe', endColorstr='#c3d0fd',GradientType=0 ); /* IE6-8 */ } .gl2-block.gl2-block-color-0 .gl2-content { color: #3c3c3c; } .gl2-block.gl2-block-color-1 .gl2-content { color: #fff; } .gl2-block.gl2-block-color-2 .gl2-content { color: #27509b; } .gl2-block.gl2-block-size-medium .gl2-content, .gl2-block.gl2-block-size-large .gl2-content{ text-transform: uppercase; position:absolute; bottom: 0; left: 0; right: 0; padding: 10px 20px; } .gl2-block.gl2-block-size-small .gl2-content { position:absolute; margin-top:auto; margin-bottom:auto; } .gl2-content:hover { text-decoration: underline; } .gl2-block.gl2-block-size-medium.gl2-block-color-0 .gl2-content { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFNJREFUeNrs2EsOABAMQEHf+x+53EGENCOxn7xaoEZE+XmNvRvgIbADAj4GDgWzFwRMD5wKZi9oxEYM6AwasYJGrKAbNaCHu4KAgBeBX3+iLwEGAFqgBDL3HyD2AAAAAElFTkSuQmCC) repeat-x bottom left; /*../images/css/black-gradient.png*/ background-size: 1px 100%; } .gl2-block.gl2-block-size-medium.gl2-block-color-1 .gl2-content { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFNJREFUeNrs2EsOABAMQEHf+x+53EGENCOxn7xaoEZE+XmNvRvgIbADAj4GDgWzFwRMD5wKZi9oxEYM6AwasYJGrKAbNaCHu4KAgBeBX3+iLwEGAFqgBDL3HyD2AAAAAElFTkSuQmCC) repeat-x bottom left; /*../images/css/black-gradient.png*/ background-size: 1px 100%; } .gl2-block .gl2-content img { display: block; } @media (max-width: 768px) { .gl2-block .gl2-content img { width: 40px; } } .gl2-slider-container { display:block; position:relative; margin-left:auto; margin-right:auto; max-width:960px; width:960px; margin-top:20px; margin-bottom:20px; clear:both; height:30px; } .gl2-slider-label { display: block; position: absolute; width: 17%; vertical-align: bottom; color: #3C3C3C; margin-top: 17px; } .swiper-scrollbar, .gl2-slider-categories { display:block; margin-top: 20px; position: absolute; height: 18px; max-width:85%; width:85%; background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/bAEMAAwICAwICAwMDAwQDAwQFCAUFBAQFCgcHBggMCgwMCwoLCw0OEhANDhEOCwsQFhARExQVFRUMDxcYFhQYEhQVFP/bAEMBAwQEBQQFCQUFCRQNCw0UFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFP/AABEIABIAAQMBIgACEQEDEQH/xAAfAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgv/xAC1EAACAQMDAgQDBQUEBAAAAX0BAgMABBEFEiExQQYTUWEHInEUMoGRoQgjQrHBFVLR8CQzYnKCCQoWFxgZGiUmJygpKjQ1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4eLj5OXm5+jp6vHy8/T19vf4+fr/xAAfAQADAQEBAQEBAQEBAAAAAAAAAQIDBAUGBwgJCgv/xAC1EQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/AP0j/wCE0uv+faL/AL6NFZv9g6j/AM+cn6f40UyNT0HFFFFIs//Z); /*../images/mchgridlayout2/bg.jpg*/ right: 0; } .gl2-slider-categories { margin:0; top:0; background:none; } .only-one h1 { margin: 0; } .only-one .gl2-slider-categories { width: 100%!important; max-width: 100%!important; } .gl2-slider-category { display:inline-block; position:relative; width:19.5%; text-align:center; text-decoration:none; height:30px; font-size: 14px; color: #656880; font-style: italic; } .gl2-slider-category.gl2-slider-category-selected { font-family: 'Arial-Black'; font-style: italic; color: #3C3C3C; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-drag { height: 18px; width: 100%; position: relative; background: url(data:image/jpeg;base64,/9j/4QCARXhpZgAASUkqAAgAAAAEABoBBQABAAAAPgAAABsBBQABAAAARgAAACgBAwABAAAAAgAAAGmHBAABAAAATgAAAAAAAABIAAAAAQAAAEgAAAABAAAAAwAAkAcABAAAADAyMTAAoAcABAAAADAxMDABoAMAAQAAAP//AAAAAAAA/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgAEgAEAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A+1/M/wBr9TRXN/2z70V+gniEn9m2n/PrD/37H+FFFFcpZ//Z) repeat-x; /*../images/mchgridlayout2/drag2bg.jpg*/ background-position: center center; text-align: center; border-radius: 0px; } .swiper-scrollbar-drag-bg { height: 18px; width:100%; position: relative; text-align: center; background: url(data:image/jpeg;base64,/9j/4QCARXhpZgAASUkqAAgAAAAEABoBBQABAAAAPgAAABsBBQABAAAARgAAACgBAwABAAAAAgAAAGmHBAABAAAATgAAAAAAAABIAAAAAQAAAEgAAAABAAAAAwAAkAcABAAAADAyMTAAoAcABAAAADAxMDABoAMAAQAAAP//AAAAAAAA/9sAQwADAgIDAgIDAwMDBAMDBAUIBQUEBAUKBwcGCAwKDAwLCgsLDQ4SEA0OEQ4LCxAWEBETFBUVFQwPFxgWFBgSFBUU/9sAQwEDBAQFBAUJBQUJFA0LDRQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQU/8AAEQgAEgAWAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A+2I3DSIrylFLDLAngeta+saE1hBHdW0/2yyccTKTwfQ+lcLHq6tKgdtiEgMw5wK6fVPG1npmlLpWiSNJG/zXF045c+gHavuKjmpx5P8AgfeeRFKzuReZ/tfqaK5v+2aK6TMVtOtP+fWH/v2KUababv8Aj1h/79iiiufoadB39m2n/PrD/wB+x/hRRRUiP//Z) no-repeat; /*../images/mchgridlayout2/drag2.jpg*/ background-position: center center; } .gl2-block-size-large, .gl2-block-size-medium, .gl2-block-size-small { -webkit-transition: width 0.8s; -moz-transition: width 0.8s; -o-transition: width 0.8s; -ms-transition: width 0.8s; -webkit-transition: height 0.8s; -moz-transition: height 0.8s; -o-transition: height 0.8s; -ms-transition: height 0.8s; z-index:1; } .can_hover.gl2-block-size-large:hover, .can_hover.gl2-block-size-medium:hover, .can_hover.gl2-block-size-small:hover { box-shadow: 0 0px 10px #000; -moz-box-shadow: 0 0px 10px #000; -o-box-shadow: 0 0px 10px #000; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8; -ms-transition: all 0.8s; z-index:2000; } /* end: extension/mchgridlayout2/design/michelin/stylesheets/mchgridlayout2.css */ /* start: extension/mchgridlayout/design/michelin/stylesheets/mchgridlayout.css */ /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } #gl-container-hidden { display:none; } #gl-container { /* width:100%; */ } .gl-item { width:294px; height:131px; float:left; overflow:hidden; background: #C3D0FD; margin-bottom: 1px; position: relative; color: #fff; font-weight: bolder; } .gl-item a { color: #fff; font-weight: bolder; } .gl-item:hover a * { text-decoration:underline; } .gl-item .gl-content-image img { -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; width:100%; } .gl-item:hover .gl-content-image img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .gl-item.gl-size0{ /*width:294px;*/ width: 25%; height:131px; } .gl-item.gl-size1{ /*width:294px; */ width: 25%; height:263px; } .gl-item.gl-size2{ /*width:589px;*/ width: 50%; height:263px; } .gl-item .gl-content-image { position:absolute; top:0; left:0; width: 100%; } .gl-color0 { background: #C3D0FD; } .gl-color1 { background: #efce05; } .gl-color2 { background: #27509b; } .gl-color3 { background: #27509b; } /* slider */ #gl-slider-container { line-height:30px; } #gl-slider-container #gl-tooltip { position: relative; top:0px; left:-10px; } /***####### Grid Layout Layer #######***/ .layer-wall-of-contents .ui-slider-range-min { background: none; } .long-content-display, .long-content-display-innovation, .long-content-display-profil { position: relative; box-shadow: 0 0 20px #999; background: #fff; z-index: 99; } .long-content-display-profil { background:#fff; top:31px; margin-bottom: 31px; } .ie8 .long-content-display-profil, .ie9 .long-content-display-profil { margin:0 auto; text-align:center; } .ie8 .long-content-display , .ie8 .long-content-display-innovation, .ie9 .long-content-display, .ie9 .long-content-display-innovation { margin: 0 9px; } .ie8 .long-content-display:before , .ie8 .long-content-display-innovation:before, .ie8 .long-content-display-profil:before , .ie9 .long-content-display:before , .ie9 .long-content-display-innovation:before, .ie9 .long-content-display-profil:before { content: ""; display: inline-block; position: absolute; top: 0; left: -9px; width: 9px; height: 100%; background: url(/extension/mchgridlayout/design/michelin/images/css/shadow-left.png) repeat-y; } .ie8 .long-content-display:after , .ie8 .normal-layout .long-content-display-innovation:after ,.ie8 .long-content-display-profil:after , .ie9 .long-content-display:after , .ie9 .long-content-display-innovation:after , .ie9 .long-content-display-profil:after { content: ""; display: inline-block; position: absolute; top: 0; right: -9px; width: 9px; height: 100%; background: url(/extension/mchgridlayout/design/michelin/images/css/shadow-right.png) repeat-y; } .ie8 .long-content-display.top , .ie8 .normal-layout .long-content-display-innovation.top ,.ie8 #dynamic-dashboard .long-content-display-profil.top , .ie9 .long-content-display.top , .ie9 .long-content-display-innovation.top, .ie9 #dynamic-dashboard .long-content-display-profil.top { position: relative; margin: 0 9px; height: 9px; background: url(/extension/mchgridlayout/design/michelin/images/css/shadow-top.png) repeat-x; } .ie8 #dynamic-dashboard .long-content-display-profil.top, .ie9 #dynamic-dashboard .long-content-display-profil.top { padding-top:0; margin:0 auto; text-align:center; } .ie8 .long-content-display.top:before , .ie8 .long-content-display-profil.top:before , .ie9 .long-content-display.top:before, .ie9 .long-content-display-profil.top:before { content: ""; display: inline-block; position: absolute; top: 0; left: -9px; width: 9px; height: 9px; background: url(/extension/mchgridlayout/design/michelin/images/css/shadow-top.png) repeat-x 0 -9px; } .ie8 .long-content-display.top:after , .ie8 .long-content-display-innovation.top:after , .ie8 .long-content-display-profil.top:after , .ie9 .long-content-display.top:after , .ie9 .long-content-display-innovation.top:after, .ie9 .long-content-display-profil.top:after { content: ""; display: inline-block; position: absolute; top: 0; right: -9px; width: 9px; height: 9px; background: url(/extension/mchgridlayout/design/michelin/images/css/shadow-top.png) repeat-x 0 -18px; } .ie8 .long-content-display.bottom , .ie8 .long-content-display-innovation.bottom , .ie8 .long-content-display-profil.bottom , .ie9 .long-content-display.bottom , .ie9 .long-content-display-innovation.bottom, .ie9 .long-content-display-profil.bottom { position: relative; margin: 0 9px; height: 9px; background: url(/extension/mchgridlayout/design/michelin/images/css/shadow-bottom.png) repeat-x; } .ie8 #dynamic-dashboard .long-content-display-profil.bottom, .ie9 #dynamic-dashboard .long-content-display-profil.bottom { padding-top:0; margin:0 auto; text-align:center; } .ie8 .long-content-display.bottom:before , .ie8 .long-content-display-innovation.bottom:before , .ie8 .long-content-display-profil.bottom:before , .ie9 .long-content-display.bottom:before , .ie9 .long-content-display-innovation.bottom:before, .ie9 .long-content-display-profil.bottom:before { content: ""; display: inline-block; position: absolute; top: 0; left: -9px; width: 9px; height: 9px; background: url(/extension/mchgridlayout/design/michelin/images/css/shadow-bottom.png) repeat-x 0 -9px; } .ie8 .long-content-display.bottom:after, .ie8 .long-content-display-innovation.bottom:after, .ie8 .long-content-display-profil.bottom:after, .ie9 .long-content-display.bottom:after , .ie9 .long-content-display-innovation.bottom:after, .ie9 .long-content-display-profil.bottom:after { content: ""; display: inline-block; position: absolute; top: 0; right: -9px; width: 9px; height: 9px; background: url(/extension/mchgridlayout/design/michelin/images/css/shadow-bottom.png) repeat-x 0 -18px; } .long-content-display .content, .long-content-display-innovation .content, .long-content-display-profil .content { padding-top: 2px; } .long-content-display .close-top , .long-content-display-innovation .close-top, .long-content-display-profil .close-top { position: absolute; right: 2px; top: 2px; z-index: 2; } .long-content-display .close-bottom , .long-content-display-innovation .close-bottom , .long-content-display-profil .close-bottom { position: absolute; bottom: 0; width: 100%; } /* end: extension/mchgridlayout/design/michelin/stylesheets/mchgridlayout.css */ /* start: extension/mchgridlayout/design/michelin/stylesheets/module/dashboard.css */ .inner-dashboard .group.pbm:nth-child(4) { margin-top: 40px; } .dashboard .long-content-display-profil .secondary, .dashboard .long-content-display-profil .large-w75 { padding-left: 0; } .dashboard .long-content-display-profil .bx-wrapper .bx-pager { bottom: 0; right: 0; } .open .content-dashboard { padding-bottom: 30px; } .dashboard .over-caroussel-video { width: 66%; } .dashboard img { max-width: 100%; height: auto; } .dashboard .small-slider li > img { width: 100%; max-width: initial; } .dashboard .layer { border-spacing: 15px; border-collapse: separate; } .dashboard .layer .no-border-spacing { border-spacing: 0; border-collapse: collapse; } .dashboard .layers { margin-top: 15px; } .dashboard .layer + .layers { margin-top: 0; } .dashboard .layers .layer { margin-top: -15px; } .dashboard .layers .layer .wrapper-smart-width { padding: 0; } .dashboard .bg-white { background: #FFF; } .dashboard .bg-yellow { background: #27509b; } .dashboard .bg-light-grey { background: #DEE2E7 url('/extension/mchgridlayout/design/michelin/images/css/bg-light-grey.png') repeat-y top left; background-size: 100%; } .dashboard .bg-blue { background: #27509b; } .dashboard .bg-light-blue { background: #FFF; } .dashboard .bg-michelin { background: #fff; } .dashboard .db-bloc { padding: 0; overflow: hidden; } @media (max-width: 768px) { .dashboard .w50 { display: block; margin-bottom: 20px; width: 100%; } } .dashboard .db-bloc > * { height: 100%; } .dashboard .btn-plus, .dashboard .btn-arrow-down { position: absolute; right: 3px; bottom: 3px; z-index: 10; } .dashboard .wrapper-smart-width { margin-top: 40px; padding: 0; overflow: hidden; } @media (max-width: 768px) { .dashboard .wrapper-smart-width .bx-viewport .slider li .row { width: 80%; margin: 0 auto; } .dashboard .wrapper-smart-width .bx-viewport .slider li .row .left { display: block; width:100%; max-width: 100%; } .dashboard .wrapper-smart-width .bx-viewport .slider li .row .mod { display: block; width:100%; text-align: center; } .dashboard .w33, .dashboard .w66 { display: block; margin-bottom: 15px; width: 100%; } .dashboard .bg-blue { display: block; } .dashboard .publication .publication-item { padding-left: 0 !important; background: none; } #panel-live.dashboard .list .description { display: none; } #panel-calendar.dashboard .calendar-filter > div { display: block; } #panel-calendar.dashboard .calendar-filter .calendar-filter-form { border-left: 0; margin-top: 10px; padding-left: 0; } #panel-calendar.dashboard .calendar-element { width: 100%; } #panel-calendar.dashboard .email-alert-subscribe .wrapper { width: 100% } } .dashboard .bg-blue *, .dashboard .bg-yellow *, .dashboard .bg-blue .title, .dashboard .bg-yellow .title { color: #fff; } .dashboard .bg-yellow .symex-data .h2-like { color: #fff; } .dashboard .normal-link { text-decoration: none; color: #3C3C3C; } .dashboard .normal-link:hover, .dashboard .last-publication .date:hover { text-decoration: underline; } .dashboard .last-publication .date, .dashboard .last-press-release .date, .dashboard .last-news .date { color: #27509b; font-weight: bold; } .dashboard .menu-link li + li { border-top: 2px solid #DEE2E7; } .dashboard .bg-blue .menu-link li + li { border-top: 2px solid #4D62B3; /* border color in the dashboard */ } .dashboard .menu-link a { text-decoration: none; color: inherit; } .dashboard .menu-link a:hover { text-decoration: underline !important; } /*----- Slider ----- */ .dashboard .bx-wrapper { margin: 0; padding: 0; } .dashboard .bx-viewport { z-index: 0; } .dashboard .bx-controls > .bx-wrapper { position: absolute; right: 30px; bottom: 20px; } .dashboard .small-slider-wrapper { margin: 0; padding: 0 40px; margin-top: 10px; position: relative; } .dashboard .small-slider-wrapper .bx-wrapper { position: static; } .dashboard .slider .slider-content { padding: 20px; margin: 30px 20px 20px 36px; position: relative; z-index: 20; width: 38%; padding-bottom: 60px; } .dashboard .slider .category { text-transform: uppercase; font-family: 'Arial'; font-weight: bold; font-size: 1rem; background: #E8E8E8; display: inline-block; padding: 2px 10px } .dashboard .slider .title { color: #27509b; font-size: 2rem; margin-top: 10px; line-height: 1.1; margin-bottom: 7px; text-transform: uppercase; } .dashboard .slider .title a { color: #27509b; text-decoration: none; } .dashboard .slider .date { font-family: 'Arial'; font-style: italic; margin-bottom: 10px; font-weight: bold; font-size: 1.1rem; } .dashboard .slider .right { position: relative; } .dashboard .slider .right:before { content: ""; position: absolute; left: -100px; width: 200px; height: 100%; top: 0; z-index: 10; background: #fff; transform: skew(-20deg); } /*--- Panel symex ---*/ .dashboard .wrapper-symex-menu { width: 100%; overflow: hidden; } .dashboard .symex-menu li { width: 50%; float: left; padding: 0 10px; } .dashboard .symex-menu a { width: 100%; text-transform: uppercase; font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; background: #27509b; color: #fff; text-decoration: none; font-style: italic; display: inline-block; padding: 20px; position: relative; margin-bottom: 10px; text-align: center; } .dashboard .symex-menu .selected { background: #fff; padding: 0 20px; } .dashboard .symex-menu .selected a { color: #27509b; background: #fff; padding: 20px 0; } .dashboard .symex-menu .selected a:after { content: ""; border-bottom: 4px solid #27509b; position: absolute; bottom: 10px; left: 0; width: 100%; } .dashboard .symex-panel { padding: 30px; background: #fff; } /*---- Content -----*/ .dashboard .symex-data .h2-like { font-size: 2.14285em; font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; color: #3C3C3C; } .dashboard .symex-data .bigger { font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; } .dashboard .share-rss { position: absolute; top: 5px; right: 5px; } .dashboard .btn-txt { background: #FFE800; color: #3C3C3C; position: absolute; bottom: 2px; right: 2px; z-index: 2; text-decoration: none; } .dashboard .btn-txt:hover, .dashboard .btn-txt:focus { background: #a6a6a6; color: #efefef; } .dashboard .slider .mw-66 { max-width: 66%; } .dashboard .slider .mw-50 { max-width: 50%; } .dashboard .slider .img-slider { background-size: cover; width: 60%; position: absolute; top: 0; right: 46px; bottom: 0; } .dashboard .slider .row { border-collapse: collapse; } .dashboard .slider .row > * { vertical-align: middle; } .dashboard .bx-wrapper .bx-pager { position: absolute; bottom: 20px; left: 56px; } .dashboard .slider-wrapper .bx-wrapper .bx-controls-direction a { margin: 0 10px; } .dashboard .news-carousel .slider-wrapper .bx-wrapper .bx-controls-direction a { background-color: transparent; } .dashboard .bx-wrapper .bx-pager .bx-pager-item { float: left; } .dashboard .bx-wrapper .bx-pager .bx-pager-item a { display: block; text-indent: -9999px; background: url('/extension/mchgridlayout/design/michelin/images/css/slider-pager.png') no-repeat top left; width: 9px; height: 9px; margin-right: 4px; overflow: hidden; } .dashboard .bx-wrapper .bx-pager .bx-pager-item .active { background: url('/extension/mchgridlayout/design/michelin/images/css/slider-pager-selected.png') no-repeat top left; } .dashboard .slider .description { font-style: italic; font-size: 1.1429em; line-height: 1.3; } .dashboard .slider .description a { text-decoration: none; color: #3C3C3C; } .dashboard .number-big { font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; font-size: 2.3em; line-height: 1; } .dashboard .agenda { overflow: auto; } .dashboard .agenda .scroll-wrapper { max-height: 335px; padding-right: 20px; } .dashboard .agenda li { border: 1px solid #DEE2E7; margin-bottom: 5px; border-spacing: 0; } .dashboard .agenda .day { color: #27509b; text-transform: uppercase; font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; font-size: 1.2rem; line-height: 1.2; margin: 0 10px 0 0; width: 100px; font-style: italic; background: #E6E6E6; vertical-align: middle; } .dashboard .agenda .day .number { font-size : 3rem; } .dashboard .agenda .category { font-size: 1rem; text-transform: uppercase; font-style: italic; font-weight: bold; } .dashboard .agenda .title-event { display: block; color: #27509b; text-decoration: none; margin: 0; text-transform: uppercase; font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; line-height: 1.3; margin: 5px 0; font-style: italic; } .dashboard .agenda .title-event:hover { text-decoration: underline; } .dashboard .agenda .location { color: #3C3C3C; text-transform: uppercase; font-size: 0.85714em; margin: 0; padding: 0; } .dashboard .agenda .location li { display: inline; padding-right: 2px; border: none; } .dashboard .agenda .location li + li { border-left: 1px solid #DEE2E7; padding-left: 5px; } .dashboard .publication .bx-wrapper { padding: 0 30px; } .dashboard .publication a { text-decoration: none; color: #3c3c3c; } .dashboard .publication .date { display: block; font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; } .dashboard .publication .title-publication { color: #27509b; font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; text-transform: uppercase; } .dashboard .publication .title-publication:hover, .dashboard .publication .date:hover{ text-decoration: underline; } .dashboard .publication .publication-item { padding-top: 0; line-height: 1; } @media (max-width: 768px) { .dashboard .publication .publication-item { background: none; } .dashboard .news-carousel { font-size: 0.8em; } .dashboard .symex .wrapper-symex-menu, .dashboard .symex .symex-panel { width: 100%; display: block; } .dashboard .symex .wrapper-symex-menu { border-right: none; border-bottom: 1px solid #27509b; overflow: hidden; margin-bottom: 10px; } .dashboard .symex .wrapper-symex-menu li { float: left; width: 50%; font-size: 0.7em; } .dashboard .symex .row { display: block; } .dashboard .slider .img-slider { display: none; } .dashboard .slider .slider-content { width: calc(100% - 60px); } } .dashboard .publication .publication-item > .normal-link { line-height: 1.5; vertical-align: middle; display: inline-block; padding-right: 30px; } .dashboard .publication .download { position: absolute; bottom: 0; right: 0; line-height: 1.5; } .dashboard .db-bloc .edito-with-background-image > div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .dashboard .db-bloc .background { display: block; margin: auto; width: 100%; } .dashboard .db-bloc .content-bloc { font-family: Arial; font-style: italic; position: relative; z-index: 2; padding-bottom: 20px; } .dashboard .db-bloc .title { background: #27509b; color: #fff; font-size: 1.4rem; text-transform: uppercase; position: relative; display: inline-block; padding: 10px 20px; margin-left: -20px; } .dashboard .db-bloc .title.has-subtitle { background: #fff; color: #404040; padding: 0; } .dashboard .db-bloc .title.has-subtitle > span { padding: 10px 20px; background: #27509b; color: #fff; display: inline-block; } .dashboard .db-bloc .title:after { content: ""; background: #27509b; position: absolute; top: 0; bottom: 0; right: -8px; left: 50px; z-index: 9; transform: skew(-20deg); } .dashboard .db-bloc.bg-blue .title, .dashboard .db-bloc.bg-blue .title > span { background: #fff; color: #27509b; } .dashboard .db-bloc .title.has-subtitle .subtitle { background: #E4E4E4; color: #404040; position: relative; } .dashboard .db-bloc .title.has-subtitle .subtitle > span { z-index: 11; color: #404040; font-size: 1.2rem; } .dashboard .db-bloc .title.has-subtitle .subtitle:before { content: ""; background: #E4E4E4; position: absolute; top: 0; bottom: 0; left: -6px; right: 50px; z-index: 9; transform: skew(-20deg); } .dashboard .db-bloc .title.has-subtitle .subtitle:after { content: ""; background: #E4E4E4; position: absolute; top: 0; bottom: 0; left: -8px; right: 50px; z-index: 10; transform: skew(20deg); } .dashboard .db-bloc.bg-blue .title:after { background: #fff; } .dashboard .db-bloc .title.has-subtitle:after { background: #E4E4E4; } .dashboard .db-bloc.edito .title { position: absolute; } .dashboard .db-bloc.edito p { font-size: 2.1rem; color: #27509b; text-transform: uppercase; font-style: italic; font-family: 'Arial-black'; line-height: 1.3; margin: 20px 0; } .dashboard .db-bloc.bg-blue.edito p { color: #fff; } .dashboard .db-bloc .title span { position: relative; z-index: 10; } .dashboard .db-bloc .wrapper-img { margin-right: -20px; margin-left: -20px; margin-top: -20px; } .dashboard .db-bloc .wrapper-img img { width: 100%; } .dashboard .db-bloc.last-news li, .dashboard .db-bloc.last-press-release li, .dashboard .db-bloc.last-publication li { padding: 15px; position: relative; padding-left: 80px; } .dashboard .db-bloc.last-news li + li, .dashboard .db-bloc.last-press-release li + li, .dashboard .db-bloc.last-publication li + li { border-top: 1px solid #cccccc; } .dashboard .db-bloc.last-news li .icon-papernews, .dashboard .db-bloc.last-press-release li .icon-list, .dashboard .db-bloc.last-publication li .icon-list-pdf { font-size: 3.5rem; color: #27509b; position: absolute; left: 15px; } .dashboard .db-bloc.last-news a, .dashboard .db-bloc.last-press-release a, .dashboard .db-bloc.last-publication a { color: #27509b; text-decoration: none; } .dashboard .db-bloc.last-news .date, .dashboard .db-bloc.last-press-release .date, .dashboard .db-bloc.last-publication .date { font-size: 1rem; color: #3C3C3C; font-style: italic; } .dashboard .db-bloc.last-news .title-cp, .dashboard .db-bloc.last-press-release .title-cp, .dashboard .db-bloc.last-publication .title-cp { color: #27509b; font-weight: bold; font-style: italic; } .dashboard .db-bloc .yellow-button { font-size: 2rem; } .dashboard .bottom-link { color: #404040; font-style: italic; font-weight: 700; margin: 20px 0; display: inline-block; text-decoration: none; } .dashboard .bottom-link:before { content: ">"; display: inline-block; background: #fce500; padding: 0 8px; margin-right: 10px; font-size: 1.6rem; } .dashboard .search-press-release-form label { margin-top: 0; } .dashboard .search-press-release-form input[type="search"] { padding: 8px 30px 8px 5px; color:#3C3C3C; border: 1px solid #ccc; } .dashboard .search-press-release-form .relative { max-width: 100%; } .dashboard .search-press-release-form .submit { position: absolute; top: 1px; right: 1px; border: none; background: #FAE600; height: 32px; font-size: 1.6em; } .dashboard .linkrs a { text-transform: uppercase; text-decoration: none; color: #3c3c3c; } .dashboard .mti { margin-top: 15px; } @media (min-width: 1280px) { .dashboard .over-caroussel-video { width: 50%; } .dashboard .layers { position: relative; } .dashboard .last .publication-item > .normal-link { padding-right: 0; } } /**** Dashboard menu *****/ /**** dynamic dashboard *****/ /*#dynamic-dashboard { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 99; }*/ /*** dashboard contact ****/ #dynamic-dashboard .contact .function { font-weight: bold; } /*** choose profil ****/ #dynamic-dashboard .top { background: url('/extension/mchgridlayout/design/michelin/images/css/choose-profil-bg.png') repeat-x top left; padding-top: 13px; } #choose-profil .wrapper { background: #ECCA06; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; -o-hyphens: none; hyphens: none; text-wrap: avoid; } #choose-profil .wrapper > ul { table-layout: auto; } #choose-profil .wrapper > ul > li { padding: 12px 20px 15px 20px; vertical-align: middle; } @media (max-width: 768px) { #choose-profil .wrapper > ul > li { padding: 12px 2px 15px 2px; line-height: 0.5em; } #dynamic-dashboard nav ul { padding-left: 0; } } #choose-profil .title .bg-left { background: url('/extension/mchgridlayout/design/michelin/images/css/choose-profil-left-bg.png') no-repeat top left; padding-left: 56px; margin-top: -50px; } #choose-profil .title .bg-middle { background: url('/extension/mchgridlayout/design/michelin/images/css/choose-profil-middle-bg.png') repeat-x top left; padding-top: 10px; line-height: 40px; } #choose-profil .title .bg-right { background: url('/extension/mchgridlayout/design/michelin/images/css/choose-profil-right-bg.png') no-repeat top right; padding-right: 56px; } #choose-profil .title a { display: block; background: url('/extension/mchgridlayout/design/michelin/images/css/choose-profil-close.png') no-repeat center right; padding-right: 20px; color: #3C3C3C; text-decoration: none; } @media (max-width: 768px) { #choose-profil .title a { font-size: 0.6em; } } #choose-profil .title a.open { background: url('/extension/mchgridlayout/design/michelin/images/css/choose-profil-open.png') no-repeat center right; } #choose-profil .ajax-loader { padding: 0 5px; display: none; position: absolute; left: 50%; margin-left: -8px; color: #fff; } #choose-profil .title .ajax-loader { left: -10px; } #choose-profil .choose-profil-icon { background: url('/extension/mchgridlayout/design/michelin/images/css/choose-profil.png') no-repeat left center; padding-left: 25px; margin-left: -10px; margin-right: -10px; } @media (max-width: 768px) { #choose-profil ul a { font-size: 0.5em; } } #choose-profil .choose-profil-icon a, #choose-profil .choose-profil-icon a.open { background: none; } #choose-profil ul a { font-weight: bold; color: #3C3C3C; text-decoration: none; line-height: 1.5; padding: 5px; } #choose-profil ul .selected, #choose-profil ul li:hover > span { background: #ECE396; display: inline-block; } /***### DASHBOARD INNOVATION ###***/ .dashboard-innovation { overflow: hidden; /* use to avoid scroll-x due to dashboard centering hack */ } .dashboard-innovation .yellow-button { font-size: 2.1rem; } .dashboard-innovation #page_nav { visibility: hidden; } .dashboard-innovation .title a { color: #fff; text-decoration: none; } .dashboard-innovation #dashboard-container { width: 101%; } .dashboard-innovation .dashboard-element { width: 32.333333%; visibility: hidden; } .dashboard-innovation .dashboard-gutter { width: 1%; } .dashboard-innovation #dashboard-container .dashboard-element { position: relative; font-family: 'Arial-Black', 'Arial Bold', Gadget, sans-serif; text-transform: uppercase; margin: 5px 0; background: #fff; } .dashboard-innovation #dashboard-container .dashboard-element.innovation_dashboard_graphic { border: 1px solid #484848; } .dashboard-innovation #dashboard-container .dashboard-element .background { display: block; margin: auto; } .dashboard-innovation #dashboard-container .dashboard-element .title { position: absolute; bottom: 0; width: 100%; font-size: 1.1428em ; } .dashboard-innovation #dashboard-container .dashboard-element .title p { padding-top: 15px; padding-right: 35px; } @media (max-width: 768px) { .dashboard-innovation #dashboard-container .dashboard-element .title p { padding-top: 5px; font-size: 0.6em; padding-left: 5px; padding-bottom: 5px; } #email-alert-dashboard-subscribe #email-alert-dashboard-input, #email-alert-dashboard-modify .pas { width: 100%; } #email-alert-dashboard-subscribe .yellow-button, #email-alert-dashboard-modify .yellow-button { display: block; margin-top: 5px; } } .dashboard-innovation #dashboard-container .dashboard-element .gradient0 { color: #fff; background: url(/extension/mchgridlayout/design/michelin/images/css/grey-transparency.png) repeat-x bottom left; background-size: 1px 100%; } .dashboard-innovation #dashboard-container .dashboard-element .gradient, .dashboard-innovation #dashboard-container .dashboard-element .gradient2 { color: #fff; } .dashboard-innovation #dashboard-container .dashboard-element .gradient1 { color: #3c3c3c; background: url(/extension/mchgridlayout/design/michelin/images/css/grey-transparency.png) repeat-x bottom left; background-size: 1px 100%; } .dashboard-innovation #dashboard-container .dashboard-element.font-white { color: #fff; } .dashboard-innovation #dashboard-container .dashboard-element.font-blue { color: #27509b; } .dashboard-innovation #dashboard-container .dashboard-element a.button + .title { padding-right: 50px; z-index: 4; } .dashboard-innovation #dashboard-container .dashboard-element a.button { display: inline-block; width: 30px; height: 30px; position: absolute; bottom: 3px; right: 3px; z-index: 5; } .dashboard-innovation #dashboard-container .dashboard-element a.button img { vertical-align: middle; } .dashboard-innovation #dashboard-container .dashboard-element.video .content { position: absolute; bottom: 0; } .dashboard-innovation #dashboard-container .dashboard-element.video .content .play { width: 40px; } .dashboard-innovation #dashboard-container .dashboard-element.video .content .title { position: relative; } .dashboard-innovation #dashboard-container .dashboard-element.quote { background: #fff; color: #3c3c3c; text-transform: none; } .dashboard-innovation #dashboard-container .dashboard-element.quote .body { position: relative; margin-top: 20px; padding: 10px 0; border-top: 1px solid #deede2; border-bottom: 1px solid #deede2; font-family: 'pt_serifitalic'; } .dashboard-innovation #dashboard-container .dashboard-element.quote .body.biggest { font-size: 1.5714em; } .dashboard-innovation #dashboard-container .dashboard-element.quote.yellow .body { border-color: #fff483; } .dashboard-innovation #dashboard-container .dashboard-element.quote.lightblue .body, .dashboard-innovation #dashboard-container .dashboard-element.quote.darkblue .body { border-color: #fff; } .dashboard-innovation #dashboard-container .dashboard-element.quote .body:before, .dashboard-innovation #dashboard-container .dashboard-element.quote .body:after { content: ""; height: 15px; width: 28px; display: block; position: absolute; } .dashboard-innovation #dashboard-container .dashboard-element.quote .body:before { top: -14px; left: 10px; background: url(/extension/mchgridlayout/design/michelin/images/css/blockquote-top.png) no-repeat; } .dashboard-innovation #dashboard-container .dashboard-element.quote .body:after { bottom: -15px; right: 10px; background: url(/extension/mchgridlayout/design/michelin/images/css/blockquote-bottom.png) no-repeat; } .dashboard-innovation #dashboard-container .dashboard-element.quote.yellow .body:before, .dashboard-innovation #dashboard-container .dashboard-element.quote.lightblue .body:before, .dashboard-innovation #dashboard-container .dashboard-element.quote.darkblue .body:before { background-image: url(/extension/mchgridlayout/design/michelin/images/css/blockquote-top-white.png); } .dashboard-innovation #dashboard-container .dashboard-element.quote.yellow .body:after, .dashboard-innovation #dashboard-container .dashboard-element.quote.lightblue .body:after, .dashboard-innovation #dashboard-container .dashboard-element.quote.darkblue .body:after { background-image: url(/extension/mchgridlayout/design/michelin/images/css/blockquote-bottom-white.png); } .dashboard-innovation #dashboard-container .dashboard-element.verbatim { color: #3C3C3C; font-family: frutiger_roman; padding: 30px 20px; text-transform: lowercase; } .dashboard-innovation #dashboard-container .dashboard-element.quote.lightblue, .dashboard-innovation #dashboard-container .dashboard-element.verbatim.lightblue { background: #C3D0FD; } .dashboard-innovation #dashboard-container .dashboard-element.quote.yellow, .dashboard-innovation #dashboard-container .dashboard-element.verbatim.yellow { background: #FFE800; } .dashboard-innovation #dashboard-container .dashboard-element.quote.darkblue, .dashboard-innovation #dashboard-container .dashboard-element.verbatim.darkblue { background: #27509b; } .dashboard-innovation #dashboard-container .dashboard-element.quote a, .dashboard-innovation #dashboard-container .dashboard-element.verbatim a { display: block; text-decoration: none; } .dashboard-innovation #dashboard-container .dashboard-element.quote > * , .dashboard-innovation #dashboard-container .dashboard-element.verbatim.yellow > * { color: #3C3C3C !important; } .dashboard-innovation #dashboard-container .dashboard-element.quote.lightblue > *, .dashboard-innovation #dashboard-container .dashboard-element.verbatim.lightblue > *, .dashboard-innovation #dashboard-container .dashboard-element.quote.darkblue > *, .dashboard-innovation #dashboard-container .dashboard-element.verbatim.darkblue > *{ color: #fff !important; } .dashboard-innovation #dashboard-container .dashboard-element.verbatim .title { position: relative; color: #3C3C3C; font-family: Arial; font-style: italic; text-transform: uppercase; background: none; } .dashboard-innovation .michelin-history .dashboard-element.quote p { margin:20px 0 20px 0 !important; } .dashboard-biography .dashboard-element .title { background: url('/extension/mchgridlayout/design/michelin/images/css/black-gradient.png') bottom left repeat-x; } @media (max-width: 768px) { .dashboard-innovation #dashboard-container .dashboard-element .title a { font-size: 0.5em; } .dashboard-innovation #dashboard-container .dashboard-element .title { line-height: 0.8em; } .dashboard-biography .dashboard-element .title{ padding-left: 5px; } .dashboard-biography #dashboard-container .dashboard-element a.button + .title { padding-right: 40px; } } @media (max-width: 960px) { .dashboard .news-carousel .mw-66 { width: 50%; } .dashboard .news-carousel .slider .slider-content { margin-top: 0; margin-bottom: 0; padding-bottom: 10px; } .dashboard .bx-wrapper .bx-pager { bottom: 10px; right: 10px; } .dashboard-innovation .dashboard-element { width: 49%; } } @media (max-width: 768px) { .dashboard-innovation .dashboard-element { width: 99%; } .article .mch_paragraph_keyfacts .milestones-highlight .line.col-2 .highlight { display: block; width: 100%; } } @media (min-width: 1280px) { .dashboard-innovation .dashboard-element { width: 24%; } .large-w75 .dashboard-innovation .dashboard-element { width: 32.333333%; } .dashboard .lastLayer .publication .bx-wrapper { padding: 40px 0; } .dashboard .lastLayer .publication .bx-controls-direction a { background-color: #f2f2f3; background-position: center center; width: 97px; height: 25px; margin-left: -48px; margin-top: 0; } .dashboard .lastLayer .publication .bx-controls-direction .bx-prev { top: 0; left: 50%; } .dashboard .lastLayer .publication .bx-controls-direction .bx-next { bottom: 0; top: auto; right: auto; left: 50%; } } /***### End of DASHBOARD INNOVATION ###***/ /* end: extension/mchgridlayout/design/michelin/stylesheets/module/dashboard.css */ /* start: extension/mchgeomap/design/michelin/stylesheets/implantation.css */ .implantation .bibendum { position: absolute; bottom: 0; right: 0; width: 33%; text-align: center; } .implantation #form-search-factory .row .content-form { padding-bottom: 18px; } #map-factory { height: 500px; } .implantation .back-link { position: absolute; top: 0; left: 0; z-index: 99; } .implantation .auto-height-imp > * { line-height: normal; display: inline-block; vertical-align:middle; } .legend-factory { font-size: 0.71428em; } .legend-factory ul{ min-width: 273px; } .content-legend-factory { background-color: #f5f5f5; border: solid 1px #dee2e2; border-bottom: 0; } .content-legend-factory .title-legend { font-weight: bold; position: absolute; top: 0; left: 0; width: 100%; text-align: center; font-size: 1.2857em; } .content-legend-factory .title-legend + * { padding-top: 25px; } .legend-factory .picto { display: block; } .legend-factory .nth-child-3np1 { clear: both; } .legend-factory .picto.car { background: url('/extension/mchgeomap/design/michelin/images/css/sprite-picto-implantation.png') no-repeat 0px 0px; } .legend-factory .picto.truck { background: url('/extension/mchgeomap/design/michelin/images/css/sprite-picto-implantation.png') no-repeat 0px -40px; } .legend-factory .picto.tractor { background: url('/extension/mchgeomap/design/michelin/images/css/sprite-picto-implantation.png') no-repeat 0px -78px; } .legend-factory .picto.construction { background: url('/extension/mchgeomap/design/michelin/images/css/sprite-picto-implantation.png') no-repeat 0px -113px; } .legend-factory .picto.plane { background: url('/extension/mchgeomap/design/michelin/images/css/sprite-picto-implantation.png') no-repeat 0px -150px; } .legend-factory .picto.moto { background: url('/extension/mchgeomap/design/michelin/images/css/sprite-picto-implantation.png') no-repeat 0px -181px; } .legend-factory .picto.factory { background: url('/extension/mchgeomap/design/michelin/images/css/sprite-picto-implantation.png') no-repeat 0px -220px; } .legend-factory .picto.qg { background: url('/extension/mchgeomap/design/michelin/images/css/sprite-picto-implantation.png') no-repeat 0px -258px; } .legend-factory .picto.office { background: url('/extension/mchgeomap/design/michelin/images/css/sprite-picto-implantation.png') no-repeat 0px -297px; } .legend-factory .picto.try { background: url('/extension/mchgeomap/design/michelin/images/css/sprite-picto-implantation.png') no-repeat 0px -344px; } .legend-factory .picto.research { background: url('/extension/mchgeomap/design/michelin/images/css/sprite-picto-implantation.png') no-repeat 0px -390px; } .legend-factory .picto.products { background-color: #3c3c3c; color: #fff; height: inherit; font-size: inherit; font-weight: bold; } .ie8 #legend-button { border-top: 4px solid #324EC1; } #legend-button { border-top: 4px solid #324EC1; } #legend-button .title .bg-left { background: url("/extension/mchgeomap/design/michelin/images/css/legend-implantation-left.png") no-repeat scroll left -1px transparent; padding-left: 40px; } #legend-button .inbl { height: 32px; } #legend-button .title .bg-middle { background: url("/extension/mchgeomap/design/michelin/images/css/legend-implantation-middle.png") repeat-x scroll left -1px transparent; padding-top: 4px; } #legend-button .title .bg-right { background: url("/extension/mchgeomap/design/michelin/images/css/legend-implantation-right.png") no-repeat scroll right -1px transparent; padding-right: 40px; } #legend-button a { color: #fff; font-family: 'Arial-Black'; font-style: italic; font-weight: normal; text-decoration: none; padding-right: 18px; } #legend-button a.close { background: url('/extension/mchgeomap/design/michelin/images/css/legend-open-close.png') no-repeat right -15px; } #legend-button a.open { background: url('/extension/mchgeomap/design/michelin/images/css/legend-open-close.png') no-repeat right 4px; } .legend-factory .products, .legend-factory .building { border-left: solid 1px #cfcfcf; } .legend-factory div.last { border-right: 0; } .implantation .row ul.implantation-list li.colored { background-color: #f7f7f7; } .implantation .row ul.implantation-list li > h2{ font-family: 'Arial-Black', sans-serif; font-weight: normal; font-size: 1.313em; min-height: 19px; } .implantation .row ul.implantation-list li > p{ font-size: 0.905em; min-height: 19px; margin: 0px; } .implantation.article .secondary h1.h2-like { background: none; } .area-view .secondary strong { font-family: 'Arial-Black'; font-weight: normal; color: #737373; } .implantation .bloc-content { padding-top: 35px; vertical-align: bottom; } .implantation .bloc-content .content-text p, .implantation .bloc-employee .content-text p { color: #737373; } .implantation .bloc-content .content-text p span, .implantation .bloc-employee .content-text p span { font-family: 'Arial-Black'; font-weight: normal; color: #737373; } .implantation .bloc-content.production ul { margin-top: 11px; vertical-align: bottom; } .implantation .bloc-employee { vertical-align: bottom; } .implantation .bloc-employee ul { margin-top: 11px; } .implantation .bloc-employee .content-text { margin-bottom: 21px; } .implantation .bloc-content.country { padding-top: 65px; } .implantation .bloc-content.country .content-text.country { margin-bottom: 21px; } @media (max-width: 768px) { .implantation .bloc-content.country { padding-top: 0; } .implantation .secondary .row div { display: block; width: 100%; } .implantation .bloc-content { padding-top: 0; } } .implantation .image-bloc.country { background: url("/extension/mchgeomap/design/michelin/images/pays.gif") no-repeat scroll center center; height: 88px; } .implantation .image-bloc.site { background: url("/extension/mchgeomap/design/michelin/images/site-production.gif") no-repeat scroll center center; height: 111px; } .implantation .image-bloc.production { background: url("/extension/mchgeomap/design/michelin/images/type-production.gif") no-repeat scroll center center; height: 105px; } .implantation .image-bloc.employee { background: url("/extension/mchgeomap/design/michelin/images/salaries.gif") no-repeat scroll center center; height: 133px; } .implantation .image-bloc span.number { color: #FCE500; font-size: 4.037em; font-family: 'Arial-Black'; display: inline-block; } .implantation .image-bloc.country .number { margin-top: 13px; } .implantation .image-bloc.site .number { margin: 37px 14px 0 0; } .implantation .image-bloc.production .number { margin: 31px 0 0 12px; } .implantation .image-bloc.employee .number { margin: 59px 12px 0 0; } /* .implantation .image-bloc.employee span.number { font-size: 2.509em; } */ .implantation .image-bloc.country span.number { font-size: 2.509em; color: #fff; } .implantation .secondary > :first-child { background: none; } .implantation .paragraph { border-bottom: none; } .implantation .paragraph + .paragraph { border-top: 1px solid #E0E2E1; } .area-view .content-text { max-width: 115px; } .area-view .content-text.country { max-width: 70px; } .area-view .content-text p { word-wrap: break-word; } .implantation .gallery h3 { background: none; } /* #map-factory .ui-map-tools { width: inherit; } */ /** override css rule for vm picto popin **/ .implantation .sMapBubble { border: none; width: auto; border: 1px solid #ccc; -moz-box-shadow: 0px 0px 5px 0px #656565; -webkit-box-shadow: 0px 0px 5px 0px #656565; -o-box-shadow: 0px 0px 5px 0px #656565; box-shadow: 0px 0px 5px 0px #656565; filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5); z-index: 1!important; margin-bottom: -5px; margin-left: 20px; background: #fff; } .implantation .sMapBubble img { display: none; } .implantation .sMapBubble td { padding: 0; border: none; line-height: 1.5; } .implantation .sMapBubble .bubble_top_left, .implantation .sMapBubble .bubble_pre_top_center, .implantation .sMapBubble .bubble_top_center, .implantation .sMapBubble .bubble_pre_top_right, .implantation .sMapBubble .bubble_middle_left, .implantation .sMapBubble .bubble_middle_right, .implantation .sMapBubble .bubble_pre_middle_right, .implantation .sMapBubble .bubble_bottom_left, .implantation .sMapBubble .bubble_pre_bottom_center, .implantation .sMapBubble .bubble_bottom_center, .implantation .sMapBubble .bubble_bottom_right { display: none; } .implantation .sMapBubble .bubble-content { top: 0; left: -4px; margin: 0; margin-right: -8px; line-height: 1; } .implantation .sMapBubble .bubble-content img { display: block; } .implantation .sMapBubble .bubble-content .production { padding: 5px 10px 5px 25px; min-width: 130px; } .implantation .sMapBubble .bubble-content .employees { border-left: 1px solid #E0E2E1; padding: 5px; } .implantation .sMapBubble .bubble-content .nb-employees { font-family: 'Arial-Black'; color: #27509b; font-size: 1.4em; } .implantation .sMapBubble .bubble-content .city { font-family: 'Arial-Black'; color: #27509b; border-bottom: 1px solid #ccc; font-size: 1.4em; padding: 5px; } .implantation .sMapBubble .bubble-content .site-url { font-family: 'frutiger_black'; color: #000099; font-size: 1.4em; padding: 0px; margin: 5px 28px 5px 28px; } .implantation .sMapBubble .bubble-content .site-url a { text-decoration: none; font-style: normal; color: #3C3C3C; display: block; } .implantation a.site-link { color: #000099; } .download.imp { padding-bottom: 0px; } .yellow-button.imp { min-height: 28px; line-height: 25px; } .implantation .sMapBubble tr[height] { display: none; } .ie8 .implantation .sMapBubble .linear-grey { background: #DEE2E7; filter:none; } .article.implantation .secondary .sub-title { padding-bottom: 6px; } @media (max-width: 960px) { .legend-factory, .content-legend-factory { padding: 0; } .legend-factory, .legend-factory > * { display: block; } .legend-factory .nth-child-3np1 { clear: none; } .content-legend-factory .title-legend { position: static; width: 25%; text-align: left; padding-right: 15px; } .content-legend-factory .title-legend + * { padding-top: 0px; } .legend-factory .pneumatic > div, .legend-factory .products > div, .legend-factory .building > div { overflow: hidden; padding: 15px; display: table!important; table-layout: auto; width: 94%!important; margin: 0 auto!important; } .legend-factory .pneumatic > div > *, .legend-factory .products > div > *, .legend-factory .building > div > * { display: table-cell!important; vertical-align: middle; } .legend-factory .products, .legend-factory .building { border-top: 1px solid #E0E2E1; border-left: none; } .legend-factory ul { margin-top: 0; width: 100%; } .legend-factory li { width: 16.66666%; } } @media (max-width: 768px) { .legend-factory .pneumatic > div > *, .legend-factory .products > div > *, .legend-factory .building > div > * { display: block !important; width: 100%; } .legend-factory li { display: block; width: 100%; text-align: left; } .legend-factory .picto { float: left; margin-right: 25px; } #form-search-factory #map-anchor .prs, #form-search-factory #map-anchor .pls { width: 100%; display: block; padding: 0; margin-bottom: 10px; } } /* end: extension/mchgeomap/design/michelin/stylesheets/implantation.css */