/*! normalize.css v2.1.0 | MIT License | git.io/normalize */body,mark{color:#000}.clearfix:after,.clearfix:before,blockquote:after,blockquote:before,q:after,q:before{content:""}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;min-height:100%}body{margin:0;line-height:1;background:#fff}a:focus{outline:dotted thin}:focus,a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0}pre{white-space:pre-wrap}sub,sup{line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:0}button,input,select,textarea{font-family:inherit;font-weight:inherit;margin:0;padding:0}button{background:0 0}button,input{line-height:normal}button,select{text-transform:none}select{-webkit-appearance:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:none}li,ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,td,th{text-align:left;font-weight:400}blockquote,q{quotes:"" ""}a,a:hover,a:visited{text-decoration:none}button,fieldset,input,select,textarea{font-size:inherit;color:inherit;border:none;border-radius:0}img{width:100%;height:auto}.clearfix:after,.clearfix:before{display:table}.clearfix:after{clear:both}*{-moz-box-sizing:border-box;box-sizing:border-box} @charset "UTF-8";body.fancybox-active{overflow:hidden}body.fancybox-iosfix{position:fixed;left:0;right:0}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99992;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:0;font-size:13px;padding:0 10px;height:44px;min-width:44px;line-height:44px;color:#ccc;text-align:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased;mix-blend-mode:exclusion}.fancybox-toolbar{top:0;right:0;margin:0;padding:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-is-closing .fancybox-stage{overflow:visible}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide>base,.fancybox-slide>link,.fancybox-slide>meta,.fancybox-slide>script,.fancybox-slide>style,.fancybox-slide>title{display:none}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font-size:16px;line-height:20px}.fancybox-button{box-sizing:border-box;display:inline-block;vertical-align:top;width:44px;height:44px;margin:0;padding:10px;border:0;border-radius:0;background:rgba(30,30,30,.6);transition:color .3s ease;cursor:pointer;outline:none}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button[disabled]{color:#ccc;cursor:default;opacity:.6}.fancybox-button svg{display:block;position:relative;overflow:visible;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:currentColor;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--share svg path{stroke-width:1}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--zoom svg path{fill:transparent}.fancybox-navigation{display:none}.fancybox-show-nav .fancybox-navigation{display:block}.fancybox-navigation button{position:absolute;top:50%;margin:-50px 0 0;z-index:99997;background:transparent;width:60px;height:100px;padding:17px}.fancybox-navigation button:before{content:"";position:absolute;top:30px;right:10px;width:40px;height:40px;background:rgba(30,30,30,.6)}.fancybox-navigation .fancybox-button--arrow_left{left:0}.fancybox-navigation .fancybox-button--arrow_right{right:0}.fancybox-close-small{position:absolute;top:0;right:0;width:40px;height:40px;padding:0;margin:0;border:0;border-radius:0;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:22px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background-color:transparent;transition:background-color .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus{outline:none}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small{top:0;right:-40px}.fancybox-slide--iframe .fancybox-close-small:after,.fancybox-slide--image .fancybox-close-small:after{font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after,.fancybox-slide--image .fancybox-close-small:hover:after{color:#fff;background:transparent}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 2vw 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all;position:relative}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-slide>.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{padding:30px;border-radius:3px;background:#f4f4f4;max-width:90%;text-align:center}.fancybox-share h1{color:#222;margin:0 0 20px;font-size:35px;font-weight:700}.fancybox-share p{margin:0;padding:0}p.fancybox-share__links{margin-right:-10px}.fancybox-share__button{display:inline-block;text-decoration:none;margin:0 10px 10px 0;padding:0 15px;min-width:130px;border:0;border-radius:3px;background:#fff;white-space:nowrap;font-size:14px;font-weight:700;line-height:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;transition:all .2s}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{position:relative;top:-1px;width:25px;height:25px;margin-right:7px;vertical-align:middle}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{box-sizing:border-box;width:100%;margin:10px 0 0;padding:10px 15px;background:transparent;color:#5d5b5b;font-size:14px;outline:none;border:0;border-bottom:2px solid #d7d7d7}.fancybox-thumbs{display:none;position:absolute;top:0;bottom:0;right:0;width:212px;margin:0;padding:2px 2px 4px;background:#fff;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-thumbs-x{overflow-y:hidden;overflow-x:auto}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0;white-space:nowrap}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{float:left;overflow:hidden;padding:0;margin:2px;width:100px;height:75px;max-width:calc(50% - 4px);max-height:calc(100% - 8px);position:relative;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}} /*! jQuery UI - v1.14.1 - 2024-11-07 * https://jqueryui.com * Includes: theme.css * To view and modify this theme, visit https://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px * Copyright OpenJS Foundation and other contributors; Licensed MIT */ .ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;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,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.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,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.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;font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;background-image:none}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank.ui-icon-blank.ui-icon-blank{background-image:none}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-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:-65px -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:-65px -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:1px -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:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3}.ui-widget-shadow{box-shadow:0 0 5px #666} .mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{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{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{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}.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}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.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}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.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;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;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;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}.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;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.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{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-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_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-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}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(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,.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,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(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}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{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,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.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}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(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,.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,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(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}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-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,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.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}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(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,.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,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(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}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(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}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.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,.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{width:16px;height:16px;margin:-1px 0}.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,.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{width:4px}.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,.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{height:16px;width:16px;margin:0 -1px}.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,.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{height:4px;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}.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,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(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,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(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}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.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}.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}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.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}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(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}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(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}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(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,.4),inset -1px 0 0 rgba(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,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.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}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.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,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.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,.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{width:12px}.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,.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{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}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(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}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.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-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.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-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-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-3-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-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.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,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)} ::-moz-selection { /* Code for Firefox */ color: #ffffff; background: #c4693b; } ::selection { color: #ffffff; background: #c4693b; } a { color: inherit; } ul, ol, li { list-style: none; } ul, p { margin: 0px; padding: 0px; } ul { padding-left: 0; margin-left: 0; padding-top: 0; margin-top: 0; } u { text-decoration: none; border-bottom: 1px solid #4e4e4e; } em { font-style: italic; } /* hildegard */ img { width: auto; height: auto; } h1, h2, h3, h4, ul { margin-top: 0px; } .listing { opacity: 0; filter: alpha(opacity=0); } a { outline: 0; } a, a:visited, a:hover, a:focus, a:hover, a:active { text-decoration: none; outline: 0; } iframe { width: 100%; } .center { text-align: center; } .centerAll, .centerAll { text-align: center; } .centerAll > * { text-align: center; margin-left: auto; margin-right: auto; } .hidden { display: none !important; visibility: hidden; } .item { display: inline-block; float: left; position: relative; text-align: left; } img.cent { width: 100%; height: auto; } html, body { height: 100%; width: 100%; margin: 0; padding: 0; } img { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: rgb(21, 23, 21); } h1, h2, h3, h4, .basker, .overlayBox .title { text-transform: none; vertical-align: top; vertical-align: text-top; } input, textarea, select { height: 38px; padding: 0px 10px; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: rgb(21, 23, 21); } input[type='image'] { padding: 0; } h1:after, h2:after, h3:after, .fullscreen:after, .content:after, .bloc:after, #listeConseils .item p:after, .spacer:after { display: block; clear: both; content: ''; } div { vertical-align: top; position: relative; } .uppercase { text-transform: uppercase; } /* ***************************** STRUCTURE ********************************* */ *.noMarginBottom { margin-bottom: 0px; } .spacer { height: 38px; width: 1px; } .twoCols { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 52px; /* Chrome, Safari, Opera */ -moz-column-gap: 52px; /* Firefox */ column-gap: 52px; } .fullscreen { position: relative; width: 100%; /*max-width: 2560px;*/ text-align: center; z-index: 10; margin-left: auto; margin-right: auto; } .nav .inner { text-align: center; } .inner { background-color: transparent; z-index: 10; width: calc(100% - 600px); margin: 0 auto; } #conseil { padding-right: 300px; } .content { width: 1600px; height: auto; margin: 0 auto; text-align: left; position: relative; } .content.center { text-align: center; } .content.mini { text-align: center; padding: 0 12%; } .bloc { margin: 0 auto 0 auto; padding-top: 118px; position: relative; } #conseil .pardessus { top: 118px; } .inner.decale { padding-top: 68px; } .firstContent { padding-top: 180px; padding-bottom: 30px; } .minibloc { padding: 20px 0 ; position: relative; } .nav { z-index: 11; height: 310px; padding-top: 24px; padding-bottom: 24px; /*position: fixed;*/ } .main { margin-top: -171px; } @media screen and (max-width: 3860px) { } @media screen and (max-width: 2560px) { .fullscreen { position: relative; width: 100%; max-width: 2560px; text-align: center; z-index: 10; margin-left: auto; margin-right: auto; } .inner { width: calc(100% - 300px); } #conseil { padding-right: 150px; } .content { width: 1600px; } .nav .inner { } .nav { height: 190px; padding-top: 20px; padding-bottom: 20px; } .bloc { padding-top: 118px; } #conseil .pardessus { top: 118px; } .main { margin-top: -114px; } } @media screen and (max-width: 1920px) { .firstContent { padding-top: 140px; } .bloc { padding-top: 108px; } #conseil .pardessus { top: 108px; } .inner { width: calc(100% - 200px); } #conseil { padding-right: 100px; } #conseil .pardessus { top: 118px; } .content { width: 1070px; } .twoCols { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 42px; /* Chrome, Safari, Opera */ -moz-column-gap: 42px; /* Firefox */ column-gap: 42px; } .nav { height: 160px; padding-top: 20px; padding-bottom: 16px; } } @media screen and (max-width: 1680px) { .bloc { padding-top: 80px; } #conseil .pardessus { top: 80px; } .inner { width: calc(100% - 100px); } #conseil { padding-right: 50px; } .twoCols { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 34px; /* Chrome, Safari, Opera */ -moz-column-gap: 34px; /* Firefox */ column-gap: 34px; } .content { width: 900px; } .nav { height: 124px; padding-top: 16px; padding-bottom: 14px; } .firstContent { padding-top: 86px; } } @media screen and (max-width: 1366px) { .content.mini { text-align: center; padding: 0 8%; } } @media screen and (max-width: 1024px) { .inner { width: calc(100% - 80px); } #conseil { padding-right: 40px; } .content { width: calc(100% - 80px); } .nav { height: 134px; padding-top: 18px; padding-bottom: 18px; } .bloc { padding-top: 80px; } #conseil .pardessus { top: 80px; } .main { margin-top: -70px; } } @media screen and (max-width: 820px) { .spacer { height: 28px; } .opened .logo path, .opened .logo polygon, .opened .logo rect { fill: #ffffff !important; } .inner { width: calc(100% - 72px); } #conseil { padding-right: 0; } .content { width: 100%; margin-right: 0; margin-left: 0; } .nav_mobile .content { width: 100%; margin: 0 0 0 0; } .nav.nav_mobile { width: 100%; margin: 0 0 0 0; max-width: 100%; } .firstContent { padding-top: 90px; } .twoCols { -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; } .content.mini { text-align: center; padding: 0 2%; } .main { margin-top: 0px; } } @media screen and (max-width: 767px) { .inner { width: calc(100% - 48px); } #conseil { padding-right: 0; } .content { width: 100%; } .nav { height: 94px; padding-top: 8px; padding-bottom: 8px; } .bloc { padding-top: 44px; } #conseil .pardessus { top: 44px; } .firstContent { padding-top: 4px; } .content.mini { padding: 0 0; } } /* ***************************** NAV ********************************* */ .nav .logoContainer.off { display: none; } .icon-1, .icon-2, .icon-3 { position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background-color: #fff; transition: all 400ms cubic-bezier(14, 0.06, 0.52, 1.8); } .icon-1, .icon-2, .icon-3 { background-color: #ffffff; width: 68%; margin: 0px 16% 0px; } .icon-1 { transform: translateY(-12px); animation-delay: 100ms; } .icon-3 { transform: translateY(12px); animation-delay: 250ms; } .hamburger-icon { position: absolute; top: 71px; left: auto; right: 0 !important; background-color: #c4693b; z-index: 17; padding: 2px 64px 2px 4px; } body.opened .hamburger-icon { background-color: transparent; } .hamburger-icon > div { height: 58px; width: 58px; } .inner { position: relative; } .icon-1.a { transform: rotate(40deg); } .icon-3.b { transform: rotate(-40deg); } .icon-2.c { opacity: 0; } .clear { clear: both; } .nmesp { margin: 0px 7px; } .menu { width: auto; } .menu li { display: block; margin-left: 0; position: relative; } .coord > * { display: inline-block; } .coord { display: flex; align-items: center; justify-content: flex-end; } @media screen and (max-width: 1920px) { .icon-1 { transform: translateY(-11px); } .icon-3 { transform: translateY(11px); } .hamburger-icon { top: 60px; padding: 2px 58px 2px 4px; } .hamburger-icon > div { height: 50px; width: 50px; } .menu li { margin-left: 22px; } .nmesp { margin: 0px 6px; } } @media screen and (max-width: 1680px) { .menu li { margin-left: 15px; } .nmesp { margin: 0px 5px; } .hamburger-icon { top: 51px; padding: 2px 50px 2px 4px; } .hamburger-icon > div { height: 42px; width: 42px; } .icon-1 { transform: translateY(-9px); } .icon-3 { transform: translateY(9px); } } @media screen and (max-width: 1024px) { } @media screen and (max-width: 820px) { .hamburger-icon { } } @media screen and (max-width: 767px) { } /* ***************************** NAV MOBILE ********************************* */ @media screen and (max-width: 820px) { } @media screen and (max-width: 767px) { .hamburger-icon { padding: 2px 34px 2px 4px; } } @media screen and (max-width: 360px) { } .sliderA .fullsliderContainer { height: 100%; } /* ***************************** SLIDER ********************************* */ .fullsliderContainer .slider { opacity: 0; filter: alpha(opacity=0); } .fullsliderContainer .inner, .fullsliderContainer .content { height: 100%; } .fullsliderContainer .slider_img { position: absolute; } .fullsliderContainer { height: 672px; } #map { height: 672px; } .page_1 .fullsliderContainer { height: 980px; } .gallerySliderContainer .slider { height: 100%; } #project { height: 198px; } #project .content a, #project .content a img { position: absolute; bottom: 28px; right: 0px; width: 24px; } #project .inner, #project .content { height: 100%; } #project .content { display: flex; align-items: center; justify-content: space-between; } #project .content a, #project .content a img { display: block; } .fullsliderContainer .slider_img { position: absolute; object-fit: cover; min-width: 100%; min-height: 100%; max-width: 100%; margin-left: 0px; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); top: 50%; left: 50%; } .gallerySliderContainer .slider_img_g { position: absolute; object-fit: cover; min-width: 101%; min-height: 100%; max-width: 101%; margin-left: -1px; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); top: 50%; left: 50%; } .fullsliderContainer .slider { z-index: 1; } .fullsliderContainer { position: relative; } .fullsliderContainer .cbp-nav { display: none; } @media screen and (max-width: 2560px) { .fullsliderContainer { height: 472px; } .page_1 .fullsliderContainer { height: 674px; } #map { height: 602px; } } @media screen and (max-width: 1920px) { .fullsliderContainer { height: 354px; } .page_1 .fullsliderContainer { height: 506px; } #project { height: 158px; } #project .content a, #project .content a img { width: 18px; bottom: 26px; } #map { height: 502px; } } @media screen and (max-width: 1680px) { .fullsliderContainer { height: 286px; } #map.fullsliderContainer { height: 386px; } .page_1 .fullsliderContainer { height: 406px; } #project { height: 116px; } #project .content a, #project .content a img { width: 16px; bottom: 16px; } #map { height: 402px; } } @media screen and (max-width: 1024px) { .fullsliderContainer { height: 260px; } #map.fullsliderContainer { height: 368px; } .page_1 .fullsliderContainer { height: 368px; } .fullsliderContainer .slider_img { } } @media screen and (max-width: 820px) { .fullsliderContainer { height: 320px; } #map.fullsliderContainer { height: 500px; } .page_1 .fullsliderContainer { height: 500px; } .fullsliderContainer .slider_img { } } @media screen and (max-width: 820px) { #project { height: 96px; } #project .content a, #project .content a img { width: 16px; bottom: 14px; } } @media screen and (max-width: 767px) { .fullsliderContainer { height: 150px; } #map.fullsliderContainer { height: 320px; } .page_1 .fullsliderContainer { height: 314px; } #project { height: auto; padding: 8px 0 0 0; } #project .content a, #project .content a img { display: none; } } @media screen and (max-width: 360px) { } /* ***************************** ITEMS ********************************* */ .item_3 { float: left; display: inline-block; width: 33.333%; } .item_2 { float: left; display: inline-block; margin-right: 20px; width: calc(50% - 10px); } .item_2:nth-child(2n+2) { margin-right: 0px; } .item_4 { float: left; display: inline-block; margin-right: 20px; margin-bottom: 36px; width: calc(25% - 15px); } .item_4:nth-child(4n+4) { margin-right: 0px; } .roundImg { width: 60% !important; } .item_5 { float: left; display: inline-block; margin-right: 16px; margin-bottom: 36px; width: calc(20% - 13px); } .item_5:nth-child(5n+5) { margin-right: 0px; } .left { width: 48%; float: left; display: inline-block; position: relative; height: auto; } .right { width: 48%; float: right; display: inline-block; position: relative; height: auto; } .left40 { display: inline-block; float: left; width: 33%; padding-right: 32px; } .right40 { display: inline-block; float: right; width: 66%; } .left72 { width: 72%; float: left; display: inline-block; position: relative; } .right72 { width: calc(28% - 20px); float: right; display: inline-block; position: relative; margin-left: 20px; } .left74 { width: calc(73.9% - 20px); margin-right: 20px; float: left; display: inline-block; position: relative; } .right74 { width: calc(27.3333% - 15px); float: left; display: inline-block; position: relative; } .left76 { width: calc(73.9% - 20px); margin-right: 20px; float: left; display: inline-block; position: relative; } .right76 { width: calc(27.3333% - 15px); float: right; display: inline-block; position: relative; } .left80 { width: 80%; } .left46 { width: 46%; margin-right: 0px; float: left; display: inline-block; position: relative; } .right46 { width: 51%; float: right; display: inline-block; position: relative; } .left46.inverted { float: right; width: 51%; } .right46.inverted { float: left; width: 46%; } .left51 { width: 51%; float: left; display: inline-block; position: relative; } .right51 { width: 46%; margin-right: 0px; float: right; display: inline-block; position: relative; } .left31 { width: 31%; margin-right: 0px; float: left; display: inline-block; position: relative; } .right31 { width: calc(69% - 20px); float: right; display: inline-block; position: relative; } .left41 { width: 40%; margin-right: 0px; float: left; display: inline-block; position: relative; } .right41 { width: calc(60% - 30px); float: right; display: inline-block; position: relative; } .left60 { width: 60%; float: left; display: inline-block; position: relative; } .left60.alternate, .left.alternate { float: right; } .right60 { width: 36%; float: right; display: inline-block; position: relative; } .right60.alternate, .right.alternate { float: left; } .right60 img { width: 100%; } .floatRight { display: inline-block; float:right; } div.bottom { position: absolute; bottom: 0; } div.bottom p { margin-bottom: 0px; } #dates .item span { display: inline-block; float: left; } #dates .item span.align_div { padding-left: 24px; padding-right: 102px; width: calc(100% - 90px); } #dates .item img { width: 90px; } #dates .item { margin-bottom: 54px; } .left img, .right img { width: 100%; display: block;/*h*/ } #slider_temoignage img { margin: 0 auto; width: 100px; } #slider_temoignage p { padding: 0px 14%; margin-bottom: 0px; } .partenairesSliderContainer img { height: 100%; } .partenairesSliderContainer .slick-slide img { margin: 10px; display: block; width: calc(100% - 20px); height: calc(100% - 20px); } .partenairesSliderContainer { width: calc(100% + 20px); margin-left: -10px; } .equipesSliderContainer .slick-slide { } .equipesSliderContainer { width: calc(100% + 20px); margin-left: -10px; } .equipesSliderContainer .slick-slide > div { margin: 10px; width: calc(100% - 20px); } .equipesSliderContainer .slick-slide img { width: 100%; } .equipesSliderContainer .slick-next { right: 10px; top: -50px; } .equipesSliderContainer .slick-prev { right: 48px; top: -50px; left: auto; } .bottomArrows .slick-next { right: 0px; top: auto; left: auto; bottom: 0; } .bottomArrows .slick-prev { right: 38px; top: auto; left: auto; bottom: 0; } .bottomArrows.leftArrows .slick-next { right: auto; top: auto; left: 38px; bottom: 0; } .bottomArrows.leftArrows .slick-prev { right: auto; top: auto; left: 0px; bottom: 0; } .gallerySliderVariable .slick-slide { margin-right: 5px; } .gallerySliderVariable .slick-slide:last-child { margin-right: 0px; } .item.item_1 { width: 100%; display: block; float: none; margin-bottom: 24px; } .item.item_1:after { display: block; clear: both; content: ''; } .three-cols { width: 100%; display: block; margin-bottom: 16px; overflow: hidden; } .three-cols img { height: auto; width: 25%; margin-right: 26px; float: left; display: inline-block; } .three-cols .corps { float: left; display: inline-block; width: calc(100% - 154px); } .three-cols h3, .three-cols .corps p { width: 66%; display: inline-block; clear: right; } .three-cols h3 { margin-top: 32px; } .three-cols .corps p { margin-bottom: 8px; } .three-cols .infos { float: left; display: inline-block; width: 151px; margin-left: 3px; vertical-align: middle; text-align: center; padding: 0px 10px; } .three-cols .infos > div { height: 100%; vertical-align: middle; display: table; width: 100%; text-align: center; } .three-cols .infos > div > div { vertical-align: middle; display: table-cell; width: 100%; text-align: center; } .three-cols .infos .bt { width: 100%; } .listRecrutements .recrutement { display: block; width: 100%; clear: both; float: none; height: auto; margin-bottom: 10px; } .listRecrutements .recrutement:after, .listRecrutements .recrutement .r_tete:after, .listRecrutements .recrutement .r_corps:after { display: block; clear: both; content: ''; } .listRecrutements .recrutement .r_tete, .listRecrutements .recrutement .r_corps { display: block; width: 100%; clear: both; float: none; height: auto; } .listRecrutements .recrutement .r_titre, .listRecrutements .recrutement .r_bt { min-height: 56px; display: inline-block; float: left; } .listRecrutements .recrutement .r_titre, .listRecrutements .recrutement .r_corps { padding: 15px 20px; } .listRecrutements .recrutement .r_titre { width: calc(100% - 56px); } .listRecrutements .recrutement .r_date { float: right; } .listRecrutements .recrutement .r_bt { width: 56px; line-height: 56px; text-align: center; } .listRecrutements .recrutement .r_corps { display: none; } input[id='subject'], .bt_fichier_container { display: none; } .page_28 input[id='subject'], .page_28 .bt_fichier_container { display: block; } .slider_presentation .slick-slide { margin-bottom: 0; margin-right: 0px; padding: 10px; } .slider_presentation .item:nth-child(3n+3) { margin-right: 0px; } .slider_presentation .slick-next { right: -44px; } .slider_presentation .slick-prev { left: -44px; } .slider_presentation { width: calc(100% + 20px); margin-left: -10px; } .sticker { position: fixed; top: 76%; right: 0; z-index: 12; width: 220px; visibility: hidden; } div.alignRight { text-align: right; } div.alignRight > * { text-align: right; } div.alignRight .bt.bottom { right: 0; left: auto; } .asym.asymLeft { float: left; max-width: 100%; } .asym.asymRight { float: right; max-width: 100%; } .informationFilters .bt { margin: 0px 6px 8px 0px; } @media screen and (max-width: 1920px) { } @media screen and (max-width: 1680px) { .item_4 { margin-right: 16px; margin-bottom: 30px; width: calc(25% - 12px); } .left40 { width: 34%; } .right40 { width: 66%; } .left72 { width: 74%; } .right72 { width: calc(26% - 18px); margin-left: 18px; } .left74 { width: calc(70% - 20px); } .right74 { width: 30%; } .left76 { width: calc(70% - 20px); } .right76 { width: 30%; } .left46 { width: 46%; margin-right: 0px; float: left; display: inline-block; position: relative; } .right46 { width: 51%; float: right; display: inline-block; position: relative; } .left46.inverted { float: right; width: 51%; } .right46.inverted { float: left; width: 46%; } .left51 { width: 51%; float: left; display: inline-block; position: relative; } .right51 { width: 46%; margin-right: 0px; float: right; display: inline-block; position: relative; } #slider_temoignage p { padding: 0px 10%; margin-bottom: 0px; } .equipesSliderContainer .slick-next { right: 10px; top: -48px; } .equipesSliderContainer .slick-prev { right: 48px; top: -48px; left: auto; } .slider .legende { width: 36%; height: auto; padding: 16px; } .three-cols h3 { margin-top: 28px; } .slider_presentation .slick-next { right: -34px; } .slider_presentation .slick-prev { left: -34px; } } @media screen and (max-width: 1024px) { .left72 { width: 66%; } .right72 { width: calc(34% - 12px); margin-left: 12px; } .left46 { width: 46%; margin-right: 0px; float: left; display: inline-block; position: relative; } .right46 { width: 51%; float: right; display: inline-block; position: relative; } .left46.inverted { float: right; width: 51%; } .right46.inverted { float: left; width: 46%; } .left51 { width: 51%; float: left; display: inline-block; position: relative; } .right51 { width: 46%; margin-right: 0px; float: right; display: inline-block; position: relative; } .item_5 { float: left; display: inline-block; margin-right: 16px; margin-bottom: 36px; width: calc(25% - 12px); } .item_5:nth-child(5n+5) { margin-right: 16px; } .item_5:nth-child(4n+4) { margin-right: 0; } .three-cols img { width: 25%; margin-right: 12px; } .three-cols .corps { width: calc(100% - 133px); } .three-cols h3, .three-cols .corps p { width: 70%; } .three-cols h3 { margin-top: 20px; } .three-cols .infos { width: 130px; margin-left: 3px; padding: 0px 8px; } .slider_presentation .slick-next { right: -28px; } .slider_presentation .slick-prev { left: -28px; } .left80 { width: 90%; } } @media screen and (max-width: 820px) { } @media screen and (max-width: 820px) { .left80 { width: 100%; } .left72 { padding-right: 0px; } .right74 { width: calc(22.333% - 16px); } .left31 { width: 42%; } .right31 { width: calc(58% - 20px); float: right; display: inline-block; position: relative; } .right { width: calc(50% - 5px); float: right; display: inline-block; position: relative; height: auto; } .page_19 .left31 { width: 37%; } .page_19 .right31 { width: calc(61% - 6px); float: right; display: inline-block; position: relative; } .left74 { width: 100%; float: none; display: block; margin-bottom: 38px; } .right74 { width: 100%; float: none; display: block; } .left76 { width: 100%; float: none; display: block; } .right76 { width: 100%; float: none; display: block; } .left46 { width: 46%; margin-right: 0px; float: left; display: inline-block; position: relative; } .right46 { width: 100%; float: none; display: block; } .left46.inverted { width: 100%; float: none; display: block; } .right46.inverted { width: 100%; float: none; display: block; } .left51 { width: 51%; float: left; display: inline-block; position: relative; } .right51 { width: 46%; margin-right: 0px; float: right; display: inline-block; position: relative; } .right60.alternate, .right60, .left60.alternate, .left60, .right.alternate, .left.alternate { width: 100%; float: none; display: block; margin-bottom: 16px; padding-left: 0; margin-right: 0px; height: auto; } .right60.alternate:after, .right60:after, .left60.alternate:after, .left60:after { display: block; clear: both; content: ''; } div.bottom { position: relative; bottom: auto; } #dates .item span.align_div { padding-left: 14px; padding-right: 0px; width: calc(100% - 90px); } #dates .item img { width: 90px; } #dates .item { margin-bottom: 44px; } .item_4 { width: calc(50% - 10px); margin-bottom: 24px; } .item_4:nth-child(2n) { margin-right: 0px; } .slider .legende { width: 46%; height: auto; padding: 14px; } .three-cols img { width: 25%; margin-right: 12px; } .three-cols .corps { width: calc(100% - 123px); } .three-cols h3, .three-cols .corps p { width: 70%; } .three-cols h3 { margin-top: 14px; } .three-cols .infos { width: 120px; margin-left: 3px; padding: 0px 8px; } .slider_presentation .slick-next { right: -24px; } .slider_presentation .slick-prev { left: -24px; } .roundImg { width: 44% !important; } } @media screen and (max-width: 767px) { .item_3 { float: none; display: block; margin-right: 0; width: 100%; margin-bottom: 30px; } .page_19 .left31 { width: 100%; float: none; display: block; margin-bottom: 16px; padding-left: 0; margin-right: 0px; } .page_19 .right31 { width: 100%; float: none; display: block; margin-bottom: 16px; padding-left: 0; margin-right: 0px; } .left, .right, .left72, .right72, .left74, .right74, .left46, .right46, .left51, .right51, .left46.inverted, .right46.inverted, .left40, .right40 { width: 100%; float: none; display: block; margin-bottom: 16px; margin-right: 0px; margin-left: 0; } .right74 { } .item_4 { width: 100%; margin-right: 0px; } .item_4:nth-child(2n) { margin-right: 0px; } .item_2 { float: none; display: block; margin-right: 0px; width: 100%; } .right31, .left31 { width: 100%; float: left; display: block; } .left31 { margin-bottom: 36px; } .item_3.item_2 { width: 100%; float: left; display: inline-block; position: relative; margin-right: 0px; } .cent.last { display: none; } #slider_temoignage p { padding: 0px 0%; margin-bottom: 0px; } .partenairesSliderContainer { height: auto; overflow: hidden; } .partenairesSliderContainer img { height: auto; width: 100%; } .equipesSliderContainer .slick-next { right: 10px; top: -42px; } .equipesSliderContainer .slick-prev { right: 48px; top: -42px; left: auto; } .slider .legende { width: 100%; height: auto; padding: 14px; } .item_5 { float: left; display: inline-block; margin-right: 16px; margin-bottom: 28px; width: calc(50% - 8px); } .item_5:nth-child(5n+5) { margin-right: 16px; } .item_5:nth-child(4n+4) { margin-right: 16px; } .item_5:nth-child(2n+2) { margin-right: 0; } .three-cols img, .three-cols .infos { display: block; margin-right: 0; width: 100%; } .three-cols { width: 100%; display: inline-block; float: none; } .three-cols .corps { width: 100%; text-align: center; padding: 0px 0px; width: 100%; } .three-cols .infos { width: 120px; margin-left: 0; padding: 16px 16px 26px 16px; text-align: center; width: 100%; } .three-cols h3 { max-width: 100%; padding: 16px 16px; } .three-cols .corps p { display: none; } .three-cols .infos .bt.mini { width: auto; margin: 0 auto; } .listRecrutements .recrutement .r_bt { display: none; } .listRecrutements .recrutement .r_titre { width: 100%; height: auto; } .listRecrutements .recrutement .r_titre span { max-width: 60%; display: inline-block; } .listRecrutements .recrutement .r_titre, .listRecrutements .recrutement .r_corps { padding: 15px 14px; } .roundImg { width: 40% !important; } } /* ***************************** CURSOR ********************************* */ @media screen and (min-width: 1025px) { body.PROD, body.PROD * { cursor: none !important; } } #cursor { position: fixed; border-radius: 50%; pointer-events: none; z-index: 100; } .fancybox-container { z-index: 90; } #cursor div { transform: translate(-50%, -50%); width: 20px; height: 20px; background-color: #c4803b; border-radius: 50%; color: #ffffff; } #cursor.black div { background-color: #000000; } #cursor.whitez div { background-color: #ffffff; } #cursor span { opacity: 0; font-size: 42px; line-height: 42px; font-weight: 300; margin-top: -4px; display: inline-block; visibility: hidden; } #cursor img { opacity: 0; visibility: hidden; width: 26px; height: auto; } #cursor.extended div, #cursor.extendedLeft div, #cursor.extendedRight div { width: 84px; height: 84px; } #cursor.extended2 div { width: 54px; height: 54px; } #cursor span, #cursor img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } #cursor.extended img, #cursor.extendedLeft img, #cursor.extendedRight img, #cursor.extended2 img { opacity: 1; visibility: visible; } #cursor.extendedLeft img { transform: rotate(90deg); margin-left: -14px; margin-top: -5px; } #cursor.extendedRight img { transform: rotate(270deg); margin-left: -10px; margin-top: -5px; } #cursor.extendedBlack div { background-color: rgba(196, 105, 59, 0.75); width: 84px; height: 84px; } #cursor.extendedBlack span { opacity: 1; visibility: visible; } #cursor.extended img, #cursor.extendedLeft img, #cursor.extendedRight img { opacity: 1; } #carre a { display: block; width: 100%; height: 100%; } #cursor.menuCursor { } #carre { width: 300px; height: 300px; background-color: #000000; margin: 300px; } .page_1 .fullsliderContainer .slider_img { position: absolute; object-fit: cover; min-width: 101%; min-height: 100%; max-width: 101%; margin-left: -1px; transform: translate(-50%, 0); -ms-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); top: 0%; left: 50%; } /* ***************************** HOME ********************************* */ @media screen and (min-width: 1025px) { } .nav.turnHide { background-color: transparent !important; } .white { color: #ffffff; } #conseil .left > * { display: none; } #conseil .bt { position: absolute; left: 48%; bottom: 118px; z-index: 3; display: block; } #conseil .left { width: 48%; z-index: 1; background: #c4693b url(img/home/latour.png) no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #conseil .right { width: 52%; z-index: 1; } #conseil img { display: block; } #conseil .pardessus { position: absolute; z-index: 2; width: 100%; left: 0; height: 100%; display: flex; align-items: center; } #conseil .pardessus p { width: 320px; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; } #conseil h4 { margin-bottom: 244px; } #conseil .pardessus .content { margin-top: -60px; } body, #scrollableDiv { overflow: hidden; max-width: 100%; max-height: 100%; } #scrollableDiv { width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; position: fixed; } #mCSB_1_container { padding-top: 168px; } .page_13 #map { /*margin-top: 168px;*/ } #mCSB_1_scrollbar_vertical { top: 168px; bottom: 40px; } #scrollableDiv.blured { filter: blur(6px); } body.opened .nav .logo path { fill: #ffffff !important; } .menu li { display: block; margin-left: 0; position: relative; text-align: right; text-transform: lowercase; font-size: 70px; line-height: 70px; margin-bottom: 38px; } .scroll { width: 42px; position: absolute; bottom: -42px; right: 120px; } .nav { height: 158px; z-index: 16; display: block; position: relative; padding: 0px 0px !important; } .nav .inner { height: 100%; overflow: hidden; } .nav.hover { position: fixed; z-index: 15; display: block; top: 0; width: 100%; left: 100%; height: 100%; max-height: 100vh; max-width: 100vw; padding: 0px 142px 142px 0 !important; display: flex; align-items: flex-end; justify-content: flex-end; } .nav.hover.hover.hoverBack { z-index: 14; background-color: #c4693b ; mix-blend-mode: multiply; } .fullsliderContainer { z-index: 10; display: block; } .page_1 #slider_home { width: 43%; display: inline-block; float: right; z-index: 9; } #scrollTarget { z-index: 9; } .inner { width: calc(100% - 274px); margin: 0 142px; } .content { width: 1600px; margin: 0 auto; } .page_1 .fullsliderContainer { } .fullsliderContainer .inner { height: 100%; } .logo { width: auto; height: 65px; top: 71px; position: absolute; left: 70px; } #tiret { position: absolute; left: 0; top: 71px; width: 11px; height: 62px; background-color: #c4693b; } body.opened #tiret { background-color: #ffffff; } .infos { text-align: right; color: #ffffff; font-size: 20px; line-height: 28px; margin-top: 80px; } .infos .tel { font-weight: 500; font-size: 25px; line-height: 25px; font-family: 'bwmodelica-regular-webfont'; } .infos > div { margin-bottom: 8px; } .over { position: absolute; left: 0; bottom: 0px; padding-bottom: 120px; width: 100%; text-align: left; z-index: 10; } .over h1 { font-size: 380px; line-height: 230px; font-family: "bwmodelica-hairline-webfont"; font-weight: 100; } .over .nom { font-size: 54px; line-height: 44px; font-family: "bwmodelica-hairline-webfont"; font-weight: 100; } .page_1 .fullsliderContainer { height: auto; } .page_1 .fullsliderContainer > .inner { height: auto; } .mCSB_inside > .mCSB_container { margin-right: 10px; } @media screen and (max-width: 3860px) { } @media screen and (max-width: 2560px) { .page_10 .headerRotate, .PreHeaderRotate { height: 840px; } .over { padding-bottom: 120px; } .over h1 { font-size: 380px; line-height: 230px; } .over .nom { font-size: 54px; line-height: 44px; } } @media screen and (max-width: 1920px) { #conseil .bt { bottom: 88px; } #tiret { height: 54px; top: 60px; width: 9px; } .logo { height: 54px; top: 60px; left: 60px; } #conseil .pardessus p { width: 310px; } #conseil h4 { margin-bottom: 148px; } #conseil .pardessus .content { margin-top: -50px; } .over { padding-bottom: 100px; } .over h1 { font-size: 280px; line-height: 140px; } .over .nom { font-size: 40px; line-height: 34px; } #cursor img { width: 23px; } #cursor span { font-size: 38px; line-height: 38px; margin-top: -3px; } #cursor.extended div, #cursor.extendedLeft div, #cursor.extendedRight div { width: 74px; height: 74px; } #cursor.extended2 div { width: 50px; height: 50px; } #cursor div { width: 18px; height: 18px; } #cursor.extendedBlack div { width: 76px; height: 76px; } .menu li { font-size: 50px; line-height: 50px; margin-bottom: 26px; } .scroll { width: 38px; bottom: -38px; right: 100px; } .nav { height: 138px; } #mCSB_1_container { padding-top: 148px; } .page_13 #map { /*margin-top: 148px;*/ } #mCSB_1_scrollbar_vertical { top: 148px; bottom: 34px; } .nav.hover { padding: 0px 102px 102px 0 !important; } .inner { width: calc(100% - 204px); margin: 0 102px; } .content { width: 1160px; } .infos { font-size: 17px; line-height: 27px; margin-top: 70px; } .infos .tel { font-size: 22px; line-height: 22px; } .infos > div { margin-bottom: 7px; } } @media screen and (max-width: 1680px) { #conseil .pardessus p { width: 290px; } #conseil h4 { margin-bottom: 108px; } #conseil .pardessus .content { margin-top: -40px; } .over { padding-bottom: 90px; } .over h1 { font-size: 250px; line-height: 150px; } .over .nom { font-size: 32px; line-height: 26px; } #cursor img { width: 20px; } #cursor div { width: 16px; height: 16px; } #cursor span { font-size: 30px; line-height: 30px; margin-top: -2px; } #cursor.extended div, #cursor.extendedLeft div, #cursor.extendedRight div { width: 64px; height: 64px; } #cursor.extended2 div { width: 44px; height: 44px; } #cursor.extendedBlack div { width: 64px; height: 64px; } .menu li { font-size: 42px; line-height: 42px; margin-bottom: 22px; } .scroll { width: 32px; bottom: -32px; right: 80px; } .nav { height: 118px; } #mCSB_1_container { padding-top: 128px; } .page_13 #map { /*margin-top: 128px;*/ } #mCSB_1_scrollbar_vertical { top: 128px; bottom: 28px; } .nav.hover { padding: 0px 72px 72px 0 !important; } .inner { width: calc(100% - 144px); margin: 0 72px; } .content { width: 1040px; } .page_1 .fullsliderContainer { } .logo { height: 46px; top: 51px; left: 50px; } #tiret { height: 46px; top: 51px; width: 7px; } .infos { font-size: 15px; line-height: 25px; margin-top: 60px; } .infos .tel { font-size: 19px; line-height: 19px; } .infos > div { margin-bottom: 6px; } } @media screen and (max-width: 1440px) { #conseil h4 { margin-bottom: 98px; } #conseil .pardessus .content { margin-top: -40px; } .nav.hover { padding: 0px 72px 72px 0 !important; } .over { padding-bottom: 80px; } .over h1 { font-size: 220px; line-height: 150px; } .over .nom { font-size: 26px; line-height: 6px; } .page_1 #slider_home { width: 40%; display: inline-block; float: right; } #mCSB_1_container { padding-top: 120px; } .page_13 #map { /*margin-top: 120px;*/ } #mCSB_1_scrollbar_vertical { top: 120px; bottom: 20px; } } @media screen and (max-width: 1366px) { #mCSB_1_container { padding-top: 116px; } .page_13 #map { /*margin-top: 116px;*/ } #mCSB_1_scrollbar_vertical { top: 116px; bottom: 16px; } #conseil h4 { margin-bottom: 88px; } #conseil .pardessus .content { margin-top: -40px; } .nav.hover { padding: 0px 62px 62px 0; } .inner { width: calc(100% - 124px); margin: 0 62px; } .over { padding-bottom: 70px; } .over h1 { font-size: 210px; line-height: 140px; } .over .nom { font-size: 24px; line-height: 6px; } .page_1 #slider_home { width: 40%; display: inline-block; float: right; } } @media screen and (max-width: 1024px) { .page_13 #map { margin-top: 0; } .scroll { width: 30px; bottom: -30px; right: 60px; } #conseil h4 { margin-bottom: 28px; } #conseil .pardessus .content { margin-top: -40px; } #conseil .pardessus p { width: 340px; } * { cursor: default; } .nav.hover { padding: 0px 40px 40px 0; } .inner { width: calc(100% - 80px); margin: 0 40px; } .content { width: 100%; } #cursor { display: none; } .over h1 { font-size: 170px; line-height: 120px; } .page_1 #slider_home { width: 46%; display: inline-block; float: right; overflow: hidden; } } .fullScreen { } #conseil .left img { display: none; } @media screen and (max-width: 820px) { #conseil .left > * { display: block; text-align: left; padding: 0px 36px 0; } #conseil .left p { width: 60%; } #conseil .left h2, #conseil .left p { transform: translateY(-39px); } #conseil .pardessus { display: none; } #conseil .left img { display: block; } #conseil .right, #conseil .left { width: 100%; display: block; float: none; margin-bottom: 0px; } #conseil .pardessus p { width: auto; } #conseil .left > * { display: block; text-align: left; padding: 0px 36px 0; } .over .nom { font-size: 24px; line-height: 6px; } .over h1 { font-size: 190px; line-height: 150px; margin-top: -10px; } .over { position: absolute; left: 0; bottom: 40px; padding-bottom: 0; width: 100%; text-align: left; z-index: 10; } .page_1 #slider_home .slick-list { } .page_1 #slider_home { width: calc(100% + 80px); height: 70%; margin-left: -40px; display: block; float: none; } .page_1 .fullsliderContainer, .page_1 .fullsliderContainer .inner { height: 100%; overflow: visible; } #scrollableDiv { height: auto; top: auto; position: relative; } body, #scrollableDiv { overflow: visible; max-width: none; max-height: none; } #mCSB_1_container { padding-top: 0; } .noTabletOnly { display: none; } .menu li { font-size: 48px; line-height: 48px; margin-bottom: 24px; } .nav.hover { padding: 0px 40px 40px 0; } .scroll { width: 30px; top:58px; bottom: auto; right: 50px; } #conseil h4 { display: none; } } #introduction > .h4, .repere.repereMobile { display: none; } #slider_home { overflow: hidden; } @media screen and (max-width: 767px) { #conseil .left { background: #c4693b url(img/home/latour.png) no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #conseil .left > * { display: block; text-align: left; padding: 0px 24px 0; } #conseil .left p { width: 80%; } #conseil .left h2, #conseil .left p { transform: translateY(-27px); } #conseil .left { padding-bottom: 14px; } .scroll { width: 30px; top:28px; bottom: auto; right: 20px; } #conseil .left p { width: 80%; } .page_1 #slider_home { width: calc(100% + 48px); height: 70%; margin-left: -24px; display: block; float: none; } .over .nom { font-size: 16px; line-height: 6px; } .over h1 { font-size: 106px; line-height: 90px; margin-top: -10px; } .over { position: absolute; left: 0; bottom: 20px; padding-bottom: 0; width: 100%; text-align: left; z-index: 10; } .nav.hover { align-items: flex-end; justify-content: flex-start; } .nav.hover .menu, .nav.hover .menu li, .nav.hover .menu a { text-align: left; } .noTabletOnly { display: inline-block;; } .infos .noMob { opacity: 0; width: 0px; height: 0px; overflow: hidden; display: block; } .infos { font-size: 16px; line-height: 22px; margin-top: 50px; } .infos > div { display: block; padding-left: 24px; } .infos .tel { font-size: 23px; line-height: 23px; margin-right: 0; display: block; margin-bottom: 14px !important; } .infos .mail { font-size: 16px; line-height: 21px; margin-right: 0; margin-bottom: 14px !important; } .infos > div { margin-bottom: 6px; } .menu li { font-size: 34px; line-height: 34px; margin-bottom: 18px; } .nav.hover { padding: 0px 24px 24px 24px !important; } .inner { width: calc(100% - 48px); margin: 0 24px; } .infos { text-align: left; } .infos > div { display: block; padding-left: 0; } .nav { height: 110px; } .hamburger-icon { top: 34px; padding: 2px 50px 2px 4px; } .logo { height: 46px; top: 34px; left: 30px; } #tiret { height: 46px; top: 34px; width: 7px; } .scroll { width: 30px; top: 20px; bottom: auto; right: 20px; } .projet .desc span { font-size: 16px; line-height: 20px; } } @media screen and (max-width: 360px) { } /* ***************************** PAGES ********************************* */ .page_12 .slick-next:hover { background: url(../img/bt_next3.png) no-repeat; background-size: 100%; } .page_12 .slick-prev:hover { background: url(../img/bt_prev3.png) no-repeat; background-size: 100%; } .service:last-child { margin-bottom: 0px !important; } #tact > * { display: block; margin: 0 auto; } #tact img { width: 88px; margin-bottom: 24px; } #tact .tel { font-size: 40px; line-height: 40px; margin-bottom: 8px; font-family: 'bwmodelica-medium-webfont'; } #tact .mail { font-size: 35px; line-height: 35px; } .sitemap ul { padding-left: 40px; } .projets { z-index: 1; } .leftArrow, .rightArrow { position: absolute; width: 50%; height: 100%; top: 0; left: 0; z-index: 100; } .rightArrow { left: auto; right: 0; } .page_11 .slick-arrow { } #equipe { display: flex; align-items: center; } #blocinfos > * { display: block; width: auto; margin-left: auto; margin-right: auto; font-size: 50px; line-height: 46px; } #blocinfos img { width: 88px; margin-bottom: 42px; } .dialogue { position: absolute; width: 49px !important; right: -49px !important; bottom: 0 !important; } .inverted .dialogue { left: -49px !important; right: auto !important; bottom: 0 !important; } .quinconce { display: flex; } .quinconce.inverted { flex-direction: row-reverse; } .quinconce .left > *:last-child { margin-bottom: 0px; } .quinconce .left { padding: 64px 8% 0 0; } .quinconce.inverted .left { padding: 64px 0 0 8%; } #page2Header .inner { text-align: left; } #page2Header .inner { display: flex; align-items: flex-end; justify-content: space-between; flex-direction: row-reverse; } #page2Header .inner .right { padding: 110px 15% 64px 56px; display: flex; justify-content: space-between; flex-direction: column; height: 100%; } .page_12 #page2Header .inner .right, .page_2 #page2Header .inner .right { padding-right: 8%; } .page_12 #page2Header .inner .right { padding-bottom: 0px !important; } body:not(.page_1) .right, body:not(.page_1) .left { width: 50%; } #page2Header .h4 { color: #9b9b9b; } #filters .btContainer { margin: 10px 10px 0 0; display: inline-block; } #filters { padding: 0 10% 0 70px; } #filters { width: 58%; } #filters > div { margin-bottom: 60px; } .PreHeaderRotate { width: 23%; display: inline-block; float: left; } .page_12 .headerRotate .bigTitle { right: auto; left: -40px; } .page_12 .headerRotate .h4 { right: auto; left: 190px; color: #fcccc6; writing-mode: horizontal-tb; transform: rotate(0); bottom: 55px; } span.spacer { display: block; } .usercontent .bt { margin-bottom: 8px; margin-right: 4px; } .usercontent em { font-style: italic; } .usercontent ul { vertical-align: top; margin-top: 12px; } .mentions tr:nth-child(even) { background-color: #f4f4f4; } .mentions table { max-width: 100%; } .mentions .tableContainer { max-width: 100%; overflow: auto; } .mentions td { font-weight: 300; padding: 4px 20px 4px 8px; margin-bottom: 4px; } li.liLink { background: url('img/icon-link.png') no-repeat left top; background-position-x: left; background-position-y: top; background-size: auto; background-size: 22px 22px; vertical-align: top; margin-bottom: 3px; padding-left: 25px; background-position: 0px 3px; height: 28px; } li.liFile { background: url('img/icon-pdf.png') no-repeat left top; background-position-x: left; background-position-y: top; background-size: auto; background-size: 22px 22px; vertical-align: top; margin-bottom: 3px; padding-left: 25px; background-position: 0px 3px; height: 28px; } .usercontent li { margin-bottom: 2px; padding-left: 17px; position: relative; } .usercontent li:before { position: absolute; content: '.'; left: 0; top: 2px; font-weight: 700; font-size: 42px; line-height: 0px; color: #c4693b; } .usercontent ul.pWhite li:before { color: #ffece2; } .inverted .usercontent li { padding-right: 10px; padding-left: 0; } .usercontent a:not(.bt) { -webkit-transition: all 220ms ease-in-out; -moz-transition: all 220ms ease-in-out; -ms-transition: all 220ms ease-in-out; -o-transition: all 220ms ease-in-out; transition: all 220ms ease-in-out; } .usercontent a:not(.bt):hover { -webkit-transition: all 220ms ease-in-out; -moz-transition: all 220ms ease-in-out; -ms-transition: all 220ms ease-in-out; -o-transition: all 220ms ease-in-out; transition: all 220ms ease-in-out; opacity: 1; filter: alpha(opacity=1); } .usercontent a:not(.bt) { font-weight: 700; } .right76 .social { float: right; } .right76 .social img { width: 38px; display: inlin-block; -webkit-transition: all 220ms ease-in-out; -moz-transition: all 220ms ease-in-out; -ms-transition: all 220ms ease-in-out; -o-transition: all 220ms ease-in-out; transition: all 220ms ease-in-out; } .right76 .social img:hover { -webkit-transition: all 220ms ease-in-out; -moz-transition: all 220ms ease-in-out; -ms-transition: all 220ms ease-in-out; -o-transition: all 220ms ease-in-out; transition: all 220ms ease-in-out; opacity: 0.6; filter: alpha(opacity=0.6); } #footer .social img:hover { -webkit-transition: all 220ms ease-in-out; -moz-transition: all 220ms ease-in-out; -ms-transition: all 220ms ease-in-out; -o-transition: all 220ms ease-in-out; transition: all 220ms ease-in-out; opacity: 0.4; filter: alpha(opacity=0.4); } .page_14 td { font-weight: 300; padding: 2px 8px 2px 0; } .page_12 .headercontainer .right { padding: 0px 6% 54px 38px; } .page_12 #locaux .right { padding: 102px 4% 0 38px; } #equipe .right > div:nth-child(1) > * { display: inline-block; width: calc(33.333% - 2px); display: inline-block; float: left; margin: 1px; background-color: #c4693b; } #equipe .right > div:nth-child(2) > * { display: inline-block; margin-bottom: 1px; width: calc(33.333% - 2px); display: inline-block; float: left; margin: 1px; background-color: #c4693b; } .lenom { padding: 48px 25px; display: flex !important; flex-direction: column; justify-content: space-between; } #equipe .right > div:nth-child(2) .lenom { text-align: right; } .lenom div { font-size: 35px; line-height: 30px; color: #fcccc6; margin-bottom: 0; } .lenom span { font-size: 25px; line-height: 20px; color: #fcccc6; } #equipe .right > div:nth-child(2) >*:first-child { margin-left: 33.333%; } #equipe .right > div { width: 100%; height: auto; } #equipe .left { padding-right: 8%; } ._pageDetail .desc { display: inline-block; width: 30%; float: left; padding-left: 50px; text-align: left; padding-right: 0; } ._pageDetail .left { padding-right: 4%; } ._pageDetail .desc ul li { line-height: 30px; border-bottom: 1px solid #7f7f7f; padding: 7px 0; } ._pageDetail .desc ul strong { float: right; text-transform: none; font-weight: 300 !important; } ._ecran img { position: absolute; bottom: 0px; left: 0px; } ._pageDetail .pfdetail ul li, ._pageDetail .pfdetail strong { text-transform: none !important; } .pfdetail li { display: flex; align-items: flex-start; justify-content: space-between; line-height: 20px; } .pfdetail li strong { text-align: right; max-width: 52%; } @media screen and (max-width: 1920px) { ._ecran img { width: 900px; height: auto; } .lenom { padding: 40px 20px; } #equipe .right > div:nth-child(2) .lenom { text-align: right; } .lenom div { font-size: 26px; line-height: 22px; } .lenom span { font-size: 17px; line-height: 15px; } .sitemap ul { padding-left: 32px; } ._pageDetail .left { padding-right: 3%; } #equipe .left { padding-right: 4%; } .page_12 .headercontainer .right { padding: 0px 2% 48px 34px; } .page_12 #locaux .right { padding: 80px 0% 0 34px; } .page_12 .headerRotate .bigTitle { right: auto; left: -31px; } .page_12 .headerRotate .h4 { left: 146px; bottom: 52px; } .dialogue { position: absolute; width: 40px !important; right: -40px !important; bottom: 0 !important; } .inverted .dialogue { left: -40px !important; right: auto !important; bottom: 0 !important; } #blocinfos > * { font-size: 40px; line-height: 34px; } #blocinfos img { width: 72px; margin-bottom: 36px; } .quinconce .left { padding: 50px 6% 0 0; } .quinconce.inverted .left { padding: 50px 0 0 6%; } #page2Header .inner .right { padding: 90px 12% 54px 46px; } .page_12 #page2Header .inner .right, .page_2 #page2Header .inner .right { padding-right: 4%; } #filters .btContainer { margin: 8px 8px 0 0; display: inline-block; } #filters { padding: 0 8% 0 60px; } #filters { width: 59.8%; } #filters > div { margin-bottom: 50px; } .PreHeaderRotate { width: 21%; } .usercontent li { margin-bottom: 1px; padding-left: 15px; } .usercontent li:before { top: 3px; font-weight: 700; font-size: 38px; } ._pageDetail .desc { width: 30%; padding-left: 40px; } ._pageDetail .desc ul li { line-height: 28px; padding: 5px 0; } #tact img { width: 80px; margin-bottom: 20px; } #tact .tel { font-size: 34px; line-height: 34px; margin-bottom: 6px; font-family: 'bwmodelica-medium-webfont'; } #tact .mail { font-size: 28px; line-height: 28px; } } @media screen and (max-width: 1680px) { ._ecran img { width: 700px; height: auto; } .lenom { padding: 30px 14px; } #equipe .right > div:nth-child(2) .lenom { text-align: right; } .lenom div { font-size: 20px; line-height: 16px; } .lenom span { font-size: 14px; line-height: 12px; } .sitemap ul { padding-left: 26px; } ._pageDetail .left { padding-right: 2%; } #equipe .right > div { width: 100%; height: auto; } #equipe .left { padding-right: 3%; } .page_12 .headercontainer .right { padding: 0px 0% 38px 30px; } .page_12 #locaux .right { padding: 50px 0% 0 30px; } .page_12 .headerRotate .bigTitle { right: auto; left: -24px; } .page_12 .headerRotate .h4 { left: 116px; bottom: 42px; } .dialogue { position: absolute; width: 32px !important; right: -32px !important; bottom: 0 !important; } .inverted .dialogue { left: -32px !important; right: auto !important; bottom: 0 !important; } #blocinfos > * { font-size: 30px; line-height: 28px; } #blocinfos img { width: 62px; margin-bottom: 34px; } .quinconce .left { padding: 30px 4% 0 0; } .quinconce.inverted .left { padding: 30px 0 0 4%; } #page2Header .inner .right { padding: 70px 11% 44px 36px; } .page_12 #page2Header .inner .right, .page_2 #page2Header .inner .right { padding-right: 2%; } #filters .btContainer { margin: 6px 6px 0 0; display: inline-block; } #filters { padding: 0 6% 0 50px; } #filters { width: 59.8%; } #filters > div { margin-bottom: 40px; } .PreHeaderRotate { width: 21%; } .right76 .social img { width: 33px; } .usercontent li { margin-bottom: 0px; padding-left: 13px; } .usercontent li:before { top: 5px; font-size: 32px; } li.liLink { background: url('img/icon-link.png') no-repeat left top; background-position-x: left; background-position-y: top; background-size: auto; background-size: 20px 20px; vertical-align: top; margin-bottom: 3px; padding-left: 25px; background-position: 0px 1px; height: 25px; } li.liFile { background: url('img/icon-pdf.png') no-repeat left top; background-position-x: left; background-position-y: top; background-size: auto; background-size: 20px 20px; vertical-align: top; margin-bottom: 3px; padding-left: 25px; background-position: 0px 1px; height: 25px; } ._pageDetail .desc { width: 30%; padding-left: 32px; } ._pageDetail .desc ul li { line-height: 27px; padding: 3px 0; } #tact img { width: 70px; margin-bottom: 16px; } #tact .tel { font-size: 28px; line-height: 28px; margin-bottom: 4px; font-family: 'bwmodelica-medium-webfont'; } #tact .mail { font-size: 24px; line-height: 24px; } } .firstContent { display: none; } @media screen and (max-width: 1440px) { #page2Header .inner .right { padding: 60px 11% 44px 36px; } .page_12 #page2Header .inner .right, .page_2 #page2Header .inner .right { padding-right: 0%; } } @media screen and (max-width: 1024px) { #page2Header .inner .right { padding: 32px 0% 30px 20px; } #filters .btContainer { margin: 6px 6px 0 0; display: inline-block; } #filters { padding: 0 0 0 40px; } #filters { width: 58%; } #filters > div { margin-bottom: 30px; } .PreHeaderRotate { width: 21%; } #blocinfos > * { font-size: 30px; line-height: 18px; } ._ecran img { width: 600px; height: auto; } } .firstContent { display: none; } .page_14 .firstContent, .page_15 .firstContent, .page_16 .firstContent, .page_17 .firstContent { display: block !important; } @media screen and (max-width: 820px) { ._ecran img { width: 500px; height: auto; } .lenom { padding: 40px 20px; } #equipe .right > div:nth-child(2) .lenom { text-align: right; } .lenom div { font-size: 26px; line-height: 22px; } .lenom span { font-size: 17px; line-height: 15px; } ._pageDetail .left { padding-right: 0%; } #equipe { display: block; } #equipe .left, #equipe .right { display: block; width: 100%; } #equipe .left { margin-bottom: 24px; } #equipe .right > div { width: 100%; height: auto; } #equipe .left { padding-right: 8%; } .page_12 .headercontainer .right { padding: 0px 0% 16px 26px; } .page_12 #locaux .right { padding: 40px 0% 0 26px; } .page_12 .headerRotate .bigTitle { right: auto; left: -20px; } .page_12 .headerRotate .h4 { left: 102px; bottom: 20px; } #page2Header .inner .right { padding: 0px 0% 0px 0px; } .page_12 #page2Header .inner .right, .page_2 #page2Header .inner .right { padding-right: 0%; } #page2Header .right { margin-bottom: 24px; } #page2Header .inner, #page2Header .inner .right { display: block; } #page2Header .left, #page2Header .right { width: 100%; display: block; } #filters .btContainer { margin: 6px 6px 0 0; display: inline-block; } #filters { padding: 0 0% 0 34px; } #filters { width: 63%; } #filters > div { margin-bottom: 18px; } .PreHeaderRotate { width: 16%; } .page_14 .mentions table tr td:last-child { display: none; } .page_14 .mentions td { font-size: 13px; } .usercontent li { margin-bottom: 2px; padding-left: 15px; } .usercontent li:before { } .inverted .usercontent li { padding-right: 8px; } .page_14 td { word-break: break-all; } .liensContainer { margin-bottom: 28px; } .firstContent { display: block; } } @media screen and (max-width: 767px) { ._ecran img { width: 80%; height: auto; } #blocinfos { padding-bottom: 24px; } .lenom { padding: 30px 14px; height: 100%; } #equipe .right > div:nth-child(2) .lenom { text-align: right; } .lenom div { font-size: 22px; line-height: 19px; } .lenom span { font-size: 16px; line-height: 15px; } .sitemap ul { padding-left: 20px; } ._pageDetail .desc { width: 100%; padding-left: 0; } ._pageDetail .desc ul li { line-height: 27px; padding: 6px 0; } ._pageDetail .desc ul strong { float: none; display: block; margin-top: -2px; padding-left: 12px; } #equipe .right > div:nth-child(1) > *, #equipe .right > div:nth-child(2) > * { display: inline-block; width: calc(50% - 2px); display: inline-block; float: left; margin: 1px; } #equipe .right > div:nth-child(2) >*:first-child { margin-left: 0%; } #equipe .left { padding-right: 0%; } #equipe { display: block; align-items: center; } #equipe .left { margin-bottom: 22px; } .page_12 .headercontainer .right { padding: 4px 0% 0 0; } .page_12 #locaux .right { padding: 4px 0% 0 0; } .dialogue { position: absolute; width: 26px !important; right: -26px !important; bottom: 0 !important; } .inverted .dialogue { left: -26px !important; right: auto !important; bottom: 0 !important; } #blocinfos > * { font-size: 20px; line-height: 4px; } #blocinfos img { width: 62px; margin-bottom: 28px; } .quinconce { display: block; } .quinconce .left, .quinconce .right, .quinconce.inverted .left, .quinconce.inverted .right { padding: 0 0 0 0; } body:not(.page_1) .right, body:not(.page_1) .left { width: 100%; display: block; } #page2Header .right { margin-bottom: 20px; } #filters .btContainer { margin: 6px 6px 0 0; display: inline-block; height: auto; } #filters .btContainer a { display: block; height: auto !important; } body:not(.page_1, .page_2, .page_11) .headercontainer .content { display: block; } #filters { width: 100%; } .firstContent { display: block; } #filters { padding: 0 0 0 0; } .page_10 .bigTitle { padding-bottom: 14px; } .page_10 #projets .projet { padding: 0 0 0; width: calc(100% + 26px); } #introduction { padding: 0 0 0; } .page_10 #projets .projet { display: flex !important; align-items: flex-end !important; margin: 0px 0px 24px !important; } .page_12 .headerRotate .bigTitle { position: absolute !important; right: auto !important; left: 16px !important; color: #fcccc6 !important; bottom: 60px !important; } .page_12 .headerRotate .h4 { position: absolute !important; left: 20px !important; bottom: 32px !important; color: #fcccc6 !important; } #tact img { width: 70px; margin-bottom: 16px; } #tact .tel { font-size: 26px; line-height: 26px; margin-bottom: 8px; font-family: 'bwmodelica-medium-webfont'; } #tact .mail { font-size: 18px; line-height: 18px; } .szeo { font-size: 17px; line-height: 27px; } } /* ***************************** PROJETS ********************************* */ .page_10 #footer { position: fixed; bottom: 0 } ._testh1 { font-size: 700px; line-height: 700px; font-family: "bwmodelica-hairline-webfont"; font-weight: 100; z-index: 1; left: 100%; position: absolute; top: -100px; } ._ecran { left: 0; top: 0; opacity: 1; z-index: 100; position: fixed; width: 100%; height: 100%; background-color: #c4693b; display: flex; align-items: center; justify-content: center; } ._ecran .logo { height: 150px !important; } ._ecran .logo { position: relative; top: auto; left: auto; } ._ecran .logo path { fill: #ffffff; } .fullscreen { } #_projets { overflow: hidden; width: 75%; text-align: left; z-index: 1; margin-top: 200px; opacity: 0; } #_filters { width: 25%; padding-left: 100px; text-align: left; padding-bottom: 55px; } #_projetsContainer { width: 100%; display: flex; align-items: flex-end; } #_projets, #_projetsSlider, .fullscreen, .projet { background-color: transparent; } .projet { width: 518px; display: inline-block; float: left; padding: 0 40px 0 0; } .projet img { display: block; width: 100%; height: auto; } .projet > div { width: 100%; height: auto; } .projet img.illus { width: 100%; height: auto; z-index: 1; display: block; filter: grayscale(1); } .projet:hover img.illus { filter: grayscale(0); } .projet.openMe .illusContainer { transform: translateY(0%); } .projet.openMe .desc { opacity: 1; -webkit-transition: all 1000ms ease-in-out; -moz-transition: all 1000ms ease-in-out; -ms-transition: all 1000ms ease-in-out; -o-transition: all 1000ms ease-in-out; transition: all 1000ms ease-in-out; } .projet img.back { bottom: 100%; position: absolute; left: 0; height: 100%; } #_projetsSlider { width: auto; height: auto; } .desc { opacity: 0; } .illusContainer { isolation: isolate; background-color: #c4693b; -webkit-transition: all 520ms ease-in-out; -moz-transition: all 520ms ease-in-out; -ms-transition: all 520ms ease-in-out; -o-transition: all 520ms ease-in-out; transition: all 520ms ease-in-out; mask-repeat: no-repeat; transform: translateY(calc(-100% - 1px)); } .projet:hover img.illus { mix-blend-mode: normal; } .projet img.produit { z-index: 2; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 1; mix-blend-mode: multiply; } .projet:hover img.produit { opacity: 0; } #_filters { z-index: 2; opacity: 0; } #_projets { z-index: 1; } .page_1 .projet .illusContainer, .page_2 .projet .illusContainer { transform: translateY(0%) !important; } .page_1 #_projetsContainer, .page_2 #_projetsContainer { margin-top: 0px; } #proJetsContainer .inner { display: flex; align-items: center; text-align: left; flex-direction: row-reverse; } .page_1 #_projetsContainer, .page_2 #_projetsContainer { width: 66%; } .page_1 #_projetsTitre, .page_2 #_projetsTitre { width: 34%; padding: 0px 150px 0px 70px; } .page_1 #_projets, .page_2 #_projets { width: 100%; opacity: 1 !important; margin-top: 0px !important; } .page_1 .projet .desc, .page_2 .projet .desc { opacity: 1; } #_filters a { display: block; margin-bottom: 4px; } .projet .desc { padding: 10px 0 0; } .projet .desc div { font-size: 25px; line-height: 25px; text-align: right; margin-bottom: 4px; font-family: 'bwmodelica-regular-webfont'; } .projet .desc span { display: block; opacity: 0.32; text-align: right; } .page_1 #_projetsSlider, .page_2 #_projetsSlider { width: 100%; } .page_1 .projet, .page_2 .projet { width: 33%; } #_filters .btContaner { padding-left: 27px; position: relative; } #_filters a.selected:before { content: '.'; left: 0; top: 2px; font-weight: 700; font-size: 102px; line-height: 0px; color: #c4693b; position: absolute; left: 0; top: -22px; } @media screen and (max-width: 2560px) { .page_10 #footer { position: relative; bottom: auto } } @media screen and (max-width: 1920px) { .pfdetail li { line-height: 18px; } ._testh1 { font-size: 510px; line-height: 510px; top: -70px; } #_projets { width: 75%; margin-top: 80px; } #_filters { width: 25%; padding-left: 80px; padding-bottom: 48px; } .projet { width: 398px; padding: 0 28px 0 0; } .page_1 #_projetsContainer, .page_2 #_projetsContainer { width: 69%; } .page_1 #_projetsTitre, .page_2 #_projetsTitre { width: 31%; padding: 0px 100px 0px 44px; } .projet .desc div { font-size: 20px; line-height: 20px; margin-bottom: 4px; } #_filters .btContaner { padding-left: 22px; } #_filters a.selected:before { top: 2px; font-size: 80px; top: -15px; } ._ecran .logo { height: 120px !important; } } @media screen and (max-width: 1680px) { ._testh1 { font-size: 350px; line-height: 350px; top: -50px; } #_projets { width: 75%; margin-top: 120px; } #_filters { width: 25%; padding-left: 50px; } .projet { width: 340px; padding: 0 22px 0 0; } .page_1 #_projetsContainer, .page_2 #_projetsContainer { width: 68%; } .page_1 #_projetsTitre, .page_2 #_projetsTitre { width: 32%; padding: 0px 70px 0px 40px; } .projet .desc div { font-size: 18px; line-height: 21px; margin-bottom: 5px; } #_filters .btContaner { padding-left: 18px; } #_filters a.selected:before { top: 2px; font-size: 70px; top: -12px; } ._ecran .logo { height: 90px !important; } } @media screen and (max-width: 1440px) { ._testh1 { font-size: 330px; line-height: 330px; top: -40px; } .page_1 #_projetsTitre, .page_2 #_projetsTitre { width: 32%; padding: 0px 40px 0px 38px; } .projet { width: 310px; padding: 0 22px 0 0; } #_filters { padding-bottom: 51px; } } @media screen and (max-width: 1440px) { ._testh1 { font-size: 330px; line-height: 330px; top: -40px; } .page_1 #_projetsTitre, .page_2 #_projetsTitre { width: 32%; padding: 0px 40px 0px 38px; } .projet { width: 310px; padding: 0 22px 0 0; } } @media screen and (max-width: 1366px) { ._testh1 { font-size: 320px; line-height: 320px; top: -40px; } .page_1 #_projetsTitre, .page_2 #_projetsTitre { width: 32%; padding: 0px 40px 0px 38px; } .projet { width: 300px; padding: 0 22px 0 0; } #_filters { padding-bottom: 71px; } } @media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : landscape) { .page_1 #_projetsTitre, .page_2 #_projetsTitre { width: 32%; padding: 0px 30px 0px 34px; } .page_1 .projet .illusContainer, .page_2 .projet .illusContainer { transform: translateY(0%) !important; } #_projets { overflow: scroll; -ms-overflow-style: none; /* for Internet Explorer, Edge */ scrollbar-width: none; /* for Firefox */ } #_projets::-webkit-scrollbar { display: none; /* for Chrome, Safari, and Opera */ } body, #scrollableDiv { overflow-y: visible; max-height: none; } #scrollableDiv { width: 100%; height: 100%; top: auto; left: auto; position: relative; } ._testh1 { font-size: 300px; line-height: 300px; top: -10%; } } @media screen and (max-width: 1366px) { ._testh1 { font-size: 320px; line-height: 320px; top: -42px; } #_projets { width: 75%; margin-top: 110px; } } @media screen and (max-width: 1024px) { ._testh1 { font-size: 300px; line-height: 300px; } .page_1 #_projetsTitre, .page_2 #_projetsTitre { width: 32%; padding: 0px 30px 0px 14px; } .page_1 .projet .illusContainer, .page_2 .projet .illusContainer { transform: translateY(0%) !important; } #_projets { overflow: scroll; -ms-overflow-style: none; /* for Internet Explorer, Edge */ scrollbar-width: none; /* for Firefox */ } #_projets::-webkit-scrollbar { display: none; /* for Chrome, Safari, and Opera */ } body, #scrollableDiv { overflow-y: visible; max-height: none; } #scrollableDiv { width: 100%; height: 100%; top: auto; left: auto; position: relative; } .projet { width: 240px; padding: 0 20px 0 0; } #_filters { width: 28%; padding-left: 32px; } .page_10 #_projets { width: 72%; } .projet .desc div { font-size: 20px; line-height: 23px; margin-bottom: 5px; } #_filters { padding-bottom: 88px; } } /* ldplayer9 */ .page_10 #_projetsContainer, .page_10 #_h1Container { overflow: hidden; } @media screen and (max-width: 820px) { ._testh1 { font-size: 250px; line-height: 250px; top: 0px; } #_projets { margin-top: 130px; } .projet { width: 260px; padding: 0 20px 0 0; } .page_1 .projet, .page_2 .projet { width: 50%; } .page_1 .projet:nth-child(3) { display: none !important; } .fullscreen { max-width: 100%; overflow: hidden; } #proJetsContainer { overflow: hidden; max-width: 100%; } #scrollableDiv { max-width: 100%; overflow-x: hidden; } } @media screen and (max-width: 767px) { .page_1 .projet:nth-child(3) { display: inline-block !important; } .page_1 #_projets, .page_2 #_projets { width: calc(100% + 48px); margin-left: -24px; } #proJetsContainer .inner { display: block; } #proJetsContainer .inner > * { display: block; width: 100%; padding: 0 0 0 !important; } .page_1 #_projetsTitre, .page_2 #_projetsTitre { text-align: center; margin-bottom: 28px; } #presentation { padding-top: 30px !important; } #_filters a { display: inline-block; margin-bottom: 4px; margin-right: 6px; width: 100%; } .page_10 #_projetsContainer { width: 100%; display: block; align-items: flex-end; } #_filters { margin-top: 120px; width: 100%; padding-left: 24px; display: block; } .page_10 #_projets { width: calc(100% - 96px); margin: 40px 48px 0px; display: block; margin-top: 40px; } .page_10 #_projetsSlider { max-width: 100% !important; width: 100% !important; } .page_10 #_projetsContainer { } .page_10 #_projets { overflow: visible; } ._testh1 { font-size: 80px; line-height: 80px; top: 0px; } .page_10 .projet { width: 100% !important; display: none; opacity: 0; margin: 0 0 28px !important; padding: 0 0 0 !important; } .page_10 .illusContainer { transform: translateY(0%) !important; } .page_10 #_projetsContainer { margin-bottom: 34px; } .desc { opacity: 1 !important; } .page_1 #_projetsSlider, .page_2 #_projetsSlider { overflow: hidden; max-height: 100%; } #_filters a.selected:before { top: 2px !important; font-size: 58px !important; line-height: 48px !important; top: -30px !important; } .pfdetail ul li:before { top: 2px !important; font-size: 40px !important; line-height: 30px !important; top: -16px !important; } ._ecran .logo { height: 90px !important; } .upMe2 { margin-top: -22px; } #_filters { padding-bottom: 0px; } } /* ***************************** PROJET ********************************* */ .pfBt, .pfdesc, .pfdetail { background-color: #c4693b; color: #ffffff; } #pHeader .left { width: 69%; display: inline-block; float: left; font-size: 34px; line-height: 44px; font-family: 'bwmodelica-light-webfont'; } #pHeader .right { width: 28%; display: inline-block; float: right; } .pfBt { padding: 30px 70px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 78px; } .pfBt img { width: 27px; height: auto; } .pfdesc { padding: 66px 66px 60px; font-family: 'bwmodelica-regular-webfont'; font-size: 14px; line-height: 24px; } .pfdetail { padding: 0 66px 40px; font-family: 'bwmodelica-light-webfont'; font-size: 15px; line-height: 25px; } .page_11 .fullsliderContainer { height: 2000px; } .page_11 #slider_home { height: 100%; } .page_11 #projectHeader { margin-top: 180px; margin-bottom: 160px; text-align: left; } .page_11 h1 { font-size: 140px; line-height: 140px; max-width: 64%; font-family: "bwmodelica-hairline-webfont"; font-weight: 100 !important; } .imgGridItem img { width: 100%; display: block; padding: 20px; } .imgGridItem { display: inline-block; float: left; } .imgGridItem1 { width: 58.9%; } .imgGridItem2 { width: 41.1%; } .img3, .img6 { margin-top: -1px; } #pGallery { padding-right: 12%; margin-left: -20px; } .bigContent { width: 1750px; } #pHeader .right { max-width: 444px; } .pfdetail ul { margin-top: 0px !important; } .pfdetail ul li:before { color: #ffffff; top: -4px; } .pfdetail ul li:last-child strong:after { display: none; } .pfdetail strong { float: right; display: inline-block; } .pfdetail li { margin-bottom: 32px; position: relative; } .pfdetail li strong:after { content: ''; position: absolute; width: 100%; left: 0; height: 1px; background-color: #ffcbb0; bottom: -16px; } .prev, .next { width: 150px; height: 98px; background-color: #0c18ac; color: #ffffff; position: absolute; top: 0; } .prev { left: 0px; } .next { right: 0px; } .prev a, .next a { display: flex; width: 100%; height: 100%; align-items: center; } .prev a img, .next a img { display: inline-block; width: 34.6%; } .prev a span, .next a span { display: inline-block; width: 65.4%; height: 100%; } #prevNext { z-index: 11; transform: translateY(-620px); opacity: 0; } #prevNext.miniPrevNext { z-index: 11; transform: translateY(-420px); opacity: 0; } #prevNext.show{ opacity: 1; } @media screen and (max-width: 3860px) { .page_11 .fullsliderContainer { height: 1460px; } } @media screen and (max-width: 2560px) { .page_11 .fullsliderContainer { height: 940px; } .page_11 h1 { max-width: 68%; font-family: "bwmodelica-hairline-webfont"; font-weight: 100 !important; } } @media screen and (max-width: 1920px) { .pfdetail li { line-height: 17px; } .pfdetail li { margin-bottom: 24px; } .pfdetail li strong:after { bottom: -12px; } .pfdetail ul li:before { top: -5px; } .bigContent { width: 1270px; } #pGallery { padding-right: 12%; margin-left: -18px; } .imgGridItem img { padding: 16px; } #pHeader .left { width: 69%; font-size: 28px; line-height: 38px; } #pHeader .right { width: 28%; } .pfBt { padding: 24px 56px; margin-bottom: 62px; } .pfBt img { width: 22px; } .pfdesc { padding: 56px 56px 50px; font-size: 13px; line-height: 20px; } .pfdetail { padding: 0 56px 26px; font-size: 13px; line-height: 23px; } .page_11 .fullsliderContainer { height: 715px; } .page_11 #projectHeader { margin-top: 124px; margin-bottom: 108px; } .page_11 h1 { font-size: 110px; line-height: 110px; max-width: 72%; } .imgGridItem { display: inline-block; float: left; } .prev, .next { width: 120px; height: 78px; } #prevNext { transform: translateY(-370px); } #prevNext.miniPrevNext { transform: translateY(-270px); } } @media screen and (max-width: 1680px) { .pfdetail li { margin-bottom: 18px; } .pfdetail li strong:after { bottom: -9px; } .pfdetail ul li:before { top: -1px; } .bigContent { width: 1140px; } #pGallery { padding-right: 12%; margin-left: -13px; } .imgGridItem img { padding: 13px; } .img3, .img6 { margin-top: 1px; } #pHeader .left { width: 66%; font-size: 22px; line-height: 32px; } #pHeader .right { width: 31%; } .pfBt { padding: 18px 46px; margin-bottom: 46px; } .pfBt img { width: 20px; } .pfdesc { padding: 46px 46px 40px; font-size: 10px; line-height: 20px; } .pfdetail { padding: 0 56px 26px; font-size: 12px; line-height: 18px; } .page_11 .fullsliderContainer { height: 630px; } .page_11 #projectHeader { margin-top: 100px; margin-bottom: 90px; } .page_11 h1 { font-size: 84px; line-height: 84px; max-width: 76%; } .imgGridItem { display: inline-block; float: left; } .prev, .next { width: 96px; height: 63px; } #prevNext { transform: translateY(-300px); } #prevNext.miniPrevNext { transform: translateY(-270px); } } @media screen and (max-width: 1440px) { #pGallery { padding-right: 12%; margin-left: -13px; } .imgGridItem img { padding: 13px; } .img3, .img6 { margin-top: -1px; } #pHeader .left { width: 66%; font-size: 20px; line-height: 30px; } #pHeader .right { width: 31%; } .pfBt { padding: 14px 36px; margin-bottom: 36px; } .pfBt img { width: 18px; } .pfdesc { padding: 36px 36px 40px; font-size: 10px; line-height: 20px; } .pfdetail { padding: 0 36px 26px; font-size: 13px; line-height: 18px; } .page_11 .fullsliderContainer { height: 530px; } .page_11 #projectHeader { margin-top: 80px; margin-bottom: 70px; } .page_11 h1 { font-size: 76px; line-height: 76px; max-width: 76%; } #prevNext { transform: translateY(-240px); } #prevNext.miniPrevNext { transform: translateY(-200px); } } @media screen and (max-width: 1366px) { .bigContent { width: 1040px; } #pGallery { padding-right: 12%; margin-left: -13px; } .imgGridItem img { padding: 13px; } .img3, .img6 { margin-top: -1px; } #pHeader .left { width: 66%; font-size: 20px; line-height: 30px; } #pHeader .right { width: 31%; } .pfBt { padding: 14px 42px; margin-bottom: 36px; } .pfBt img { width: 18px; } .pfdesc { padding: 42px 42px 32px; font-size: 10px; line-height: 20px; } .pfdetail { padding: 0 42px 26px; font-size: 11px; line-height: 21px; } .page_11 .fullsliderContainer { height: 500px; } .page_11 #projectHeader { margin-top: 80px; margin-bottom: 70px; } .page_11 h1 { font-size: 74px; line-height: 74px; max-width: 74%; } #prevNext { transform: translateY(-160px); } #prevNext.miniPrevNext { transform: translateY(-130px); } } .mCSB_draggerRail { display: none !important; } @media screen and (max-width: 1024px) { .bigContent { width: 100%; } .img3, .img6 { margin-top: -1px; } #prevNext { transform: translateY(-200px); } #prevNext.miniPrevNext { transform: translateY(-130px); } } @media screen and (max-width: 820px) { #pGallery { padding-right: 0px; margin-left: -12px; width: calc(100% + 24px); } .imgGridItem img { padding: 12px; } .imgGridItem1 { width: 59%; } .imgGridItem2 { width: 41%; } .img3, .img6 { margin-top: -2px; } #pHeader .left { width: 64%; font-size: 20px; line-height: 30px; } #pHeader .right { width: 32%; } .pfBt { padding: 14px 40px; margin-bottom: 36px; } .pfBt img { width: 18px; } .pfdesc { padding: 42px 40px 32px; font-size: 12px; line-height: 22px; } .pfdetail { padding: 0 40px 26px; font-size: 13px; line-height: 23px; } .page_11 .fullsliderContainer { height: 360px; } .page_11 #projectHeader { margin-top: 70px; margin-bottom: 60px; } .page_11 h1 { font-size: 58px; line-height: 58px; max-width: 100%; } #pHeader .left { width:100%; } #pHeader .right { width:100%; margin-top: 36px; } .imgGridItem { margin-bottom: 10px; } .imgGridItem1, .imgGridItem2 { width: 100%; } .img3, .img6 { margin-top: 0px; } .page_1 .projet:nth-child(3), .page_2 .projet:nth-child(3) { display: none; } #pHeader, .page_11 .bigContent { padding-left: 40px; padding-right: 40px; } #pHeader .right { width:100%; min-width: 100%; margin-top: 36px; } #pHeader .right > * { width: 70%; margin-left: 15%; margin-right: 15%; } #prevNext { transform: translateY(-300px); height: 63px; } #prevNext.miniPrevNext { transform: translateY(-230px); } } @media screen and (max-width: 767px) { #prevNext { transform: translateY(20px); height: 63px; } #prevNext.miniPrevNext { transform: translateY(20px); } .prev, .next { width: 70px; height: 46px; } .pfdetail li { margin-bottom: 24px; } .pfdetail li strong:after { bottom: -12px; } .page_1 .projet:nth-child(3), .page_2 .projet:nth-child(3) { display: inline-block; } .imgGridItem1, .imgGridItem2 { width: 59%; } .imgGridItem { margin-bottom: 0px; } .imgGridItem1, .imgGridItem2 { width: 100%; } .img3, .img6 { margin-top: 0px; } .page_11 h1 { font-size: 38px; line-height: 38px; } .page_11 #projectHeader { margin-top: 30px; margin-bottom: 20px; } .page_11 .fullsliderContainer { height: 190px; } .pfdesc { padding: 42px 30px 32px; font-size: 16px; line-height: 26px; } .pfdetail { padding: 0px 30px 32px; font-size: 16px; line-height: 26px; } #pHeader, .page_11 .bigContent { padding-left: 24px; padding-right: 24px; } #pHeader .right { width:100%; min-width: 100%; margin-top: 18px; } #pHeader .right > * { width: 100%; margin-left: 0%; margin-right: 0%; } .imgGridItem img { padding: 0; } .page_11 .bigContent.grid { width: 100% !important; margin: -6px 0 0 0 !important; padding: 0 0 0 0 !important; } .page_11 .bigContent.grid img { margin-bottom: 20px; } #pGallery { padding-right: 0px !important; margin-left: 0 !important; width: 100% !important; } .cconsent span { font-size: 16px; line-height: 26px; } } /* ***************************** AGENCE ********************************* */ #block01 .left { width: 45.4%; float: right; } #block01 .right { width: 36.4%; float: left; } #block02 .left { width: 36%; float: left; margin-right: 9%; } #block02 .right { width: 39%; float: left; } #block02 h2 { margin-bottom: 30px; } #block01 .right, #block01 .left, #block02 .left, #block02 .right, #block03 .latour, #block03 .lequipe, #block03 .tetes, #block04 .myLeft, #block04 .sliderA { opacity: 0; } .justify { word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; text-align: justify; } .bodyPlus { font-size: 20px; line-height: 30px; } ._testh11 { font-size: 240px; line-height: 240px; font-weight: 100; font-family: "bwmodelica-hairline-webfont"; margin-bottom: 140px; margin-top: 50px; margin-left: -23px; } #block02 img { margin-top: -454px; } .decaleRight { padding-right: 140px; } .decaleLeft { padding-left: 140px; } #block01, #block02, #block03, .bigContent { width: 1900px; } #block03 .latour { display: inline-block; width: 33.333%; float: left; } #block03 .latour img { width: 100%; height: auto; display: block; } #block03 .lequipe { display: inline-block; width: 33.333%; float: left; padding: 70px 70px 10px; background-color: #c4693b; } #block03 .lequipe h2 { margin-bottom: 70px; } #block03 .lequipe .regular { font-size: 24px; line-height: 24px, } #block03 .tetes { display: inline-block; width: 33.333%; float: left; background-color: #c4693b; } #block03 .tetes > div { height: auto; display: inline-block; float: left; color: #ffffff; } #block03 .tetes img { width: 100%; display: block; height: auto; } #block03 .paul, #block03 .helene { padding: 40px; z-index: 3; } #block03 .paul .regular, #block03 .helene .regular { font-size: 24px; line-height: 24px; margin-bottom: 8px; } #block03 .tetes .paul { display: flex; } #block03 .tetes .helene { display: flex; align-items: flex-end; justify-content: flex-end; text-align: right; } #block03 .tetes { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 0px; grid-row-gap: 0px; } /* */ #block04 { display: flex; align-items: flex-end; } #block04 > .myLeft { width: 33.333%; text-align: right; margin-right: 8.334%; display: flex; align-items: flex-end; justify-content: flex-end; } #block04 .sliderA { width: 58.333%; height: 950px; } .sliderA .slickSliderItem { height: 100%; } .sliderA .slick-slider { opacity: 1; } @media screen and (max-width: 1940px) { #block01 .left { width: 46.4%; } #block01 .right { width: 37.4%; } #block02 .left { width: 37%; margin-right: 9%; } #block02 .right { width: 43%; } #block02 h2 { margin-bottom: 24px; } .bodyPlus { font-size: 18px; line-height: 28px; } ._testh11 { font-size: 192px; line-height: 192px; margin-bottom: 110px; margin-top: 40px; margin-left: -18px; } #block02 img { margin-top: -319px; } .decaleRight { padding-right: 110px; } .decaleLeft { padding-left: 110px; } #block01, #block02, #block03, .bigContent { width: 1500px !important; } #block03 .latour { width: 33.333%; } #block03 .lequipe { padding: 40px 40px 0px; width: 33.333%; } #block03 .tetes { width: 33.333%; } #block03 .lequipe h2 { margin-bottom: 30px; } #block03 .lequipe .regular { font-size: 20px; line-height: 20px; } #block03 .paul, #block03 .helene { padding: 30px; } #block03 .paul .regular, #block03 .helene .regular { font-size: 20px; line-height: 20px; margin-bottom: 6px; } #block04 { display: flex; align-items: flex-end; } #block04 > .myLeft { width: 33.333%; text-align: right; margin-right: 8.334%; display: flex; align-items: flex-end; justify-content: flex-end; } #block04 .sliderA { width: 58.333% } #block04 .sliderA { height: 750px; } } @media screen and (max-width: 1680px) { #block03 .latour { width: 33.333%; } #block03 .lequipe { padding: 50px 58px 0px; width: 50.1%; } #block03 .tetes { width: 16.5%; } .paul { position: absolute; top: auto; right: auto; bottom: 251px; left: 0; z-index: 3; display: block; text-align: left; } .helene { position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: 3; display: block; text-align: left !important; } .paulImg, .heleneImg { display: block; z-index: 1; } #block03 .tetes { display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 0px; grid-row-gap: 0px; } .heleneImg { margin-top: 2px; } #block01, #block02, #block03, .bigContent { width: 1400px !important; } #block02 img { margin-top: -338px; } #block03 .lequipe .regular { font-size: 19px; line-height: 19px; } .bodyPlus { font-size: 17px; line-height: 27px; } ._testh11 { font-size: 152px; line-height: 152px; margin-bottom: 80px; margin-top: 36px; margin-left: -16px; } .paulImg:after, .heleneImg:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; content: ''; background-color: #c4693b; mix-blend-mode: multiply; opacity: 0; } .paulImg:hover:after, .heleneImg:hover:after { opacity: 1; cursor: pointer; -webkit-transition: all 220ms ease-in-out; -moz-transition: all 220ms ease-in-out; -ms-transition: all 220ms ease-in-out; -o-transition: all 220ms ease-in-out; transition: all 220ms ease-in-out; } #block04 .sliderA { height: 700px; } } @media screen and (max-width: 1440px) { #block01, #block02, #block03, .bigContent { width: 1240px !important; } #block02 img { margin-top: -284px; } #block03 .lequipe .regular { font-size: 17px; line-height: 17px; } #block03 .lequipe { padding: 40px 48px 0px; width: 50.1%; } .bodyPlus { font-size: 17px; line-height: 27px; } #block03 .lequipe h2 { margin-bottom: 26px; } #block04 .sliderA { height: 620px; } } @media screen and (max-width: 1366px) { #block02 .right { width: 46%; } #block02 img { margin-top: -277px; } .decaleRight { padding-right: 70px; } .decaleLeft { padding-left: 70px; } #block01, #block02, #block03, .bigContent { width: 100% !important; } #block02 img { margin-top: -298px; } #block03 .lequipe h2 { margin-bottom: 24px; } #block04 { display: flex; align-items: flex-end; } #block04 > .myLeft { width: 37.333%; text-align: right; margin-right: 4.334%; display: flex; align-items: flex-end; justify-content: flex-end; } #block04 .sliderA { width: 58.333% } #block04 .sliderA { height: 610px; } } @media screen and (max-width: 1024px) { #block03 .latour { display: none; } #block03 .lequipe { width: 60%; } #block03 .tetes { width: 40%; } #block03 .tetes { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 0px; grid-row-gap: 0px; } .heleneImg { margin-top: 0; } .paul { position: relative; top: auto; right: auto; bottom: auto; left: auto; z-index: 3; display: block; text-align: left; } .helene { position: relative; top: auto; right: auto; bottom: auto; left: auto0; z-index: 3; display: block; text-align: right !important; } #block02 img { margin-top: -251px; } #block01 .left { width: 47%; } #block01 .right { width: 46%; } #block02 .left { width: 47%; margin-right: 0%; float: left; } #block02 .right { width: 46%; float: right; } #block02 h2 { margin-bottom: 20px; } .decaleRight { padding-right: 80px; } .decaleLeft { padding-left: 80px; } #block01, #block02, #block03, .page_11 .bigContent { width: calc(100% + 80px) !important; margin-left: -40px; padding-left: 40px; } .bodyPlus { font-size: 16px; line-height: 26px; } ._testh11 { font-size: 122px; line-height: 122px; margin-bottom: 70px; margin-top: 40px; margin-left: -12px; margin-right: 40px; } .paulImg:hover:after, .heleneImg:hover:after { opacity: 0; cursor: pointer; } #block02 img { margin-top: -236px; } #block03 { width: calc(100% + 80px) !important; margin-left: -40px; padding-left: 0px; } #block04 .sliderA { height: 470px; } } @media screen and (max-width: 820px) { ._testh11 { margin-right: 40px; } #block03 .latour { display: block; width: 100%; } #block03 .lequipe { width: 100%; margin-top: -2px; padding-bottom: 60px; } #block03 .tetes { width: 100%; } #block02 img { margin-top: 20px; } ._testh11 { font-size: 92px; line-height: 92px; margin-bottom: 60px; margin-top: 40px; margin-left: -7px; } .page_2 #_h1Container .intro { margin-top: 44px; } #block04 { display: block; } #block04 > .myLeft { width: 100%; margin-right: 0%; display: block; padding: 0px 60px 0 60px; text-align: left; } #block04 .sliderA { width: 100%; } #block02 .right { width: 48%; float: right; } #block02 .left { float: left; } .decaleRight { padding-right: 60px; } .decaleLeft { padding-left: 60px; } #block01, #block02 { width: 100% !important; margin: 0 0 0 !important; padding: 0 0 0 !important; } .page_12 .decaleLeft { padding-left: 0px; } .page_12 .decaleRight { padding-right: 0px; } #block04 .sliderA { height: 605px; } } @media screen and (max-width: 768px) { #block04 .sliderA { height: 590px; } } @media screen and (max-width: 767px) { #block03 .paul, #block03 .helene { padding: 24px; } #block03 .lequipe { padding: 40px 30px 50px; } #block02 img { margin-top: 0px; } ._testh11 { font-size: 92px; line-height: 122px; margin-bottom: 60px; margin-top: 40px; margin-left: -7px; } #block01 .left, #block01 .right, #block02 .left, #block02 .right { width: 100%; display: block; } .decaleRight { padding-right: 36px; } .decaleLeft { padding-left: 36px; } #block01, #block02, #block03, .page_11 .bigContent { width: calc(100% + 48px) !important; margin-left: -24px; } #block01 .right { padding: 8px 24px 0 0; } #block02 .right { padding: 8px 0px 0 24px; } ._testh11 { font-size: 66px; line-height: 66px; margin-bottom: 40px; margin-top: 20px; margin-left: -2px; } #block04 > .myLeft { padding: 0px 0 0 0; text-align: left; } .pUpMe { margin-top: -47px; } .bodyPlus { font-size: 18px; line-height: 28px; } #block01, #block02 { width: 100% !important; margin: 0 0 0 !important; padding: 0 0 0 !important; } .page_12 .decaleLeft { padding-left: 0px; } .page_12 .decaleRight { padding-right: 0px; } #block02 .right { padding: 8px 0px 0 0px; } #block04 .sliderA { height: 300px; } #block02 .usercontent { font-size: 17px; line-height: 27px; } .sliderA { margin-bottom: 20px; } .noMobile2 { display: none; } } @media screen and (max-width: 374px) { #block04 .sliderA { height: 280px; } } /* ***************************** SERVICES ********************************* */ .page_2 #_HeaderContainer { margin-top: 340px; } .page_2 ._testh1 { font-size: 560px; line-height: 560px; top: -44px; } .service { display: flex; align-items: center; width: calc(100% + 160px); align-items: flex-center; background-color: #c4693b; color: #ffffff; margin-bottom: 80px; } .service img { width: 90%; bottom: 0px; } .service:nth-child(1), .service:nth-child(3), .service:nth-child(5), .service:nth-child(7) { d-margin-left: -160px; margin-left: -250%; } .service:nth-child(2) { d-margin-left: 0; margin-left: 250%; } .service:nth-child(1), .service:nth-child(2), .service:nth-child(3), .service:nth-child(5), .service:nth-child(6), .service:nth-child(7) { opacity: 0; } .service .left > div { padding: 80px 0 0 80px; } .service .left { width: 35.6% !important; } .service .right { width: 64.4% !important; padding: 0 5% 0 0; } .service:nth-child(1) .right { padding: 0 24% 0 0; } .service .right { column-count: 3; column-gap: 40px; column-rule: 0px solid #ffcbb0; } .service:nth-child(1) .right { column-count: 2; column-gap: 40px; } .service .left .bt { display: inline-block; margin-top: -20px; width: auto; } .szeo { color: #ffece2; } @media screen and (max-width: 3860px) { } @media screen and (max-width: 2560px) { .service:nth-child(1), .service:nth-child(3), .service:nth-child(5), .service:nth-child(7) { d-margin-left: -160px; margin-left: -200%; } .service:nth-child(2) { d-margin-left: 0; margin-left: 200%; } } @media screen and (max-width: 1920px) { .service:nth-child(1) .right { padding: 0 20% 0 0; } .page_2 #_HeaderContainer { margin-top: 250px; } .page_2 ._testh1 { font-size: 420px; line-height: 420px; top: -28px; } /* */ .service { width: calc(100% + 130px); margin-bottom: 70px; } .service img { width: 90%; bottom: 0px; } .service:nth-child(1), .service:nth-child(3), .service:nth-child(5), .service:nth-child(7) { d-margin-left: -130px; margin-left: -200%; } .service:nth-child(2) { d-margin-left: 0; margin-left: 200%; } .service .left > div { padding: 60px 0 0 60px; } .service .left { width: 35.6% !important; } .service .right { width: 64.4% !important; padding: 0 4% 0 0; } .service:nth-child(1) .right { padding: 0 18% 0 0; } .service .right { column-count: 3; column-gap: 22px; column-rule: 0px solid #ffcbb0; } .service:nth-child(1) .right { column-count: 2; column-gap: 22px; } .service .left .bt { margin-top: -16px; width: auto; } } @media screen and (max-width: 1680px) { .page_2 #_HeaderContainer { margin-top: 210px; } .page_2 ._testh1 { font-size: 340px; line-height: 340px; top: -20px; } /* */ .service { width: calc(100% + 110px); margin-bottom: 24px; } .service img { width: 94%; bottom: 0px; } .service:nth-child(1), .service:nth-child(3), .service:nth-child(5), .service:nth-child(7) { d-margin-left: -110px; margin-left: -200%; } .service:nth-child(2) { d-margin-left: 0; margin-left: 200%; } .service .left > div { padding: 40px 0 0 40px; } .service .left { width: 32% !important; } .service .right { width: 68% !important; padding: 0 4% 0 0; } .service:nth-child(1) .right { padding: 0 8% 0 0; } .service .right { column-count: 3; column-gap: 18px; column-rule: 0px solid #ffcbb0; } .service:nth-child(1) .right { column-count: 2; column-gap: 18px; } .service .left .bt { margin-top: -14px; width: auto; } } @media screen and (max-width: 1440px) { .page_2 #_HeaderContainer { margin-top: 180px; } .page_2 ._testh1 { font-size: 310px; line-height: 310px; top: -20px; } } @media screen and (max-width: 1366px) { .page_2 #_HeaderContainer { margin-top: 180px; } .page_2 ._testh1 { font-size: 290px; line-height: 290px; top: -10px; } } @media screen and (max-width: 1024px) { .page_2 #_HeaderContainer { margin-top: 150px; } .page_2 ._testh1 { font-size: 230px; line-height: 230px; top: 0px; } /* */ .no1440 { display: none; } .service { width: calc(100% + 40px); margin-bottom: 24px; } .service img { width: 94%; bottom: 0px; } .service:nth-child(1), .service:nth-child(3), .service:nth-child(5), .service:nth-child(7) { d-margin-left: -40px; margin-left: -200%; } .service:nth-child(2) { d-margin-left: 0; margin-left: 200%; } .service .left > div { padding: 30px 0 0 30px; } .service .left { width: 32% !important; } .service .right { width: 68% !important; padding: 0 4% 0 0; } .service:nth-child(1) .right { padding: 0 8% 0 0; } .service .right { column-count: 3; column-gap: 18px; column-rule: 0px solid #ffcbb0; color: #ffcbb0; } .service:nth-child(1) .right { column-count: 2; column-gap: 18px; } .service .left .bt { margin-top: -14px; width: auto; } } @media screen and (max-width: 820px) { .page_2 #_HeaderContainer { margin-top: 118px; } .page_2 ._testh1 { font-size: 180px; line-height: 180px; top: 10px; } .service .left { width: 50% !important; display: block; float: none; } .service .right { width: 100% !important; display: block; float: none; } .service { display: block; } .service .right, .service .left { padding: 42px 42px 42px 42px !important; } .service .left { padding-bottom: 0px !important; } .service .left > div { padding: 0 !important; } .service img { width: 94%; bottom: 0px; display: inline-block; float: left; } .service:nth-child(1), .service:nth-child(3), .service:nth-child(5), .service:nth-child(7) { d-margin-left: 66px; margin-left: -200%; } .service:nth-child(2) { d-margin-left: 0; margin-left: 200%; } } @media screen and (max-width: 767px) { .page_2 #_HeaderContainer { margin-top: 116px; } .page_2 ._testh1 { font-size: 66px; line-height: 66px; top: 30px; } .service .left { width: 100% !important; } .service .right, .service .left { padding: 32px 32px 32px 32px !important; } .service .left { padding-bottom: 0px !important; } .service .left > div { padding: 0 !important; } .service:nth-child(1) .right, .service:nth-child(2) .right, .service:nth-child(3) .right { column-count: 1; column-gap: 0; } .service .left .bt { margin-top: -10px; width: auto; } .service:nth-child(1), .service:nth-child(3), .service:nth-child(5), .service:nth-child(7) { d-margin-left: -24px; margin-left: -200%; } .service:nth-child(2) { d-margin-left: 0; margin-left: 200%; } .service { width: calc(100% + 24px); margin-bottom: 24px; } .no767 { display: none; } } #_h1Container { overflow-x: hidden; max-width: 100%; } /* ***************************** CONTACT ********************************* */ .page_13 h1 { text-align: left; } .contact-form { width: 100%; } .contact-form input, .contact-form textarea { width: 100%; margin-bottom: 6px; } .contact-form .left { float: left; display: inline-block; width: 33%; padding-right: 0px; } .contact-form .right { float: right; display: inline-block; background-color: #ffffff; width: 66%; } .contact-form textarea { height: 163px; padding: 8px; background-color: #f7f7f7; } .contact-form input, .bt_fichier_container { height: 46px; line-height: 46px; width: calc(50% - 12px); margin-right: 18px; margin-bottom: 24px; background-color: #f7f7f7; } .bt_fichier_container { width: 100%; overflow: hidden; } .hfilename { margin-left: 8px; } .contact-form input:nth-child(even) { margin-right: 0px; } .contact-form textarea { margin-bottom: 24px; display: block; width: 100%; } .contact-form .bt {} .page_19 .contactcol .contact-form .left, .page_19 .contact-form .right { padding-left: 0; padding-right: 0; width: 100%; } .page_13 td { border-right: 12px solid #ffffff; border-bottom: 7px solid #ffffff; } @media screen and (max-width: 1920px) {} @media screen and (max-width: 1680px) {} @media screen and (max-width: 1680px) { } input#subject { width: 100%; } @media screen and (max-width: 2560px) { .contact-form input, .bt_fichier_container { height: 42px; line-height: 42px; width: calc(50% - 12px); margin-right: 18px; margin-bottom: 20px; } .bt_fichier_container { width: 100%; } } @media screen and (max-width: 1920px) { .contact-form input, .bt_fichier_container { height: 34px; line-height: 34px; width: calc(50% - 10px); margin-right: 15px; margin-bottom: 20px; } .bt_fichier_container { width: 100%; } } @media screen and (max-width: 1680px) { #map {} .contact-form textarea { height: 133px; padding: 8px; } .contact-form input, .bt_fichier_container { height: 32px; line-height: 32px; width: calc(50% - 7px); margin-right: 9px; margin-bottom: 12px; } .bt_fichier_container { width: 100%; } .contact-form input:nth-child(even) { margin-right: 0px; } .contact-form textarea { margin-bottom: 14px; height: 143px; } .page_13 td { border-right: 7px solid #ffffff; border-bottom: 5px solid #ffffff; } } @media screen and (max-width: 1024px) { .contact-form input, .bt_fichier_container { height: 34px; line-height: 34px; width: calc(50% - 7px); margin-right: 9px; margin-bottom: 12px; } #map {} .contact-form textarea { height: 131px; padding: 8px; } .bt_fichier_container { width: 100%; } } /* ipad pro landscape*/ @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (min-device-height: 1366px) and (max-device-height: 1366px) and (min-width: 1366px) and (max-width: 1366px) {} @media screen and (max-width: 1024px) { } /* ipad pro portrait*/ @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (min-device-height: 1366px) and (max-device-height: 1366px) and (min-width: 1024px) and (max-width: 1024px) {} @media screen and (max-width: 820px) { } @media screen and (max-width: 820px) { #map {} .contact-form textarea { height: 121px; padding: 8px; } .bt_fichier_container { width: 100%; } } @media screen and (max-width: 767px) { .contact-form input, contact-form textarea { margin-bottom: 12px; } .contact-form .left, contact-form .right { padding-right: 0; width: 100%; display: block; } .contact-form textarea { height: 163px; padding: 8px; } .contact-form input, .bt_fichier_container { height: 36px; line-height: 36px; width: 100%; margin-right: 12px; margin-bottom: 14px; margin-right: 0px; } .contact-form textarea { margin-bottom: 14px; height: 143px; } .contact-form .bt.mobile { position: relative; clear: both; } .page_13 .contact-form .left { width: 100%; padding-right: 0px; } .page_13 .left40 > div { width: 100%; display: block; margin-bottom: 4px; } } /* ***************************** FOOTER ********************************* */ #footer .menu li { display: inline-block; margin-left: 30px; margin-bottom: 0px; } #footer .menu li a, #footer .menu li { font-size: 25px; line-height: 25px; } #footer .menu li a.selected { font-family: 'bwmodelica-medium-webfont'; } #footer .social { color: #fff; } #footer { padding-bottom: 30px; padding-top: 0; margin-top: 220px; } #footer .logo, #footer #tiret { top: 0px; } #footer .inner > div { float: right; display: inline-block; text-align: right; width: auto; } #footer .menu { position: relative; margin-bottom: 0px; z-index: 101; } #footer .coord { margin-bottom: 100px; z-index: 1; } #footer .minibar { color: #717171 !important; } #footer .coordonnees { margin-bottom: 24px; } #footer .minibar * { margin-top: 38px; vertical-align: middle; height: 42px; line-height: 34px; } #footer .telm { font-weight: 500; } #coord .coord { display: flex; align-items: flex-end; } #footer .minibar img { margin-top: -8px; filter: alpha(opacity=1); } #footer .social { margin-bottom: 86px; width: 100%; } #footer .minibar.smallText { float: none; display: block; clear: both; } #footer .social img { opacity: 1; filter: alpha(opacity=1); } #footer .menu li.hassub ul { background: #ffffff; color: #006e79 !important; } #footer .menu li.hassub ul a, #footer .menu li.hassub ul a:hover { color: #006e79 !important; } #footer .menu li.hassub ul:before { display: none; } #footer .logo { height: 100px; top: -40px; } @media screen and (max-width: 1920px) { #footer .social { margin-bottom: 62px; } #footer { padding-bottom: 24px; padding-top: 0; margin-top: 180px; } #footer .coord { margin-bottom: 80px; } #footer .menu li a, #footer .menu li { font-size: 21px; line-height: 21px; } #footer .menu li { display: inline-block; margin-left: 26px; margin-bottom: 0px; } #footer .logo { height: 80px; top: -30px; } } @media screen and (max-width: 1680px) { #footer .menu li { display: inline-block; margin-left: 22px; margin-bottom: 0px; } #footer .minibar * { vertical-align: middle; height: 34px; line-height: 34px; } #footer .social { margin-bottom: 62px; } #footer { padding-bottom: 20px; padding-top: 0; margin-top: 140px; } #footer .coord { margin-bottom: 70px; } #footer .menu li a, #footer .menu li { font-size: 18px; line-height: 18px; } #footer .logo { height: 70px; top: -24px; } } @media screen and (max-width: 1366px) { } @media screen and (max-width: 1024px) { } @media screen and (max-width: 820px) { #footer .menu { display: none; } #footer .social { margin-top: 44px; } #footer .inner > div { float: right; display: inline-block; text-align: right; width: calc(100% - 150px); } #footer .coord { display: block; margin-top: 28px; margin-bottom: 60px; } #footer .logo { height: 70px; top: -20px; } .page_11 #footer { margin-top: 30px; } } @media screen and (max-width: 767px) { #footer .coord { margin-top: 0px; margin-bottom: 8px; } #footer .nomobile { display: none; } #footer .coord span { display: none; } #footer .inner > div { width: 100%; } #footer .content { text-align: center; } #footer .content > div { float: none; display: block; text-align: center; width: 100%; } #footer { padding-bottom: 28px; padding-top: 0; margin-top: 80px; } .page_11 #footer { margin-top: 50px; } #footer .telm { display: block; margin: 12px auto; } #footer .logoContainer { text-align: center; display: block; width: 100%; float: none; clear: both; height: auto; } #footer .logoContainer:after { display: block; clear: both; content: ''; } #footer .minibar { text-align: center; display: block; width: 100%; float: none; clear: both; height: auto; } #footer .minibar:after { display: block; clear: both; content: ''; } #footer .inner > div { float: none; display: block; text-align: center; width: 100%; } #footer .minibar.smallText { float: none; display: block; clear: both; padding: 0 24px; margin-top: 16px; } #footer .minibar * { font-size: 16px; line-height: 22px; } #footer #tiret { display: none; } #footer .logo { position: relative; display: inline-block; margin: 0 auto; top: auto; left: auto; } #footer .logo { height: 92px; top: auto; } } @media screen and (max-width: 360px) { } /* ***************************** SITEMAP ********************************* */ .sitemap li ul { margin-bottom: 24px; padding-left: 24px; margin-top: -8px; } @media (max-width: 1600px) { .sitemap li ul { margin-bottom: 20px; padding-left: 20px; margin-top: -6px; } } .decale h4 { margin-bottom: 16px; } @media (max-width: 1024px) { } @media (max-width: 768px) { } @media (max-width: 769px) { .sitemap li ul { margin-bottom: 20px; padding-left: 20px; margin-top: -6px; } } #debug { max-width: 300px; word-break: break-all; } /* ***************************** OVERLAY ********************************* */ #overlay { height: 100% !important; left: 0 !important; position: fixed !important; top: 0 !important; width: 100% !important; z-index: 80 !important; } .overlayBox { height: 100% !important; left: 0 !important; position: fixed !important; top: 0 !important; width: 100% !important; z-index: 81 !important; display: table !important; } .overlayBox .cell { display: table-cell !important; text-align: center !important; vertical-align: middle !important; } .overlayBox .cell>div { text-align: left !important; } .overlayBox .cell > div { width: 655px !important; padding: 40px !important; margin: 0 auto !important; position: relative !important; min-height: 200px !important; } .overlayBox .text { } .overlayBox a { } .overlayBox input { } .overlayBox .text p { font-size: 1em !important; } .overlayBox .text p { } .overlayBox .title { } .overlayBox .buttons { top: 16px !important; right: 16px !important; position: absolute !important; font-size: 1em !important; } .overlayBox .bouton, .btCovidContainer { background: transparent url(img/bt_close-2.png) no-repeat scroll 0 0 !important; background-size: 31px 31px !important; width: 31px !important; height: 31px !important; } .overlayBox .bouton:hover {} .overlayBox .button { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3) !important; border: medium none !important; box-shadow: none !important; display: inline-block !important; font-size: 1em !important; height: 25px !important; outline: medium none !important; vertical-align: top !important; cursor: pointer !important; padding: 2px 9px 0 7px !important; } .overlayBox .cell > div > div:not(.buttons) { text-align: left !important; margin-bottom: 24px !important; } .overlayBox .cell > div > div.buttons { text-align: right !important; } .overlayBox form { margin: 22px 0 !important; } .overlayBox input { height: 25px !important; margin-bottom: 6px !important; font-size: 1em !important; padding: 0 8px !important; } .overlayBox h1 { } .overlayBox .title { margin-bottom: 18px !important; } .overlayBox p { margin-bottom: 6px !important; } .overlayBox .bContainer { text-align: center !important; margin-top: 16px !important; } .overlayBox, #overlay { opacity: 0; filter: alpha(opacity=0); } @media screen and (max-width: 1680px) { .overlayBox .text p { font-size: 11px !important; } .overlayBox .title { font-size: 32px !important; } } @media screen and (max-width: 1024px) { .overlayBox .cell > div { width: 50% !important; padding: 30px !important; } .overlayBox .title { margin-bottom: 12px !important; } .overlayBox .button { padding: 5px 9px 0 7px !important; height: 26px !important; margin-top: 0px !important; } } @media screen and (max-width: 820px) { .overlayBox .cell > div { width: 68% !important; } .overlayBox .button { padding: 5px 9px 0 7px !important; height: 26px !important; margin-top: 0px !important; } } @media screen and (max-width: 767px) { .overlayBox .cell > div { width: 92% !important; } .overlayBox .button { padding: 3px 9px 0 9px !important; } .overlayBox h1 { font-size: 1em !important; line-height: 18px !important; } .overlayBox p { margin-bottom: 1px !important; } .overlayBox .buttons { top: 8px !important; right: 8px !important; } .overlayBox .text p { font-size: 13px !important; line-height: 15px; } .overlayBox .title { font-size: 24px !important; } .overlayBox .cell > div > div:not(.buttons) { margin-bottom: 13px !important; } .overlayBox .cell > div { padding: 16px !important; padding-bottom: 6px !important; } .overlayBox .bContainer { margin-top: 12px !important; } } /* ************************************** CNIL **************************************/ #tarteaucitronAlertBig { max-width: 100%; width: 100%; margin: 0 0 0 0 !important; padding: 0px 0px !important; } #tarteaucitronRoot > #tac_title { display: none; } #tarteaucitronAlertBig, #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert { background: #c4693b !important; color: #fff !important; } #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCTAButton, #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize { background: #fff !important; color: #c4693b !important; height: 24px !important; line-height: 24px !important; padding: 0px 14px !important; font-size: 14px !important; } .tarteaucitronH2 { color: #fff; } .tarteaucitronTitle { color: #fff; } #tarteaucitron #tarteaucitronServices .tarteaucitronLine { background: none; border-left: 5px solid transparent; margin: 0; overflow: hidden; padding: 15px 5px; } #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert { text-align: center !important; } #tarteaucitronRoot div#tarteaucitronInfo, #tarteaucitronRoot .tarteaucitronH1 { display: none !important; } #tarteaucitronRoot { max-width: 100%; width: 100%; } #tarteaucitronRoot * { max-width: 100%; } #tarteaucitronRoot { z-index: 13; } #tarteaucitronRoot .tarteaucitronCTAButton .tarteaucitronCross, #tarteaucitronRoot .tarteaucitronCTAButton .tarteaucitronCheck { display: none; } #tarteaucitronRoot { z-index: 50; } #tarteaucitronAlertBig > * { margin: 0px 4px 4px 0px !important; } #tarteaucitronAlertBig { padding: 0 0 16px 0 !important; width: 100% !important; left: auto; right: auto; } #tarteaucitronDisclaimerAlert { display: block !important; width: calc(100% - 24px) !important; margin: 16px 12px 12px 12px !important; } #FrmProAccess fieldset { padding: 0px !important; } #FrmProAccess input { margin: 0 8px 12px 0 !important; display: inline-block !important; } #FrmProAccess button { height: 25px !important; line-height: 25px !important; } #tarteaucitronAlertBig span { } .cconsent input { display: inline-block !important; width: 14px !important; height: 14px !important; line-height: 10px !important; float: left !important; margin-right: 5px !important; margin-bottom: 0px !important; margin-top: 6px !important; } .cconsent { display: flex; align-items: flex-start; margin-top: 6px; } @media screen and (max-width:1920px) { .cconsent input { margin-top: 3px; } .cconsent input { width: 13px !important; height: 13px !important; } } @media screen and (max-width:1680px) { .cconsent input { width: 12px !important; height: 12px !important; } } @media screen and (max-width:1024px) { .cconsent input { width: 15px !important; height: 15px !important; min-width: 15px !important; min-height: 15px !important; } } @media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : portrait) { .cconsent input { width: 15px !important; height: 15px !important; min-width: 15px !important; min-height: 15px !important; } } @media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : landscape) { .cconsent input { width: 15px !important; height: 15px !important; min-width: 15px !important; min-height: 15px !important; } } @media screen and (max-width:820px) { .cconsent input { width: 14px !important; height: 14px !important; } #tarteaucitronAlertBig > * { margin: 0px 0; } .contact-form { height: auto; clear: both; display: block; } .contact-form:after { clear: both; display: block; content: ''; } #tarteaucitronDisclaimerAlert { display: block !important; width: calc(100% - 24px) !important; margin: 16px 12px 12px 12px !important; } #tarteaucitronAlertBig > button { display: inline-block !important; } } @media screen and (max-width:767px) { #tarteaucitronAlertBig > button { margin-bottom: 11px !important; } #tarteaucitronAlertBig { padding: 0 0 6px 0 !important; width: 100% !important; left: auto; right: auto; } #tarteaucitronRoot #tarteaucitronServices .tarteaucitronAllow, #tarteaucitronRoot #tarteaucitronServices .tarteaucitronAllDenied, #tarteaucitronRoot #tarteaucitronServices .tarteaucitronAllow, #tarteaucitronRoot #tarteaucitronServices .tarteaucitronDeny { font-size: 14px !important; } #tarteaucitron #tarteaucitronServices_mandatory .tarteaucitronH3 { font-size: 13px !important; margin-top: 0px !important; line-height: 16px !important; } html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder ul .tarteaucitronLine { padding-top: 0 !important; } #tarteaucitron { padding-top: 20px !important; } #tarteaucitron b { font-size: 17px !important; font-weight: 500; } #tarteaucitron .tarteaucitronAsk { padding-top: 6px !important; } html body #tarteaucitronRoot #tarteaucitron .tarteaucitronAsk { margin-bottom: 0px!important; margin-top: 0px!important; } html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder #tarteaucitronServicesTitle_mandatory ul .tarteaucitronLine .tarteaucitronAsk { padding: 0 0 0 !important; margin: -20px 0 0 !important; } .cconsent input { width: 15px !important; height: 15px !important; min-width: 15px !important; min-height: 15px !important; } } /* ************************************** 404 **************************************/ body.page_0 { margin: 0; padding: 0; } body.page_0, body.page_0 .fullscreen, body.page_0 .inner, body.page_0 .content { height: 100%; position: relative; text-align: center; overflow: hidden; visibility: visible; } body.page_0 .content { text-align: center; width: 100%; display: flex; align-items: center; justify-content: center; padding: 0px 30px; } body.page_0 .logo { width: 260px; height: auto; display: block; float: none; margin: 0px auto 12px auto; display: block; position: relative; margin-bottom: 28px; } body.page_0 .inner { display: flex; align-items: center; justify-content: center; } body.page_0 h1 { color: #c4693b !important; } @media screen and (max-width: 1920px) { } @media screen and (max-width: 1680px) { body.page_0 .logo { width: 220px; margin-bottom: 20px; } } @media screen and (max-width: 1024px) { } @media screen and (max-width: 820px) { } @media screen and (max-width: 767px) { body.page_0 .logo { width: 180px; } } /* ************************************** TURN ************************************** */ #turn { display: none; } #turn { background: none repeat scroll 0 0 #e5e5e5; height: 100%; position: fixed; width: 100%; z-index: 10000; top: 0; left: -100%; max-height: 100%; } #turn > div { display: flex; align-items: center; height: 100%; width: 100%; padding: 0 14%; } #turn > div img { width: 170px; } #turn > div > div { padding-right: 20px; padding-top: 30px; text-align: right; } #turn > div > * { display: inline-block; } @media screen and (max-width: 570px) { #turn > div img { width: 150px; } #turn > div > div { padding-right: 13px; padding-top: 10px; } #turn > div { padding: 0 9%; } } /* ************************************** RECAPTCHA ************************************** */ .grecaptcha-badge { display: none; } /* ************************************** ANIMATION ************************************** */ .animate-in { -webkit-animation: fadeIn .5s ease-in; animation: fadeIn .5s ease-in; } .animate-out { -webkit-transition: opacity .5s; transition: opacity .5s; opacity: 0; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .blink { -webkit-animation-name: blinker; -webkit-animation-duration: 1.5s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -moz-animation-name: blinker; -moz-animation-duration: 1.5s; -moz-animation-timing-function: ease-in-out; -moz-animation-iteration-count: infinite; animation-name: blinker; animation-duration: 1.5s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } @-moz-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.5; } 100% { opacity: 1.0; } } @-webkit-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.5; } 100% { opacity: 1.0; } } @keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.5; } 100% { opacity: 1.0; } } .slide-in-right { -webkit-animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 140) both; animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 140) both; } @-webkit-keyframes slide-in-right { 0% { -webkit-transform: translateX(1000px); transform: translateX(1000px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes slide-in-right { 0% { -webkit-transform: translateX(1000px); transform: translateX(1000px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } .slide-out-right { -webkit-animation: slide-out-right 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both; animation: slide-out-right 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both; } @-webkit-keyframes slide-out-right { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(1000px); transform: translateX(1000px); opacity: 0; } } @keyframes slide-out-right { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(1000px); transform: translateX(1000px); opacity: 0; } } /* ************************************** LOADING **************************************/ .loadingContainer { height: 60px; position: absolute; top: 48%; width: 100%; z-index: 1; } .loadingBox { margin: 0 auto; width: 60px; } .loading { width: 60px; height: 60px; margin: 0 auto; background: url("img/loader.svg") no-repeat; background-size: 100%; animation: loader-spin 690ms infinite linear; -o-animation: loader-spin 690ms infinite linear; -ms-animation: loader-spin 690ms infinite linear; -webkit-animation: loader-spin 690ms infinite linear; -moz-animation: loader-spin 690ms infinite linear; } .panierHover .loading { width: 49px; height: 49px; margin: 0 auto; border-radius: 50%; background: none; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; animation: loader-spin 690ms infinite linear; -o-animation: loader-spin 690ms infinite linear; -ms-animation: loader-spin 690ms infinite linear; -webkit-animation: loader-spin 690ms infinite linear; -moz-animation: loader-spin 690ms infinite linear; } @keyframes loader-spin { 100% { transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes loader-spin { 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes loader-spin { 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes loader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes loader-spin { 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } .transition, .transition:hover, #services .item:hover:after, #services .item:hover { -webkit-transition: all 220ms ease-in-out; -moz-transition: all 220ms ease-in-out; -ms-transition: all 220ms ease-in-out; -o-transition: all 220ms ease-in-out; transition: all 220ms ease-in-out; } .transitionNav, .transitionNav:hover { -webkit-transition: all 820ms ease-in-out; -moz-transition: all 820ms ease-in-out; -ms-transition: all 820ms ease-in-out; -o-transition: all 820ms ease-in-out; transition: all 820ms ease-in-out; } .transitionSlow { -webkit-transition: all 520ms ease-in-out; -moz-transition: all 520ms ease-in-out; -ms-transition: all 520ms ease-in-out; -o-transition: all 520ms ease-in-out; transition: all 520ms ease-in-out; } .bt.acheval.centered { display: inline-block; margin: 0 0 0 0; } .bt.cent { width: 100%; height: 52px; line-height: 52px; } input, textarea { height: 40px; } .bt.btc { padding: 0 0; height: 50px; width: 50px; } .bt, button.bt { height: 50px; line-height: 49px; display: inline-block; text-align: center; padding: 0 22px; text-transform: lowercase; width: auto; } .bt.mini { height: 32px; line-height: 31px; padding: 0 16px; text-transform: none; } .bt.btPlus { font-size: 60px; padding: 0px 9px 1px 84px; font-weight: 100; } .bt.acheval.inverted, button.bt.acheval.inverted { position: absolute; right: auto; left: 38px; } .bt.bottom { position: absolute; bottom: 0; } .bt.acheval, button.bt.acheval { bottom: -20px; position: absolute; right: 38px; } .bt.pdf, .bt.link, .bt.pdf:hover, .bt.link:hover { padding: 0 0; height: 40px; width: 40px; background-color: transparent; } .bt.pdf { background-image: url("img/icon-pdf.png"); background-size: 100% 100%; } .bt.link { background-image: url("img/icon-link.png"); background-size: 100% 100%; } @media screen and (max-width: 1920px) { input, textarea { height: 34px; } .btc { height: 40px; width: 40px; } .bt, button.bt { padding: 0 21px; height: 40px; line-height: 39px; } .bt.mini { height: 28px; line-height: 26px; padding: 0 14px; text-transform: none; } .bt.acheval, button.bt.acheval { bottom: -17px; } .bt.big { height: 80px; font-size: 27px; line-height: 26px; padding: 0 27px; } .bt.floating, button.bt.floating { bottom: 42%; } .bt.pdf, .bt.link, .bt.pdf:hover, .bt.link:hover { height: 34px; width: 34px; } .bt.btPlus { font-size: 50px; padding: 0px 7px 1px 80px; font-weight: 100; } } @media screen and (max-width: 1680px) { input, textarea { height: 32px; } .btc { height: 32px; width: 31px; } .bt, button.bt { padding: 0 20px; height: 32px; line-height: 31px; } .bt.mini { height: 26px; line-height: 24px; padding: 0 14px; text-transform: none; } .bt.acheval, button.bt.acheval { bottom: -12px; } .bt.floating, button.bt.floating { bottom: 44%; } .bt.pdf, .bt.link, .bt.pdf:hover, .bt.link:hover { height: 32px; width: 32px; } .bt.btPlus { font-size: 42px; padding: 0px 6px 1px 62px; font-weight: 100; } } @media screen and (max-width: 1366px) { } @media screen and (max-width: 1024px) { } @media screen and (max-width: 820px) { .transitionNav, .transitionNav:hover { -webkit-transition: all 420ms ease-in-out; -moz-transition: all 420ms ease-in-out; -ms-transition: all 420ms ease-in-out; -o-transition: all 420ms ease-in-out; transition: all 420ms ease-in-out; } } @media screen and (max-width: 767px) { #conseil .bt.btPlus { padding: 0px 9px 1px 46px; top: 46%; transform: rotate(90deg); left: auto; right: 12px; } } @media screen and (max-width: 370px) { #conseil .bt.btPlus { top: 39%; } } @media screen and (max-width: 360px) { } /* ipad pro landscape*/ @media only screen and (min-device-width : 1024px) and (max-device-width : 1024px) and (min-device-height : 1366px) and (max-device-height : 1366px) and (min-width: 1366px) and (max-width: 1366px) { } @media screen and (max-width: 1024px) { } /* ipad pro portrait*/ @media only screen and (min-device-width : 1024px) and (max-device-width : 1024px) and (min-device-height : 1366px) and (max-device-height : 1366px) and (min-width: 1024px) and (max-width: 1024px) { } @media screen and (max-width: 767px) { } #lz_overlay_wm { display: none; z-index: 1; position: absolute; top: -100px; margin-right: -200px; } .slick-list { height: 100%; } .slick-track { height: 100%; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; z-index: 1; height: 100% !important; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-prev, .slick-next { background-color: transparent; position: absolute; margin: auto; width: 120px; height: 40px; } .slick-prev { left: -40px; bottom: 71px; background: url("../img/bt_prev.png") no-repeat; background-size: 100%; z-index: 2; } .slick-next { left: -40px; bottom: 120px; background: url("../img/bt_next.png") no-repeat; background-size: 100%; z-index: 2; } .page_11 .slick-prev, .page_11 .slick-next { background-color: transparent; position: absolute; margin: auto; width: 58px; height: 58px; bottom: 50%; } .page_11 .slick-prev { left: 0; background: url("../img/bt_prev2.png") no-repeat; background-size: 100%; z-index: 2; } .page_11 .slick-next { left: auto; right: 0px; background: url("../img/bt_next2.png") no-repeat; background-size: 100%; z-index: 2; } .slick-slider { opacity: 0; filter: alpha(opacity=0); } .slick-slide { top: 0; } .slick-dots { position: absolute; bottom: -36px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; overflow: hidden; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 3px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button::before { position: absolute; top: 0; left: 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width: 10px; height: 10px; content: ''; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-disabled { opacity: 0.5; } @media screen and (max-width: 1920px) { .slick-prev, .slick-next { background-color: transparent; position: absolute; margin: auto; width: 102px; height: 34px; } .slick-prev { left: -34px; bottom: 72px; } .slick-next { left: -34px; bottom: 112px; } .page_11 .slick-prev, .page_11 .slick-next { width: 50px; height: 50px; } } @media screen and (max-width: 1680px) { .slick-prev, .slick-next { width: 90px; height: 30px; } .slick-prev { left: -30px; bottom: 66px; } .slick-next { left: -30px; bottom: 100px; } .page_11 .slick-prev, .page_11 .slick-next { width: 40px; height: 40px; } } @media screen and (max-width: 1440px) { .page_11 .slick-prev, .page_11 .slick-next { bottom: 50%; } } @media screen and (max-width: 1366px) { .page_11 .slick-prev, .page_11 .slick-next { bottom: 66%; } } @media screen and (max-width: 1024px) { .page_11 .slick-prev, .page_11 .slick-next { bottom: 50%; } } @media screen and (max-width: 820px) { .page_11 .slick-prev, .page_11 .slick-next { bottom: 40%; } } @media screen and (max-width: 767px) { .slick-prev, .slick-next { width: 84px; height: 28px; } .slick-prev { left: -24px; bottom: 36px; } .slick-next { left: -24px; bottom: 70px; } .page_11 .slick-prev, .page_11 .slick-next { display: none !important; } } /* ************************************** FANCYBOX ************************************** */ .fancybox-button--share, .fancybox-button--thumbs, .fancybox-infobar, .fancybox-button--fullscreen, .fancybox-button--play { display: none !important; width: 0; height: 0; } .fancybox-navigation { top: 48%; } .fancybox-button, .fancybox-button:link, .fancybox-button:visited, .fancybox-navigation button { background-color: #c4693b !important; color: #ffffff !important; width: 40px !important; height: 40px !important; padding: 0px !important; margin: 0px !important; padding: 6px !important; } .fancybox-button:before { display: none !important; } .fancybox-bg { background: #ffffff; opacity: 0.9 !important; } .fancybox-is-open .fancybox-bg { opacity: 0.95 !important; } /* ***************************** COULEURS ********************************* */ .formErrorText { color: #ff0000; } .nobg { background-color: transparent !important; } .noshadow { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } body { color: #4e4e4e; text-rendering: optimizeLegibility; font-smooth: always; -webkit-font-smoothing: antialiased; } *[style="text-decoration: underline;"] { text-decoration: none !important; border-bottom: 1px solid #4e4e4e !important; } body { } .main { background-color: #eeeeee; } .item_4 > div { background-color: #dddddd; } .nav .menu * { color: #ffffff; } .nav .menu a:hover { color: #ffcbb0; } #footer .menu a.selected, #footer .menu a:hover { color: #c4693b !important; } .bg_gray { background-color: #cccccc; } .usercontent a:not(.bt) { border-bottom: 1px solid #333333; color: #333333; } .nav .menu a.selected { font-family: 'bwmodelica-regular-webfont'; } .menu a:hover { color: #ffffff; } .menu li.hassub ul:before { border-color: #ff00ff transparent transparent transparent; } .bt, button.bt { background-color: #c4693b; border: 1px solid #c4693b; color: #ffffff; } .page_1 #conseil .bt { background-color: #c4803b; border: 1px solid #c4803b; } .page_1 #conseil .bt:hover { border: 1px solid #c4803b; background-color: #ffffff; color: #c4803b; } .bt:hover, .bt.selected, button.bt:hover, button.bt.selected, .item_3:hover .bt { border: 1px solid #c4693b; background-color: #ffffff; color: #c4693b; } .bt.inverted { border: 1px solid #c4693b; background-color: #ffffff; color: #c4693b; } .bt.inverted:hover, .bt.inverted.selected, button.bt.inverted:hover, button.bt.inverted.selected { background-color: #c4693b; border: 1px solid #ffffff; color: #ffffff; } .btPlus span { display: block; margin-top: -1px; font-family: "bwmodelica-hairline-webfont"; } #tarteaucitronRoot .tarteaucitronCTAButton, #tarteaucitronRoot #tarteaucitronCloseAlert { border: 1px solid #888888 !important; background-color: #888888 !important; color: #ffffff !important; width: auto !important; text-align: center !important; } #tarteaucitronRoot button { padding: 4px 8px !important; } #tarteaucitronRoot .tarteaucitronCTAButton:hover, #tarteaucitronRoot #tarteaucitronCloseAlert:hover { border: 1px solid #888888 !important; background-color: #ffffff !important; color: #888888 !important; } .overlayBox .cell > div { background-color: #c4693b !important; } #overlay { background-color: #ffffff; opacity: 0.9; } .fancybox-bg { background-color: #ffffff; opacity: 0.9; } .slick-dots li.slick-active button::before { border: 3px solid #333333; } .slick-dots li button::before { border: 3px solid #cccccc; } .slider .legende { background-color: #333333; color: #eeeeee; } .panierHover .loading { box-shadow: 3px 3px 1px #444444; } .three-cols .corps { background-color: #dddddd; } .three-cols .infos { background-color: #555555; } .three-cols .infos * { color: #efefef; } .listRecrutements .recrutement .r_titre, .listRecrutements .recrutement .r_titre * { background-color: #777777; color: #ffffff; } .listRecrutements .recrutement .r_bt { background-color: #333333; color: #ffffff; } .listRecrutements .recrutement .r_corps { background-color: #cccccc; color: #333333; } .bgGray, .bgGray p, .bgGray h1, .bgGray h2, .bgGray h3, .bgGray h4 { color: #ffffff; background-color: #555555; } body.page_0, #turn { background-color: #ffffff; color: #111111; } body.page_0 h1, body.page_0 p, #turn p { color: #111111; } /************************************** COVID **************************************/ .covid { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; display: flex; align-items: center; z-index: 90; } .covid::before { background-color: #ffffff; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; content: ''; z-index: -1 ; opacity: 0.9; filter: alpha(opacity=1); } .btCovidContainer { position: absolute; top: 20px; right: 20px; } .covid > div { width: 1100px; padding: 46px; background-color: #c4693b; color: #ffffff; margin: 0 auto; display: flex; align-items: flex-end; text-align: left; } .covid p { color: #ffffff; } .covid img { width: 45%; margin-right: 4%; } .covid > div > div { width: 61%; } @media screen and (max-width: 1920px) { .fancybox-button, .fancybox-button:link, .fancybox-button:visited, .fancybox-navigation button { width: 36px !important; height: 36px !important; padding: 5px !important; } .covid > div { width: 900px; padding: 38px; } } @media screen and (max-width: 1680px) { .covid > div { width: 800px; padding: 38px; } .fancybox-button, .fancybox-button:link, .fancybox-button:visited, .fancybox-navigation button { width: 32px !important; height: 32px !important; padding: 4px !important; } } @media screen and (max-width: 1366px) { } @media screen and (max-width: 1024px) { .covid > div { width: 700px; padding: 36px; } } @media screen and (max-width: 820px) { .covid > div { width: calc(100% - 72px); padding: 32px; } } @media screen and (max-width: 767px) { .fancybox-button, .fancybox-button:link, .fancybox-button:visited, .fancybox-navigation button { width: 36px !important; height: 36px !important; padding: 5px !important; } .covid > div > div { width: 100%; } .covid > div { width: calc(100% - 48px); padding: 24px; } .covid > div { display: block; } .covid h2 { margin-top: 2px; margin-bottom: 8px; } .covid p { margin-bottom: 18px; } } .covid { z-index: 1; opacity: 0; filter: alpha(opacity=0); } #tarteaucitronIcon { display: none !important; } #tarteaucitronIcon{ display: none !important; } .gm-style iframe + div { border:none!important; }