/*! 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)}} /* https://fancyapps.com/docs/ui/installation */ .carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:transparent;overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:transparent;min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:transparent}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 0, 0, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block} sub, sup { /* Specified in % so that the sup/sup is the right size relative to the surrounding text */ font-size: 70%; /* Zero out the line-height so that it doesn't interfere with the positioning that follows */ line-height: 0; /* Where the magic happens: makes all browsers position the sup/sup properly, relative to the surrounding text */ position: relative; /* Note that if you're using Eric Meyer's reset.css, this is already set and you can remove this rule */ vertical-align: baseline; margin-left: 4px; } .fancyLink:hover { cursor: pointer; } .fancybox__thumbs { display: none; } .fancybox__nav { position: absolute; width: 100%; top: 48%; } a { color: inherit; } ul, ol, li { list-style: none; } ul { 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; } .clickAll:hover { cursor: pointer; } 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: 68px; /* Chrome, Safari, Opera */ -moz-column-gap: 68px; /* Firefox */ column-gap: 68px; } .fullscreen { position: relative; width: 100%; text-align: center; z-index: 10; } .nav .inner, .cbp-slider .cbp-nav-controls { text-align: center; } .inner { background-color: transparent; z-index: 10; width: calc(100% - 600px); margin: 0 auto; } .content { width: 80%; max-width: 1700px; 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; margin-top: 108px; position: relative; } .inner.decale { padding-top: 68px; } .firstContent { margin-top: 280px; margin-bottom: 30px; } .minibloc { padding: 20px 0 ; position: relative; } .nav { z-index: 11; height: 226px; padding-top: 20px; padding-bottom: 0; /*position: fixed;*/ } @media screen and (max-width: 2560px) { .inner { width: calc(100% - 240px); } .content { width: 84%; } .nav .inner, .cbp-slider .cbp-nav-controls { } .bloc { margin-top: 78px; } } @media screen and (max-width: 1920px) { .bloc { margin-top: 68px; } .inner { width: calc(100% - 200px); } .content { } .nav { height: 180px; padding-top: 20px; padding-bottom: 0; } .twoCols { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 60px; /* Chrome, Safari, Opera */ -moz-column-gap: 60px; /* Firefox */ column-gap: 60px; } } @media screen and (max-width: 1680px) { .bloc { margin-top: 58px; } .inner { width: calc(100% - 100px); } .content { width: 88%; } .twoCols { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 50px; /* Chrome, Safari, Opera */ -moz-column-gap: 50px; /* Firefox */ column-gap: 50px; } .nav { height: 144px; padding-top: 14px; padding-bottom: 0; } } @media screen and (max-width: 1440px) { .content { width: 90%; } } @media screen and (max-width: 1366px) { .content { width: 94%; } } @media screen and (max-width: 1280px) { .content { width: 100%; } } @media screen and (max-width: 1024px) { .inner { width: calc(100% - 80px); } .content { width: 100%; } .bloc { margin-top: 32px; } } @media screen and (max-width: 768px) { .spacer { height: 28px; } .inner { width: calc(100% - 72px); } .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 { margin-top: 168px; } .twoCols { -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; } .content.mini { text-align: center; padding: 0 2%; } } @media screen and (max-width: 767px) { .inner { width: calc(100% - 48px); } .content { width: 100%; } .nav { height: 124px; padding-top: 8px; padding-bottom: 0; } .bloc { margin-top: 30px; } .firstContent { margin-top: 78px; } .content.mini { padding: 0 0; } } /* ***************************** NAV ********************************* */ .ucase.pro-link { margin-top: 12px; display: block; } a.noClick:hover { cursor: pointer; } .nmesp { margin: 0px 7px; } .nmesp.bar { width: 1px; height: 36px; background-color: #6a6a6b; margin: -6px 12px 0px 18px; } .coord img { width: 38px; height: auto; } .nav { z-index: 11; margin-bottom: 0px; position: absolute; top: 0; } .nav .inner, .nav .content { position: relative; height: 100%; } .nav .lang { height: 40px; line-height: 40px; display: inline-block; } .infos { display: block; float: right; text-align: right; margin-right: 0; } .nav .coord { text-align: right; font-family: 'Quan-SemiLight'; text-transform: uppercase; } .nav a.selected, #footer a.selected { font-family: 'Quan-Black'; color: #ef7a12; } .nav .menu a:hover { color: #ef7a12; } #footer a.selected { font-family: 'Quan-Black'; color: #ef7a12; } .nav .coord strong { display: block; } .info > span { display: block; } .infos { width: auto; } .infos { width: auto; } .logo { width: 199px; height: auto; position: absolute; top: 20px; left: 0; } .menu { width: auto; position: absolute; bottom: 0; right: 0; } .nav .menu > ul > li > a { padding-bottom: 20px; display: block; } .menu li { display: inline-block; margin-left: 30px; position: relative; } .infos { float: right; } .coord > * { display: inline-block; } .coord { display: flex; align-items: center; justify-content: flex-end; } .menu li.hassub { position: relative; -webkit-transition: all 410ms ease-in-out; -moz-transition: all 410ms ease-in-out; -ms-transition: all 410ms ease-in-out; -o-transition: all 410ms ease-in-out; transition: all 410ms ease-in-out; } .menu li.hassub ul { display: none; position: absolute; left: -12px; text-align: left; padding: 0px 14px 14px 14px; white-space: nowrap; width: auto; -webkit-transition: all 410ms ease-in-out; -moz-transition: all 410ms ease-in-out; -ms-transition: all 410ms ease-in-out; -o-transition: all 410ms ease-in-out; transition: all 410ms ease-in-out; background-color: rgba(255, 255, 255, .5); } .menu li.hassub ul:before { display: block; clear: both; content: ''; width: 0; height: 0; border-style: solid; margin-bottom: 9px; margin-top: 6px; } .menu li.hassub ul li { margin-left: 0; margin-bottom: 9px; margin-top: 0px; width: auto; display: block; } #footer .menu li.hassub ul li { margin-bottom: 0px; margin-top: 0; } .menu li.hassub:hover ul { display: block; -webkit-transition: all 410ms ease-in-out; -moz-transition: all 410ms ease-in-out; -ms-transition: all 410ms ease-in-out; -o-transition: all 410ms ease-in-out; transition: all 410ms ease-in-out; } @media screen and (max-width: 1920px) { .nav .menu > ul > li > a { padding-bottom: 16px; display: block; } .logo { top: 4px; width: 164px; } .menu li { margin-left: 22px; } .nmesp { margin: 0px 6px; } .nmesp.bar { height: 28px; background-color: #6a6a6b; margin: -8px 8px 0px 14px; } .coord img { width: 30px; } .ucase.pro-link { margin-top: 8px; display: block; } } @media screen and (max-width: 1680px) { .nav .menu > ul > li > a { padding-bottom: 12px; } .menu li { margin-left: 15px; } .logo { top: 4px; width: 130px; } .menu li.hassub ul { min-width: 154px; } .nmesp { margin: 0px 5px; } .nmesp.bar { height: 22px; margin: -8px 8px 0px 14px; } .coord img { width: 26px; } .ucase.pro-link { margin-top: 4px; display: block; } } @media screen and (max-width: 1024px) { .menu li { margin-left: 12px; } .menu > ul > li:first-child { display: none; } } @media screen and (max-width: 768px) { .menu li.hassub ul { background: none; } .coord { display: block; } .nav .infos { display: none; } .nmesp.nmesp2 { display: none; } .nav a.selected, #footer a.selected { font-family: 'Quan-Black'; color: #ffffff; } .coord img { width: 36px; } .ucase.pro-link { position: absolute; top: 190px; right: 0; font-size: 20px; } } @media screen and (max-width: 767px) { .logo { top: 8px; width: 110px; } .nav .infos { display: none; } .ucase.pro-link { top: 140px; right: 0; font-size: 16px; } } .mobile_bt { position: absolute; right: 0; top: 60px; display: none; } .nav .hamburger-close, .nav .hamburger-close { display: none; } .nav_mobile { z-index: 20; position: fixed; width: 100%; height: 100%; overflow: hidden; display: none; opacity: 0; filter: alpha(opacity=0); margin-bottom: 0; margin-top: -1px; } .menualpha { opacity: 0.6; filter: alpha(opacity=0.6); } /* ***************************** NAV MOBILE ********************************* */ .nav_mobile .inner, .nav_mobile .content { height: 100%; } .nav .ff, .nav .ss { display: none; } @media screen and (max-width: 768px) { .nav .menu { display: none; } .nav_mobile .infos { display: block; position: absolute; right: 0; top: 20%; } .footer.logo { margin-left: 0; } .nav .mobile_bt { display: block; } .nav .hamburger, .nav .hamburger-close { width: 46px; } .nav_mobile .menu { display: block; } .nav_mobile .menu { position: absolute; width: auto; } .nav_mobile .menu { position: absolute; width: 100%; vertical-align: top; } .nav_mobile .menu ul, .nav_mobile .menu li { vertical-align: top; } .nav_mobile .menu > ul > li { margin-bottom: 18px; margin-left: 0; margin-right: 0px; width: 28%; } .nav_mobile .menu > ul > li:nth-child(3), .nav_mobile .menu > ul > li:nth-child(6) { width: 36%; } .nav_mobile .menu > ul > li:nth-child(4), .nav_mobile .menu > ul > li:nth-child(7) { width: 32%; } .nav_mobile .menu li, .nav_mobile .menu li a { font-size: 20px; line-height: 40px; } .nav_mobile .menu li ul li, .nav_mobile .menu li ul li a { font-size: 22px; line-height: 22px; margin-bottom: 18px; } .nav_mobile .menu li ul { display: block; position: relative; margin-left: 0; padding: 0px 12px 12px 0; margin-top: 8px; } .menu li.hassub ul { left: 0; text-align: left; padding: 0px 0 18px 0; white-space: nowrap; } .nav_mobile .coord { position: absolute; top: 160px; right: 0px; } .nav_mobile .lang { display: inline-block; } .nav_mobile .coord { display: block; } .nav_mobile .coord .nmesp { display: block; opacity: 0; filter: alpha(opacity=0); height: 18px; } .nav_mobile .coord > * { display: block; float: none; clear: both; text-align: right; width: 100%; font-size: 22px !important; line-height: 22px !important; } .nav_mobile .coord span.adresse { display: none; float: none; text-align: right; } .nav_mobile .logo { z-index: 100; } .nav_mobile .coord { width: 80%; } } @media screen and (max-width: 768px) { .nav .menu { display: none; } .nav_mobile .infos { display: block; position: absolute; left: 0; top: 0%; right: auto; text-align: left; width: 100%; } .nav_mobile .nmesp { display: block; opacity: 0; filter: alpha(opacity=0); height: 1px; } .nav .mobile_bt { display: block; } .nav .hamburger, .nav .hamburger-close { width: 42px; } .nav_mobile .menu { display: block; } .nav_mobile .menu { position: absolute; width: auto; } .nav_mobile .menu li.ff { position: absolute; right: 0; margin-top: -32px; } .nav_mobile .menu li, .nav_mobile .menu li a { font-size: 30px; line-height: 52px; } .nav_mobile .menu { position: absolute; right: auto; left: 0; bottom: 60px; } .nav_mobile .menu { width: 100%; } .nav_mobile .logos img { height: 80px; } .nav_mobile .coord .tel { font-size: 27px; display: block; vertical-align: top; } .nav_mobile .lang { height: 40px; line-height: 30px; font-size: 18px !important; padding-top: 5px; text-align: right; margin-top: 2px; } .nav_mobile .menu > ul > li { margin-bottom: 18px; margin-left: 0; margin-right: 0px; } .nav_mobile .menu > ul > li:nth-child(1) { display: inline-block; } .nav_mobile .menu > ul > li { width: 46%; } .nav_mobile .menu > ul > li:nth-child(3), .nav_mobile .menu > ul > li:nth-child(6) { width: 46%; } .nav_mobile .menu > ul > li:nth-child(4), .nav_mobile .menu > ul > li:nth-child(7) { width: 46%; } .nav_mobile .menu li, .nav_mobile .menu li a { font-size: 20px; line-height: 40px; } .nav_mobile .menu li, .nav_mobile .menu li a { font-size: 28px; line-height: 40px; } .nav_mobile .coord { font-size: 17px; line-height: 20px; font-weight: 400; color: #ffffff; } .nav_mobile .menu li ul li, .nav_mobile .menu li ul li a { line-height: 24px; margin-bottom: 12px; } .nav_mobile ul, .nav_mobile li, .nav_mobile .infos { text-align: left; } .nav_mobile .infos > span { display: block; } .nav_mobile .lang { display: block; } .nav_mobile .coord { font-size: 14px; line-height: 20px; font-weight: 300; } .nav_mobile .submenu { height: 50%; position: absolute; top: auto; left: 100%; width: 100%; padding: 0 36px 0 36px; z-index: 11; bottom: 0px; margin-bottom: 0; } .nav_mobile .submenu, .nav_mobile .submenu li { text-align: right; } .nav_mobile .submenu li { text-align: left; } .nav_mobile .submenu li a { color: #fff !important; } .submenu img { position: absolute; top: 6px; left: 36px; width: 36px; } .nav_mobile .submenu li { color: #292929 !important; } .nav_mobile .submenu a { color: #292929 !important; font-size: 20px; line-height: 40px; } } @media screen and (max-width: 767px) { .submenu img { position: absolute; top: 12px; left: 30px; width: 30px; } .nav_mobile .submenu { height: 60%; } .nav_mobile .submenu { padding: 60px 24px 0 24px; background-color: #ef7d0e; } .nav_mobile { z-index: 20; position: fixed; width: 100%; } .nav_mobile .menu{ position: absolute; top: auto; bottom: 10%; } .nav_mobile .submenu a { color: #292929 !important; font-size: 19px; line-height: 36px; } .nav_mobile .coord strong { font-size: 22px; } .nav .hamburger, .nav .hamburger-close { width: 36px; } .nav .coord .tel { font-size: 24px; display: block; vertical-align: top; } .nav a.smallText { font-size: 13px; line-height: 16px; display: block; vertical-align: top; margin-bottom: 10px; margin-top: -4px; } .infos > span { height: 44px; vertical-align: top; } .nav .sep { display: none; } .nav .lang img { height: 21px; width: auto; } .infos strong { font-size: 24px; } .nav_mobile .menu > ul > li { width: 100%; } .nav_mobile .menu > ul > li:nth-child(3), .nav_mobile .menu > ul > li:nth-child(6) { width: 100%; } .nav_mobile .menu > ul > li:nth-child(4), .nav_mobile .menu > ul > li:nth-child(7) { width: 100%; } .nav_mobile .menu li.hassub:before { display: none; } .nav_mobile .menu li, .nav_mobile .menu li { width: 100%; text-align: left; } .nav_mobile .menu li, .nav_mobile .menu li a { font-size: 24px; line-height: 35px; } .nav_mobile .menu li ul { margin-top: 18px; } .nav_mobile ul, .nav_mobile li, .nav_mobile .infos { text-align: left; } .mobile_bt { top: 42px; display: none; } .nav_mobile .content { width: 100%; margin: 0 0 0 0; } .nav_mobile .coord > * { margin-top: 0px; } .nav_mobile .coord > * { font-size: 16px !important; } .nav_mobile .menu > ul > li { margin-bottom: 6px; } .nav_mobile .menu li ul li, .nav_mobile .menu li ul li a { line-height: 14px; margin-bottom: 13px; } .nav_mobile .menu li ul { margin-top: 8px; } .menu li.hassub ul { left: 0; text-align: left; padding: 1px 16px 0px 16px; white-space: nowrap; } .nav_mobile .coord { top: 90px; } .menu li.hassub ul li { margin-top: 7px; } .nav_mobile .coord { width: 100%; } .nav_mobile .coord .nmesp { height: 10px; } .nav_mobile .submenu li { text-align: left; } } @media screen and (max-width: 360px) { } /* ***************************** SLIDER ********************************* */ .fullsliderContainer .slider { opacity: 0; filter: alpha(opacity=0); } .fullsliderContainer .inner, .fullsliderContainer .content, .fullsliderContainer .cbp-item { height: 100%; } .fullsliderContainer .slider_img { position: absolute; } .fullsliderContainer { height: 1300px; } .page_31 .fullsliderContainer { height: 455px; overflow: hidden; } #bienvenue { height: 268px; display: flex; align-items: center; } .page_1 .fullsliderContainer { height: calc(100% - 268px); } .gallerySliderContainer .slider { height: 100%; } .fullsliderContainer .slider_img { 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%; } .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%; } .firstContentZ { margin-top: 440px; } .fullsliderContainer .slider { z-index: 1; } .fullsliderContainer { position: relative; } @media screen and (max-width: 2560px) { .fullsliderContainer { height: 1000px; } .page_31 .fullsliderContainer { height: 455px; } .firstContentZ { margin-top: 360px; } } @media screen and (max-width: 1920px) { .fullsliderContainer { height: 800px; } .page_31 .fullsliderContainer { height: 389px; } #bienvenue { height: 194px; } .page_1 .fullsliderContainer { height: calc(100% - 194px); } .firstContentZ { margin-top: 300px; } } @media screen and (max-width: 1680px) { .fullsliderContainer { height: 540px; } #map.fullsliderContainer { height: 386px; } #bienvenue { height: 134px; } .page_1 .fullsliderContainer { height: calc(100% - 134px); } .firstContentZ { margin-top: 230px; } .page_31 .fullsliderContainer { height: 317px; } } @media screen and (max-width: 1024px) { .fullsliderContainer { height: 540px; } .firstContentZ { margin-top: 220px; } .page_31 .fullsliderContainer { height: 257px; } .fullsliderContainer .slider_img { } } @media screen and (max-width: 768px) { .fullsliderContainer { height: 450px; } .firstContentZ { margin-top: 240px; } .page_31 .fullsliderContainer { height: 396px; } } @media screen and (max-width: 767px) { .fullsliderContainer { height: 320px; } .page_31 .fullsliderContainer { height: 190px; } #bienvenue { height: 116px; } .page_1 .fullsliderContainer { height: calc(100% - 116px); } .firstContentZ { margin-top: 180px; } } @media screen and (max-width: 360px) { } /* ***************************** ITEMS ********************************* */ .item_3 { float: left; display: inline-block; margin-right: 40px; margin-bottom: 20px; width: calc(33.3333% - 27px); } .item_3:nth-child(3n+3) { margin-right: 0px; } .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; } .item_3 img, .item_4 img, .item_5 img { width: 100%; display: block; } .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; } .item_3 > div { padding: 52px 52px 34px 52px; } .item_3.noPadd > div { padding: 0 !important; } .strategie > div, .item_3.noPadd > div > div { padding: 52px 52px 34px 52px; } .item_3.noPadd > div > div { padding-top: 0px !important; } .paddMe { padding: 46px 40px 46px 40px; } .item_4 > div, .item_4 .cbp-item-wrapper > div { padding: 26px 26px 26px 26px; } .item_3.clickAll img { -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; } .item_3.clickAll:hover img { -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; } .item_100 .item.item_3 { width: 100%; display: block; margin: 0 0 0 0; text-align: center; padding-top: 22px; } .left { width: calc(50% - 40px); float: left; display: inline-block; position: relative; height: auto; } .right { width: calc(50% - 40px); 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: 84%; 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; } .item_3.item_2 { width: calc(50% - 18px); float: left; display: inline-block; position: relative; margin-right: 36px; margin-bottom: 36px; } .item_3.item_2:nth-child(2n+2) { margin-right: 0; } .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; } .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; } #temoignagesActu #slider_temoignage p { padding: 0px 0px; margin-bottom: 0px; } #temoignagesActu .temoignageSliderContainer, #temoignagesActu .listActu { overflow: hidden; } #temoignagesActu #slider_temoignage img { width: 70px; margin: 0 0 0 0;; } #temoignagesActu .slick-next { right: 20px; top: auto; bottom: 20px; } #temoignagesActu .slick-prev { right: 58px; left: auto; top: auto; bottom: 20px; } #temoignagesActu .slick-prev { background: url("../img/bt_prev-c.png") no-repeat; background-size: 100%; } #temoignagesActu .slick-next { background: url("../img/bt_next-c.png") no-repeat; background-size: 100%; } #temoignagesActu .temoignageSliderContainer { opacity: 0; filter: alpha(opacity=0); } #temoignagesActu .item_3 { width: calc(50% - 10px); margin-bottom: 0px; } #temoignagesActu .item_3:nth-child(2n+2) { margin-right: 0px; } #temoignagesActu .left31, #temoignagesActu .right31 { height: 100%; } #temoignagesActu .slick-slide { padding: 34px 24px 66px 30px; } .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; } #js-filters-masonry > div, #js-filters-tabs > div { margin: 0px 6px 9px 0; } #bandeau_02 img, .right31 img { width: 100%; } .slider .legende { position: absolute; bottom: 0; width: 30%; height: auto; padding: 22px; font-style: italic; } .gallerySliderVariable .slick-slide { margin-right: 5px; } .gallerySliderVariable .slick-slide:last-child { margin-right: 0px; } #pave_01 .left31 img { width: 100%; display: block; } #pave_01 .item { } #pave_01 .right31 > div { position: absolute; bottom: 0px; } #pave_01 .right31 > div p { margin-bottom: 0px; } #pave_01 .right31 { position: relative; } .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; } .listRecrutements .recrutement .r_tete:hover { cursor: pointer; } 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%; } .projetFilters .bt { margin: 0px 0px 9px 5px; } @media screen and (max-width: 1920px) { .item_3 > div { padding: 36px 30px 36px 30px; position: relative; } .strategie > div, .item_3.noPadd > div > div { padding: 36px 30px 36px 30px; } .paddMe { padding: 36px 30px 36px 30px; } .item_3 { margin-right: 32px; width: calc(33.3333% - 22px); } .left { width: calc(50% - 32px); } .right { width: calc(50% - 32px); } } @media screen and (max-width: 1680px) { .item_3 > div { padding: 24px 22px 22px 22px; } .strategie > div, .item_3.noPadd > div > div { padding: 24px 22px 22px 22px; } .paddMe { padding: 24px 22px 22px 22px; } .item_4 > div, .item_4 .cbp-item-wrapper > div { padding: 18px 18px 18px 18px; } .item_4 { margin-right: 16px; margin-bottom: 30px; width: calc(25% - 12px); } .left40 { width: 34%; } .right40 { width: 66%; } .left72 { width: 90%; } .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; } .item_3.item_2 { width: calc(50% - 12px); float: left; display: inline-block; position: relative; margin-right: 24px; margin-bottom: 24px; } .item_3.item_2:nth-child(2n+2) { margin-right: 0; } #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; } .item_3 { margin-right: 22px; width: calc(33.3333% - 15px); } .left { width: calc(50% - 24px); } .right { width: calc(50% - 24px); } .projetFilters .bt { margin: 0px 0px 9px 4px; } } @media screen and (max-width: 1024px) { .left72 { width: 86%; } .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%; } .left72 { width: 100%; } .left { width: calc(50% - 20px); } .right { width: calc(50% - 20px); } } @media screen and (max-width: 768px) { .projetFilters .bt { margin: 0px 5px 9px 0px; } .left80 { width: 100%; } .left72 { padding-right: 0px; } .item_3 { float: left; display: inline-block; margin-right: 16px; width: calc(50% - 16px); margin-bottom: 66px; } .page_10 #temoignagesActuPartenaires .item_3 { margin-right: 20px; width: calc(33.3333% - 13.3333px); } .page_10 #temoignagesActuPartenaires .item_3:nth-child(3n+3) { margin-right: 0px; } .item_3:nth-child(3n+3) { margin-right: 16px; } .item_3:nth-child(2n+2) { margin-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; } .item_3.item_2 { width: calc(50% - 9px); float: left; display: inline-block; position: relative; margin-right: 18px; margin-bottom: 18px; } .item_3.item_2:nth-child(2n+2) { margin-right: 0; } .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; } #temoignagesActu .item_3 { width: 100%; margin-right: 0px; } #temoignagesActu .item_3:nth-child(2n+2) { display: none; } .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; } #slider_temoignage p { padding: 0px 4%; margin-bottom: 0px; } .left, .right { width: 100%; float: none; display: block; margin-bottom: 16px; margin-right: 0px; margin-left: 0; } .left { margin-bottom: 46px; } } @media screen and (max-width: 767px) { .item_3, .page_10 #temoignagesActuPartenaires .item_3 { float: none; display: block; margin-right: 0; width: 100%; margin-bottom: 24px; } .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; } .item_3.item_2:nth-child(2n+2) { margin-right: 0; } .cent.last { display: none; } .item_3.item_2 { margin-bottom: 24px; } #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; } #pave_01 .right31 > div { position: relative; bottom: 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; } #slider_temoignage p { padding: 0px 0%; margin-bottom: 0px; } .left { margin-bottom: 36px; } } /* ***************************** HOME ********************************* */ .scroll img { width: 50px; height: auto; } .scroll { position: absolute; right: 0; bottom: 0; display: block; } .push { float: left; display: inline-block; width: calc(33.33% - 66.66px); margin-right: 100px; } .push:nth-child(3) { margin-right: 0px; } .bigPush { float: left; display: inline-block; width: calc(66.66% - 33.33px); margin-right: 100px; } .push.bgOrange2 { margin-right: 0px; } .push.bgOrange2 img { display: block; } .push img { width: 100%; height: auto; display: block; } .push div { position: absolute; bottom: 0px; left: 0px; text-align: right; padding: 0 60px 90px; width: 100%; } .push div p { margin-bottom: 0px; color: #c6c6c6; } .push .bt.acheval { right: 60px; } #temoignagesContainer { text-align: center; padding: 224px 0 86px; margin-top: -120px; z-index: 9; } .page_1 #temoignagesContainer { background-color: #fdcf47; } .page_5 #temoignagesContainer { margin-top: 108px; padding-top: 0px; padding-bottom: 0px; } #temoignagesContainer h3, #temoignagesContainer p { text-align: center; } #temoignagesContainer .robotoRegular { text-transform: uppercase; text-align: center; } .push.bgOrange2 img { width: 100%; isplay: block; } @media screen and (max-width: 1920px) { .scroll img { width: 42px; } .push { width: calc(33.33% - 53.5px); margin-right: 80px; } .bigPush { width: calc(66.66% - 26.4px); margin-right: 80px; } .push div { padding: 0 48px 62px; } .push .bt.acheval { right: 48px; } #temoignagesContainer { padding: 180px 0 70px; margin-top: -92px; } } @media screen and (max-width: 2560px) { .page_5 #temoignagesContainer { margin-top: 108px; padding-top: 0px; } } @media screen and (max-width: 1680px) { .scroll img { width: 34px; } .push { width: calc(33.33% - 42.7px); margin-right: 64px; } .bigPush { width: calc(66.66% - 21.2px); margin-right: 64px; } .push div { padding: 0 38px 50px; } .push .bt.acheval { right: 38px; } #temoignagesContainer { padding: 146px 0 62px; margin-top: -75px; } .page_5 #temoignagesContainer { margin-top: 98px; padding-top: 0px; } } @media screen and (max-width: 1680px) { .page_5 #temoignagesContainer { margin-top: 68px; padding-top: 0px; } } @media screen and (max-width: 1366px) { } @media screen and (max-width: 1024px) { .push { width: calc(33.33% - 22.7px); margin-right: 34px; } .push div { padding: 0 38px 50px; } .bigPush { width: calc(66.66% - 11.2px); margin-right: 34px; } .push .bt.acheval { right: 38px; } .push p { display: none; } .page_5 #temoignagesContainer { margin-top: 68px; padding-top: 0px; } } @media screen and (max-width: 768px) { .push div { padding: 0 30px 32px; } .push .bt.acheval { right: 30px; } .push { width: calc(33.33% - 17.5px); margin-right: 26px; } .bigPush { width: 100%; display: block; float: none; margin-right: 0; margin-bottom: 54px; } .push.bgOrange2 { display: none; } } @media screen and (max-width: 767px) { .push.bgOrange2 { display: block; } .scroll img { width: 24px; } .push div { padding: 0 30px 52px; } .push .bt.acheval { right: 30px; } .push { width: 100%; margin-right: 0; margin-bottom: 42px; display: block; float: none; } .push p { display: block; } #temoignagesContainer { padding: 120px 0 110px; margin-top: -100px; } .page_5 #temoignagesContainer { margin-top: 48px; padding-top: 0px; padding-bottom: 14px; } } /* ***************************** PAGES ********************************* */ .pbtImg img { width: auto; margin-right: 12px; height: 32px; margin-top: 5px; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%); } .pbtImg:hover img { margin-top: 5px; filter: invert(78%) sepia(71%) saturate(5363%) hue-rotate(355deg) brightness(96%) contrast(95%); } .pbtImg > * { display: inline-block; float: left; } .pbt { height: 44px !important; line-height: 44px !important; } .page_31 .slick-prev, .page_31 .slick-next { background-color: transparent; position: absolute; margin: auto; width: 52px; height: 52px; left: auto; top: auto; } .page_31 .slick-next { bottom: 124px; right: 20px; right: 0; background: url("../img/bt_next-2.png") no-repeat; background-size: 100%; z-index: 2; } .page_31 .slick-prev { bottom: 70px; right: 0; background: url("../img/bt_prev-2.png") no-repeat; background-size: 100%; z-index: 2; } .pdetails > div { margin-bottom: 4px; } .pbt { display: inline-block !important; margin: 0px 0px 14px 0; } .filterContainer .content > div { display: flex; justify-content: space-between; align-items: flex-end; } .filterContainer .right { text-align: right; } .projet img { display: block; } .projet .mask { position: absolute; top: 0; left: 0; width: 100%; height: auto; } .projet > div { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 100px 84px 50px; z-index: 1; } .projet .bt.acheval { right: auto; left: 50px; } .projet .vign { position: absolute; bottom: 298px; left: 50px; padding: 4px 14px; color: #ffffff; background-color: #ef7d0e; z-index: 2; text-transform: uppercase; } .projet { margin-bottom: 60px; } .projet h3 { text-transform: uppercase; } @media screen and (min-width: 1024px) { } .leftTitle { display: inline-block; float: left; width: 70%; } .rightTitle { display: inline-block; float: left; width: 30%; text-align: right; } .fProjetsPtContainer .bt { margin: 0px 0px 0px 8px !important; } .fProjetsPtContainer { padding-top: 44px; } .formationContent .btCont { display: block; margin-top: 22px; } .formationContent .bt { display: inline-block; margin: 0px 4px 8px 0; } span.spacer { display: block; } .left44 { float: left; display: inline-block; width: 44%; position: relative; } .right44 { float: right; display: inline-block; width: 56%; position: relative; } .inverted .left44 { float: right; } .inverted .right44 { float: left; } .formation .right44 { display: flex; align-items: flex-end; } .formation { margin-bottom: 60px; } .formation .right44 { padding: 44px 120px 80px 54px; } .formation.inverted .right44 { padding: 44px 70px 80px 120px ; } .formation .right44 .bt { right: 120px; } .formation.inverted .bt { left: 120px; right: auto; } .formation img { display: block; width: 100%; height: auto; } .formation .right44 .pBig { right: -23px; top: -39px; position: absolute; width: auto; height: auto; } .formation.inverted .right44 .pBig { right: auto; left: -21px; top: -39px; } .usercontent .bt { margin-bottom: 8px; margin-right: 4px; display: inline-block; } .usercontent em { font-style: italic; } .usercontent ul { vertical-align: top; margin-top: 12px; } 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 { background: url('img/puce.png') no-repeat left top; background-position-x: left; background-position-y: top; background-size: auto; background-position-x: left; background-position-y: top; background-size: auto auto; background-size: 17px 17px; vertical-align: top; margin-bottom: 3px; padding-left: 25px; background-position: 0px 6px; } .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: 0.7; filter: alpha(opacity=0.7); } .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; } .avecFond { padding: 90px 0; } #pgc { background-image: url("img/projets-genie-civil/back.jpg"); background-attachment: fixed; background-size: cover; } .strategie > div > div { display: flex; justify-content: flex-start; align-items: flex-end; } .strategie img { width: auto; margin-right: 16px; } .strategie h3 { margin-bottom: 0px; } .strategie2 { text-align: right; overflow: hidden; } .item_3.noPadd > div.strategie2 { padding-bottom: 20px !important; } .strategie2 span { } #strategie .bt.acheval { right: 52px; bottom: 0px; } .strategie2 { margin-bottom: 30px; } .strategie2 .bgGray > div { z-index: 2; display: block; } .strategie2 .bt { z-index: 3; } @media screen and (max-width: 1920px) { .page_31 .slick-prev, .page_31 .slick-next { width: 44px; height: 44px; } .page_31 .slick-next { bottom: 105px; right: 0; background: url("../img/bt_next-2.png") no-repeat; background-size: 100%; z-index: 2; } .page_31 .slick-prev { bottom: 60px; right: 0; background: url("../img/bt_prev-2.png") no-repeat; background-size: 100%; z-index: 2; } .projet { margin-bottom: 52px; } .projet > div { padding: 0 80px 70px 40px; } .projet .vign { bottom: 238px; left: 40px; padding: 3px 12px; } .projet .bt.acheval { right: auto; left: 40px; } .usercontent li { background-size: 15px 15px; vertical-align: top; margin-bottom: 3px; padding-left: 25px; background-position: 1px 6px; } .avecFond { padding: 78px 0; } .strategie img { width: 32px; margin-right: 12px; } #strategie .bt.acheval { right: 36px; } .strategie2 { margin-bottom: 26px; } .item_3.noPadd > div.strategie2 { padding-bottom: 17px !important; } .formation { margin-bottom: 52px; } .formation .right44 { padding: 36px 88px 64px 44px; } .formation.inverted .right44 { padding: 36px 56px 64px 88px ; } .formation .right44 .bt { right: 88px; } .formation.inverted .bt { left: 88px; } .formation .right44 .pBig { right: -19px; top: -34px; width: 55px; } .formation.inverted .right44 .pBig { left: -17px; top: -34px; } .formationContent .btCont { display: block; margin-top: 19px; } .fProjetsPtContainer { padding-top: 48px; } } @media screen and (max-width: 1680px) { .pbtImg img { margin-right: 12px; height: 26px; margin-top: 4px; } .pbtImg:hover img { margin-top: 5px; } .pbt { height: 36px !important; line-height: 36px !important; } .page_31 .slick-prev, .page_31 .slick-next { width: 40px; height: 40px; } .page_31 .slick-next { bottom: 90px; right: 0; background: url("../img/bt_next-2.png") no-repeat; background-size: 100%; z-index: 2; } .page_31 .slick-prev { bottom: 49px; right: 0; background: url("../img/bt_prev-2.png") no-repeat; background-size: 100%; z-index: 2; } .pdetails > div { margin-bottom: 3px; } .pbt { margin: 0px 0px 10px 0; } .projet { margin-bottom: 42px; } .right76 .social img { width: 33px; } .usercontent li { background: url('img/puce.png') no-repeat left top; background-position-x: left; background-position-y: top; background-size: auto; background-position-x: left; background-position-y: top; background-size: auto auto; background-size: 13px 13px; vertical-align: top; margin-bottom: 2px; padding-left: 20px; background-position: 2px 6px; } 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; } .avecFond { padding: 62px 0; } .strategie img { width: 28px; margin-right: 10px; } #strategie .bt.acheval { right: 24px; } .strategie2 { margin-bottom: 20px; } .item_3.noPadd > div.strategie2 { padding-bottom: 16px !important; } .formation .right44 .pBig { right: -14px; top: -25px; width: 40px; } .formation.inverted .right44 .pBig { left: -12px; top: -25px; } .formationContent .btCont { display: block; margin-top: 16px; } .fProjetsPtContainer { padding-top: 31px; } .projet > div { padding: 0 70px 40px 36px; } .projet .vign { bottom: 218px; left: 40px; padding: 3px 12px; } .projet .bt.acheval { right: auto; left: 36px; } } @media screen and (max-width: 1600px) { .projet .vign { bottom: 198px; left: 40px; padding: 3px 12px; } .projet .bt.acheval { right: auto; left: 36px; } } /* 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: 1440px) { .formation { margin-bottom: 44px; } .formation .right44 { padding: 28px 51px 51px 34px; } .formation.inverted .right44 { padding: 28px 44px 51px 51px ; } .formation .right44 .bt { right: 51px; } .formation.inverted .bt { left: 51px; } .projet > div { padding: 0 70px 40px 36px; } .projet .vign { bottom: 188px; left: 36px; padding: 3px 12px; } .projet .bt.acheval { right: auto; left: 36px; } } @media screen and (max-width: 1366px) { .formation { margin-bottom: 44px; } .formation .right44 { padding: 24px 40px 40px 34px; } .formation.inverted .right44 { padding: 24px 40px 40px 40px ; } .formation .right44 .bt { right: 40px; } .formation.inverted .bt { left: 40px; } } @media screen and (max-width: 1024px) { .strategie2 { margin-bottom: 20px; } .formation { margin-bottom: 44px; } .formation .right44 { padding: 24px 40px 40px 34px; } .formation.inverted .right44 { padding: 24px 40px 40px 40px ; } .formation .right44 .bt { right: 40px; } .formation.inverted .bt { left: 40px; } .leftTitle { width: 66%; } .rightTitle { width: 34%; } .projet > div { padding: 0 60px 24px 28px; } .projet .vign { bottom: 168px; left: 28px; padding: 3px 12px; } .projet .bt.acheval { left: 28px; } } /* 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: 768px) { .projet { margin-bottom: 36px; } .projet > div { padding: 0 70px 40px 36px; } .projet .vign { bottom: 178px; left: 36px; padding: 3px 12px; } .projet .bt.acheval { left: 36px; } .strategie2 { margin-bottom: 18px; } .formation .right44 { padding: 24px 40px 40px 34px; } .formation.inverted .right44 { padding: 24px 40px 40px 40px ; } .formation .right44 .bt { right: 40px; } .formation.inverted .bt { left: 40px; } .formation .right44, .formation .left44 { display: block; width: 100%; float: none; } .formation { margin-bottom: 36px; } .formation .right44 .pBig { display: none; } .formation.inverted .right44 .pBig { display: none; } .leftTitle { float: none; display: block; width: 100%; } .rightTitle { float: none; display: block; width: 100%; padding-top: 0px; margin-bottom: 24px; } .noLeft768 { display: block; width: 100%; float: none; } .filterContainer .content > div { display: block; } .filterContainer .right { text-align: left; } } @media screen and (max-width: 767px) { .projet > div { padding: 0 60px 44px 32px; } .projet .vign { bottom: 178px; left: 32px; padding: 3px 12px; } .projet .bt.acheval { left: 32px; } .item_3.noPadd > div.strategie2 { padding-bottom: 18px !important; } .strategie img { width: 24px; margin-right: 8px; } .page_14 .mentions table tr td:last-child { display: none; } .page_14 .mentions td { font-size: 13px; } .pdetails > div { margin-bottom: 7px; } .page_14 td { word-break: break-all; } .liensContainer { margin-bottom: 28px; } .formation .right44 { padding: 24px 24px 44px 24px; } .formation.inverted .right44 { padding: 24px 24px 44px 24px ; } .formation .right44 .bt { right: 24px; } .formation.inverted .bt { left: 24px; } .rightTitle { margin-bottom: 24px; } .rightTitle { text-align: left; } .fProjetsPtContainer .bt { margin: 0px 6px 0px 0px !important; } } @media screen and (max-width: 375px) { .projet > div { padding: 0 60px 38px 28px; } .projet .vign { bottom: 168px; left: 28px; padding: 3px 12px; } .projet .bt.acheval { left: 28px; } } /* ***************************** CONTACT ********************************* */ .page_13 .nav { background-color: rgba(255, 255, 255, .85); } .page_13 .contact-form input, .page_13 .contact-form textarea { background-color: #efefef; } .page_13 h1 { text-align: left; } .contact-form { width: 100%; } .contact-form input, .contact-form textarea { width: 100%; margin-bottom: 6px; } .page_13 .contact-form .left { float: left; display: inline-block; width: 33%; padding-right: 0px; } .page_13 .contact-form .right { float: right; display: inline-block; background-color: #ffffff; width: 66%; } .contact-form textarea { height: 163px; padding: 8px; } .contact-form input, .bt_fichier_container { height: 46px; line-height: 46px; width: calc(50% - 12px); margin-right: 18px; margin-bottom: 24px; } .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 .page_13 .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%; } .page_5 .contact-form button { right: auto; left: calc(50% - 145px); } .page_5 .contact-form input[type='text'], .page_5 .contact-form input[type='mail'] { width: 100%; margin-bottom: 18px; } .page_5 .contact-form .cflex input[type='text'] { width: 164px; margin-bottom: 0px; } .page_5 .cflex { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 26px; } .page_5 .cLabel { display: block; margin-bottom: 8px; } .page_5 .contact-form select { width: 100%; background: url(img/bt_select.png) no-repeat #ffffff; background-position: right; background-size: 57px 38px; -webkit-appearance: none; -moz-appearance: none; } @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%; } .page_5 .contact-form button { right: auto; left: calc(50% - 132px); } .page_5 .contact-form input[type='text'], .page_5 .contact-form input[type='mail'] { margin-bottom: 16px; } .page_5 .contact-form .cflex input[type='text'] { width: 144px; } .page_5 .cflex { margin-bottom: 24px; } .page_5 .contact-form select { background: url(img/bt_select.png) no-repeat #ffffff; background-position: right; background-size: 51px 34px; -webkit-appearance: none; -moz-appearance: none; } } @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; } .page_5 .contact-form button { right: auto; left: calc(50% - 106px); } .page_5 .contact-form input[type='text'], .page_5 .contact-form input[type='mail'] { margin-bottom: 14px; } .page_5 .contact-form .cflex input[type='text'] { width: 124px; } .page_5 .cflex { margin-bottom: 20px; } .page_5 .contact-form select { background: url(img/bt_select.png) no-repeat #ffffff; background-position: right; background-size: 48px 32px; -webkit-appearance: none; -moz-appearance: none; } } @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: 768px) { } @media screen and (max-width: 768px) { #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 .page_13 .contact-form .left { width: 100%; padding-right: 0px; } .page_13 .left40 > div { width: 100%; display: block; margin-bottom: 4px; } .page_5 .duau { display: block; margin-bottom: 6px; } .page_5 .cflex { display: block; margin-bottom: 20px; } .page_5 .contact-form .cflex input[type='text'] { width: 104px; } .page_5 .cLabel { display: block; margin-bottom: 8px; } .page_5 .contact-form select { background: url(img/bt_select.png) no-repeat #ffffff; background-position: right; background-size: 57px 38px; -webkit-appearance: none; -moz-appearance: none; } } /* ***************************** FOOTER ********************************* */ #footer .menu > ul > li { margin-left: 12px; } #footer .social { color: #fff; } #footer { padding-bottom: 36px; margin-top: 130px; } #footer .logo { float: left; display: inline-block; height: auto; position: relative; bottom: auto; top: auto; left: auto; margin-top: -34px; } #footer .inner > div { float: right; display: inline-block; text-align: right; width: auto; } #footer .menu { position: relative; margin-bottom: 0; margin-top: 42px; } #footer .minibar * { margin-top: 38px; vertical-align: middle; height: 34px; line-height: 34px; } #footer .minibar img { margin-top: -8px; } #footer .minibar.smallText { float: none; display: block; clear: both; } #footer .fTel.mBlo { display: none; } #footer .mBlo.soc.mob { display: none; } #footer .coord { margin: 10px 0 100px; } .mobLinks { display: none; } .page_1 #footer { margin-top: 0px; } @media screen and (max-width: 1920px) { #footer { padding-bottom: 30px; margin-top: 110px; } #footer .coord { margin: 8px 0 90px; } #footer .logo { margin-top: -30px; } } @media screen and (max-width: 1680px) { #footer { padding-bottom: 24px; margin-top: 90px; } #footer .coord { margin: 6px 0 80px; } #footer .logo { margin-top: -24px; } } @media screen and (max-width: 1366px) { } @media screen and (max-width: 1024px) { #footer .coord { margin: 26px 0 60px; } #footer .menu { display: none; } } @media screen and (max-width: 768px) { #footer .fTel { display: block; } .mobLinks { display: block; position: absolute; bottom: 3%; text-align: center; width: 100%; } } @media screen and (max-width: 767px) { #footer .coord { width: 100%; } #footer .logoContainer { display: block; width: 100%; text-align: center; } #footer .logoContainer img { display: inline-block; margin: -43px auto 0px auto; float: none; } #footer .coord { text-align: center; } #footer .coord > .mBlo { display: block; } #footer .nmesp { display: none; } #footer .fTel { display: none; } #footer .fTel.mBlo { display: block; } #footer .mBlo.soc { display: none; } #footer .mBlo.soc.mob { display: block; } #footer .minibar.smallText { display: none; } #footer .inner > div { float: none; display: block; text-align: center; width: 100%; } #footer .coord { margin: 26px 0 20px; } .mobLinks > div { text-align: center; width: 100%; } .mobLinks > div * { color: #ffffff; font-size: 13px; } #footer { padding-bottom: 4px; } } /* ***************************** 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: 9998 !important; } .overlayBox { height: 100% !important; left: 0 !important; position: fixed !important; top: 0 !important; width: 100% !important; z-index: 9999 !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; color: #ffffff !important;; } .overlayBox .text p { } .overlayBox .title { } .overlayBox .buttons { top: 16px !important; right: 16px !important; position: absolute !important; font-size: 0.9em !important; } .overlayBox .bouton, .btCovidContainer { cursor: pointer !important; 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; height: 28px !important; line-height: 28px; outline: medium none !important; vertical-align: top !important; cursor: pointer !important; padding: 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: 28px !important; margin-bottom: 6px !important; font-size: 0.8em !important; padding: 0 8px !important; line-height: 28px; } .overlayBox h1 { } .overlayBox .title { margin-bottom: 18px !important; font-weight: bold !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); } #FrmProLogin fieldset, #FrmLostPassword fieldset { display: flex; justify-content: flex-start; align-items: flex-end; padding: 0px 0px 0px 0px !important; margin: 0px 0px 0px 0px !important; } .overlayBox #FrmProLogin fieldset *, .overlayBox #FrmLostPassword fieldset * { display: inline-block !important; color: #000000 !important; } .overlayBox #FrmProLogin input, .overlayBox #FrmLostPassword input { margin-bottom: 0px !important; margin-right: 6px !important; } @media screen and (max-width: 1680px) { .overlayBox .text p { font-size: 11px !important; } } @media screen and (max-width: 1024px) { .overlayBox .cell > div { width: 50% !important; padding: 30px !important; } .overlayBox .title { margin-bottom: 12px !important; } } @media screen and (max-width: 768px) { .overlayBox .cell > div { width: 68% !important; } } @media screen and (max-width: 767px) { .overlayBox .cell > div { width: 92% !important; } .overlayBox h1 { font-size: 0.8em !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 .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; } .overlayBox #FrmProLogin input, .overlayBox #FrmLostPassword input { margin-bottom: 10px !important; margin-right: 4px !important; } #FrmProLogin fieldset, #FrmLostPassword fieldset { display: block; } } /* ************************************** CNIL **************************************/ #tarteaucitronAlertBig { max-width: 100%; width: 100%; margin: 0 0 0 0 !important; padding: 0px 0px !important; } #tarteaucitronAlertBig, #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert { background: #666 !important; color: #fff !important; } #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCTAButton, #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize { background: #fff !important; color: #666 !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: 999; } #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; color: #000000; } #FrmProAccess button { height: 25px !important; line-height: 25px !important; } #tarteaucitronAlertBig span { } .cconsent input { display: inline-block; width: auto; height: auto; line-height: 10px; float: left; margin-right: 5px; margin-bottom: 0px; margin-top: 4px; } .cconsent { display: flex; align-items: flex-start; margin-top: 18px; } @media screen and (max-width:1920px) { .cconsent input { margin-top: 3px; } .cconsent { margin-top: 17px; } } @media screen and (max-width:1680px) { .cconsent input { margin-top: 2px; } .cconsent { margin-top: 15px; } } @media screen and (max-width:768px) { #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) { .cconsent { margin: 16px 0 0 0; } #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; } .cconsent input { width: 26px; height: 26px; margin-top: -3px; line-height: 20px; } #tarteaucitronAlertBig #tarteaucitronPrivacyUrl, #tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog, #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert, #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong { font: 13px verdana !important; color: #fff; } span#tarteaucitronDisclaimerAlert { padding: 0 20px 0 0px !important; display: inline-block; } } /* ************************************** 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>div { position: absolute; bottom: 34%; text-align: center; width: 100%; } body.page_0 h1 { text-align: center; margin-bottom: 4%; } body.page_0 h1 { margin-top: 8px; } body.page_0 .logo { width: 320px; height: auto; display: block; float: none; margin: 0px auto 12px auto; display: block; position: relative; margin-bottom: 38px; } @media screen and (max-width: 1920px) { } @media screen and (max-width: 1680px) { body.page_0 .logo { width: 280px; margin-bottom: 28px; } } @media screen and (max-width: 1024px) { } @media screen and (max-width: 768px) { } @media screen and (max-width: 767px) { body.page_0 .logo { width: 220px; margin-bottom: 28px; } } /* ************************************** TURN ************************************** */ #turn { display: none; } #turn { background: none repeat scroll 0 0 #fff; height: 100%; position: fixed; width: 100%; z-index: 10000; top: 0; padding-top: 4%; left: -100%; max-height: 100%; } #turn table { height: calc(100% - 8px); width: 100%; vertical-align: middle; } #turn table * { vertical-align: middle; } #turn table, #turn td { text-align: center; height: 100%; } #turn td > div { display: inline-block; margin: 0 auto; width: 80%; } #turn td div > p, #turn td div > div { padding-top: 10px; text-transform: uppercase; text-align: center; } #turn .logo { position: relative; height: 90px; width: auto; margin: -66px auto 0 auto; display: block; float: none; left: auto; } #turn .turnimg { position: relative; height: 80px; width: auto; } @media (orientation: landscape) and (max-height: 360px) { #turn { padding-top: 0%; } } /* ************************************** 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, 0.940) both; animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 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, .pbtImg:hover img, .pbtImg img { -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; } .transitionslow, .transitionslow: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; } .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:hover { cursor: pointer; } .bt.btc { padding: 0 0; height: 40px; width: 40px; } .bt, button.bt { height: 40px; line-height: 39px; display: inline-block; text-align: center; padding: 0 22px; text-transform: uppercase; width: auto; } .bt.mini { height: 32px; line-height: 31px; padding: 0 16px; text-transform: none; } .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; z-index: 50; } .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: 34px; width: 33px; } .bt, button.bt { padding: 0 21px; height: 34px; line-height: 33px; } .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; } } @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: -16px; } .bt.floating, button.bt.floating { bottom: 44%; } .bt.pdf, .bt.link, .bt.pdf:hover, .bt.link:hover { height: 32px; width: 32px; } } @media screen and (max-width: 1680px) { input, textarea { height: 32px; } .btc { height: 32px; width: 32px; } .bt, button.bt { padding: 0 18px; height: 32px; line-height: 31px; } .bt.acheval, button.bt.acheval { bottom: -16px; } .bt.floating, button.bt.floating { bottom: 46%; } .bt.pdf, .bt.link, .bt.pdf:hover, .bt.link:hover { height: 32px; width: 32px; } } @media screen and (max-width: 1366px) { } @media screen and (max-width: 1024px) { .btc { height: 34px; width: 34px; } .bt, button.bt { padding: 0 14px; height: 34px; line-height: 33px; font-size: 14px; } .bt.acheval, button.bt.acheval { bottom: -14px; } .bt.pdf, .bt.link, .bt.pdf:hover, .bt.link:hover { height: 34px; width: 34px; } } @media screen and (max-width: 768px) { } @media screen and (max-width: 767px) { input, textarea { height: 36px; } .btc { height: 34px; width: 34px; } .bt, button.bt { padding: 0 14px; height: 36px; line-height: 36px; font-size: 15px; } .bt.mini { height: 31px; line-height: 29px; padding: 0 18px; text-transform: none; } .bt.acheval, button.bt.acheval { bottom: -18px; } .bt.bottom { position: relative; bottom: auto; } .bt.pdf, .bt.link, .bt.pdf:hover, .bt.link:hover { height: 34px; width: 34px; } } @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; } .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; top: 44%; width: 33px; height: 33px; } .slick-prev { left: 20px; right: auto; background: url("../img/bt_prev.png") no-repeat; background-size: 100%; z-index: 2; } .slick-next { right: 20px; left: auto; background: url("../img/bt_next.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; background-color: #fee7a3; } @media screen and (max-width: 1680px) { .slick-prev, .slick-next { width: 29px; height: 29px; } .slick-dots li button { width: 16px; height: 16px; } .slick-dots li { width: 16px; height: 16px; } .slick-dots { bottom: -26px; } } /* ************************************** FANCYBOX ************************************** */ .fancybox-button--share, .fancybox-button--thumbs, .fancybox-infobar, .fancybox-button--fullscreen, .fancybox-button--play { display: none; width: 0; height: 0; } .fancybox-navigation { top: 48%; } /* ***************************** COULEURS ********************************* */ .bgYellow { background-color: #fdcf48; } .bgGrayFonce { background-color: #565656 !important; } .grayClair { color: #d6d6d6 !important; } .grayClair b, .grayClair strong { color: #f07e13 !important; } .formErrorText { color: #ff0000; } .nobg { background-color: transparent !important; } .noshadow { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } body, h1, h2, h3, h4, p, a { color: #585857; text-rendering: optimizeLegibility; font-smooth: always; -webkit-font-smoothing: antialiased; } body { background-color: #ffffff; } .white { color: #fff !important; } .item_4 > div { background-color: #dddddd; } .nav { background-color: rgba(255, 255, 255, .5); } .nav * { color: #585857; } .nav .menu * { color: #585857; } .nav_mobile { background-color: #ef7d0e; } #footer { background-color: #ececed; } #footer * { color: #585857; } #footer .minibar { color :#0000ff; } .bgGray { background-color: #575756; } .orange { color: #f07e13 !important; } .bgOrange { background-color: #f07e13 !important; } .bg_gray { background-color: #cccccc; } .usercontent a:not(.bt) { border-bottom: 1px solid #333333; color: #333333; } .menu li.hassub ul:before { border-color: #ff00ff transparent transparent transparent; display: none; } .bt, button.bt { border: 1px solid #ef7d0e; background-color: #ef7d0e; color: #ffffff; } .bt:hover, .bt.selected, button.bt:hover, button.bt.selected, .projet:hover .bt, .push.clickAll:hover .bt, .strategie2.clickAll:hover .bt { border: 1px solid #ef7d0e; background-color: #ffffff; color: #ef7d0e; } .bt.inverted { border: 1px solid #565656; background-color: #565656; color: #fff; } .bt.inverted:hover, .bt.inverted.selected, button.bt.inverted:hover, button.bt.inverted.selected { border: 1px solid #ef7d0e; background-color: #ef7d0e; color: #ffffff; } #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: #565656 !important; color: #ffffff !important; } #overlay { background: rgba(0, 0, 0, 0.8) !important; } .slick-dots li.slick-active button::before { border: 3px solid #fee7a3; } .slick-dots li button::before { border: 3px solid #fee7a3; } .slider .legende { background-color: #333333; color: #eeeeee; } .slick-dots li.slick-active button::before { background-color: #fff; } .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; } @media screen and (max-width: 768px) { } @media screen and (max-width: 768px) { .nav .menu * { color: #ffffff; } .nav * { color: #ffffff; } } /************************************** COVID **************************************/ /************************************** COVID **************************************/ .covid { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: flex; align-items: center; } .covid::before { background: url(img/back-alert.png) repeat center center fixed; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; content: ''; z-index: -1 ; opacity: 0.7; filter: alpha(opacity=0.7); } .btCovidContainer { position: absolute; top: 20px; right: 20px; } .covid > div { width: 1100px; padding: 46px; background-color: #fff; margin: 0 auto; display: flex; align-items: flex-end; text-align: left; } .covid p { color: #979797; } .covid img { width: 45%; margin-right: 4%; } .covid > div > div { width: 61%; } @media screen and (max-width: 1920px) { .covid > div { width: 900px; padding: 38px; } } @media screen and (max-width: 1680px) { .covid > div { width: 800px; padding: 38px; } } @media screen and (max-width: 1366px) { } @media screen and (max-width: 1024px) { .covid > div { width: 700px; padding: 36px; } } @media screen and (max-width: 768px) { .covid > div { width: calc(100% - 72px); padding: 32px; } } @media screen and (max-width: 767px) { .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; } /****************************** TELECHARGEMENT PRO **************************** */ .myselect select, .myselect input { border: 0; padding: 0px 6px 0 12px; color: #3f3f3f; font-size: 13px; line-height: 13px; z-index: 1; display: block; background: url(img/bt_select.png) no-repeat 136px #d9d9d9; -webkit-appearance: none; -moz-appearance: none; height: 30px; } .page_37 table img.tdsep { position: absolute; height: 66%; width: 1px; top: 17%; left: 0px; } .page_37 table img.pdfd { height: auto; width: 30px; display: inline; } .page_37 table { width: 100%; margin-bottom: 34px; } .page_37 th { padding: 18px 28px; vertical-align: middle; color: #ffffff; background-color: #4c4c4c; width: calc(100% - 172px); } .page_37 table .t2, .page_37 table .t3 { width: 86px; text-align: center; position: relative; } .page_37 td { padding: 14px 28px; vertical-align: middle; border-bottom: 1px solid #989898; } .page_37 table h2 { margin-bottom: 0px; color: #fff; font-weight: 300; } .page_37 .right { display: inline-block; float: left; width: calc(100% - 287px); } .page_37 .left { display: inline-block; float: left; width: 287px; padding-right: 10px; } .page_37 .for_mobile_only.filtres { display: none; } .page_37 .filtres li { float: left; display: inline-block; margin: 0px 6px 8px 0px; } @media screen and (max-width: 1680px) { .myselect select, .myselect input { height: 28px; } .page_37 .filtres li { margin: 0px 5px 6px 0px; } .page_37 td { padding: 9px 13px; } .page_37 th { padding: 13px 13px; } .page_37 table img.pdfd { width: 24px; } } @media screen and (max-width: 1024px) { .myselect select, .myselect input { height: 26px; padding: 0px 6px 0 12px; font-size: 13px; display: block; background: url(img/bt_select.png) no-repeat 116px #d9d9d9; } } @media screen and (max-width: 768px) { .page_37 .right { display: block; float: none; width: 100%; } .page_37 .left { display: block; float: none; width: 100%; padding-right: 0px; margin-bottom: 20px; } } @media screen and (max-width: 767px) { .page_37 .filtres li { margin: 0px 5px 6px 0px; } .page_37 .for_mobile_only.filtres { display: block; } .page_37 .not_for_mobile.filtres { display: none; } .myselect select { width: 116px; background: url(img/bt_select.png) no-repeat 94px #d9d9d9; font-size: 11px; background-size: 14px 8px; height: 22px; } .page_37 th { padding: 13px 13px; } .page_37 td { padding: 9px 13px; } .page_37 table img.pdfd { width: 14px; } .page_37 table .t2, .page_37 table .t3 { width: 40px; } .page_37 table .t2, .page_25 table .t3 { width: 40px; } .page_37 table .t1 { width: calc(100% - 80px); } } /****************************** GALERIE PRO **************************** */ .page_38 .item_3 > div { padding: 0px; background: none; } .page_38 .thumb { width: 100%; position: relative; } .page_38 .thumbs .item { position: relative; width: calc(33% - 9px); margin-right: 18px; float: left; display: inline-block; position: relative; margin-bottom: 18px; -webkit-transition: opacity 250ms ease-in-out; -moz-transition: opacity 250ms ease-in-out; -ms-transition: opacity 250ms ease-in-out; -o-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; } .page_38 .thumbs .item .i { width: 100%; height: auto; display: block; } .page_38 .thumbs .item .body { z-index: 1; } .page_38 .thumbs .item .hover { cursor: pointer; background: #fff none repeat scroll 0 0; position: absolute; top: 0; left: 0; width: calc(100% - 40px); height: calc(100% - 40px); margin: 20px 20px 20px 20px; padding: 40px 40px 40px 40px; z-index: 2; -webkit-transition: opacity 150ms ease-in-out; -moz-transition: opacity 150ms ease-in-out; -ms-transition: opacity 150ms ease-in-out; -o-transition: opacity 150ms ease-in-out; transition: opacity 150ms ease-in-out; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; } .page_38 .thumbs .item:hover .hover { -webkit-transition: opacity 150ms ease-in-out; -moz-transition: opacity 150ms ease-in-out; -ms-transition: opacity 150ms ease-in-out; -o-transition: opacity 150ms ease-in-out; transition: opacity 150ms ease-in-out; opacity: 1; filter: alpha(opacity=1); -moz-opacity: 1; } .page_38 .thumbs .item:hover .hover * { color: #454545; } .page_38 .thumbs .item .hover a > div { bottom: 20px; position: absolute; } .page_38 .thumbs .item .hover h2 { font-weight: bold; } .page_38 .thumbs .item .hover p { text-transform: uppercase; } .page_38 .thumbs .item:nth-child(3n+3) { margin-right: 0px; } .page_38 .thumbs img { width: 100%; height: auto; } @media screen and (max-width: 1680px) { .page_38 .thumbs .item .hover { width: calc(100% - 32px); height: calc(100% - 32px); margin: 16px 16px 16px 16px; padding: 20px 20px 20px 20px; } } @media screen and (max-width: 1024px) { .page_38 .thumbs .item { width: calc(33% - 10px); } } @media screen and (max-width: 768px) { .page_38 .thumbs .item:nth-child(3n+3) { margin-right: 18px; } .page_38 .thumbs .item:nth-child(even) { margin-right: 0px; } .page_38 .thumbs .item { width: calc(50% - 9px); } } @media screen and (max-width: 767px) { .page_38 .thumbs .item:nth-child(3n+3) { margin-right: 0; } .page_38 .thumbs .item { width: 100%; display: block; margin-right: 0; } } /********************************* FONT ***************************************/ @font-face {font-family: 'Quan-Regular'; src: url('../fonts/Quan-Regular.eot'); src: url('../fonts/Quan-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Quan-Regular.woff') format('woff'), url('../fonts/Quan-Regular.ttf') format('truetype'); } @font-face {font-family: 'Quan-Light'; src: url('../fonts/Quan-Light.eot'); src: url('../fonts/Quan-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Quan-Light.woff') format('woff'), url('../fonts/Quan-Light.ttf') format('truetype'); } @font-face {font-family: 'Quan-SemiLight'; src: url('../fonts/Quan-SemiLight.eot'); src: url('../fonts/Quan-SemiLight.eot?#iefix') format('embedded-opentype'), url('../fonts/Quan-SemiLight.woff') format('woff'), url('../fonts/Quan-SemiLight.ttf') format('truetype'); } @font-face {font-family: 'Quan-Bold'; src: url('../fonts/Quan-Bold.eot'); src: url('../fonts/Quan-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Quan-Bold.woff') format('woff'), url('../fonts/Quan-Bold.ttf') format('truetype'); } @font-face {font-family: 'Quan-Black'; src: url('../fonts/Quan-Black.eot'); src: url('../fonts/Quan-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Quan-Black.woff') format('woff'), url('../fonts/Quan-Black.ttf') format('truetype'); } @font-face {font-family: 'Quan-ExtraLight'; src: url('../fonts/Quan-ExtraLight.eot'); src: url('../fonts/Quan-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/Quan-ExtraLight.woff') format('woff'), url('../fonts/Quan-ExtraLight.ttf') format('truetype'); } @font-face {font-family: 'Quan-Thin'; src: url('../fonts/Quan-Thin.eot'); src: url('../fonts/Quan-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/Quan-Thin.woff') format('woff'), url('../fonts/Quan-Thin.ttf') format('truetype'); } p { margin-top: 0px; } @font-face { font-family: 'robotolight'; src: url('fonts/roboto-light-webfont.woff2') format('woff2'), url('fonts/roboto-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'robotoregular; src: url('fonts/roboto-regular-webfont.woff2') format('woff2'), url('fonts/roboto-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'robotobold; src: url('fonts/roboto-bold-webfont.woff2') format('woff2'), url('fonts/roboto-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'robotothin; src: url('fonts/roboto-thin-webfont.woff2') format('woff2'), url('fonts/roboto-thin-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } .bt { font-family: 'Quan-Regular'; text-transform: uppercase; letter-spacing: 0.05em; } strong { font-family: 'robotobold', 'Open Sans', sans-serif; } body { font-family: 'robotolight', 'Open Sans', sans-serif; font-size: 19px; line-height: 29px; letter-spacing: 0.03em; } .intro { font-size: 23px; line-height: 32px; font-family: 'robotoregular', 'Open Sans', sans-serif; } h1, .h1 { font-size: 144px; line-height: 110px; margin-bottom: 34px; text-transform: uppercase; font-weight: 300; } .coord { font-family: 'Quan-SemiLight'; text-transform: uppercase; } .coord .telm { font-size: 25px; line-height: 25px; font-family: 'Quan-Bold'; text-transform: uppercase; } .menu * { color: #585857; font-size: 25px; line-height: 25px; font-family: 'Quan-Regular'; text-transform: uppercase; } .bienvenue { font-size: 200px; line-height: 120px; font-family: 'Quan-Thin'; margin-left: -10px; } .baseline { font-size: 80px; line-height: 62px; } .subtitle { font-size: 28px; line-height: 28px; font-family: 'Quan-Bold'; text-transform: uppercase; } h2, .bigText, .h2 { font-size: 90px; line-height: 70px; margin-bottom: 26px; font-weight: 300; } .overlayBox .title { font-size: 66px; line-height: 66px; } .smallText, .smallText strong, .bt.mini, .cbp-popup-lightbox-title p { font-size: 16px; line-height: 22px; } .mediumText { font-size: 30px; line-height: 40px; } h3 { font-size: 69px; line-height: 55px; margin-bottom: 20px; font-weight: 300; } h3.quanExtraLight { line-height: 54px; } h3.small { font-size: 30px; line-height: 34px; } h4 { font-size: 21px; line-height: 27px; margin-bottom: 16px; } p { margin-bottom: 34px; } .quanLight { font-family: 'Quan-Light' !important; } .quanExtraLight { font-family: 'Quan-ExtraLight' !important; } .quanThin { font-family: 'Quan-Thin' !important; } .quanBold { font-family: 'Quan-Bold' !important; } .quanSemilight { font-family: 'Quan-SemiLight' !important; } .robotoRegular { font-family: 'robotoregular', 'Open Sans', sans-serif !important; } .robotoLight { font-family: 'robotolight', 'Open Sans', sans-serif !important; } .noMargBottom { margin-bottom: 0px; } .noTransform { text-transform: none; } .projet h3.small { font-size: 30px; line-height: 35px; } .projet .vign { font-size: 16px; line-height: 16px; font-family: 'Quan-Regular'; text-transform: uppercase; } h1.small { font-size: 90px; line-height: 70px; padding-right: 20%; margin-bottom: 48px; } h2.small { font-size: 50px; line-height: 50px; margin-bottom: 12px; } .subtitle2 { font-size: 25px; line-height: 25px; font-family: 'Quan-Bold'; text-transform: uppercase; } .intro2 { margin-top: 16px; display: block; } @media screen and (max-width: 1920px) { body { font-size: 17px; line-height: 26px; } .intro { font-size: 21px; line-height: 29px; } h1, .h1 { font-size: 116px; line-height: 102px; margin-bottom: 28px; } .baseline { font-size: 64px; line-height: 50px; } .coord .telm { font-size: 23px; line-height: 23px; } .menu * { font-size: 23px; line-height: 23px; } .bienvenue { font-size: 160px; line-height: 96px; margin-left: -8px; } .subtitle { font-size: 24px; line-height: 24px; } h2, .bigText, .h2 { font-size: 72px; line-height: 58px; margin-bottom: 20px; } .overlayBox .title { font-size: 54px; line-height: 54px; } .smallText, .smallText strong, .bt.mini, .cbp-popup-lightbox-title p { font-size: 15px; line-height: 20px; } .mediumText { font-size: 27px; line-height: 36px; } h3 { font-size: 56px; line-height: 42px; margin-bottom: 16px; } h3.quanExtraLight { line-height: 44px; } h3.small { font-size: 24px; line-height: 27px; } h4 { font-size: 19px; line-height: 25px; margin-bottom: 12px; } p { margin-bottom: 28px; } .projet h3.small { font-size: 24px; line-height: 27px; } .projet .vign { font-size: 15px; line-height: 15px; } h1.small { font-size: 72px; line-height: 56px; padding-right: 20%; margin-bottom: 38px; } .subtitle2 { font-size: 23px; line-height: 23px; } .intro2 { margin-top: 10px; display: block; } } @media screen and (max-width: 1680px) { body { font-size: 15px; line-height: 25px; } .intro { font-size: 18px; line-height: 25px; } h1, .h1 { font-size: 88px; line-height: 78px; margin-bottom: 22px; } .baseline { font-size: 45px; line-height: 39px; } .coord .telm { font-size: 21px; line-height: 21px; } .menu * { font-size: 20px; line-height: 20px; } .bienvenue { font-size: 128px; line-height: 76px; margin-left: -6px; } .subtitle { font-size: 20px; line-height: 20px; } h2, .bigText, .h2 { font-size: 56px; line-height: 44px; margin-bottom: 14px; } .overlayBox .title { font-size: 50px; line-height: 50px; } .smallText, .smallText strong, .bt.mini, .cbp-popup-lightbox-title p { font-size: 13px; line-height: 18px; } .mediumText { font-size: 24px; line-height: 33px; } h3 { font-size: 44px; line-height: 34px; margin-bottom: 12px; } h3.quanExtraLight { line-height: 34px; } h3.small { font-size: 21px; line-height: 24px; } h4 { font-size: 17px; line-height: 23px; margin-bottom: 12px; } p { margin-bottom: 22px; } .projet h3.small { font-size: 21px; line-height: 24px; } .projet .vign { font-size: 14px; line-height: 14px; } h1.small { font-size: 57px; line-height: 44px; padding-right: 16%; margin-bottom: 30px; } .subtitle2 { font-size: 21px; line-height: 21px; } .intro2 { margin-top: 6px; display: block; } } @media screen and (max-width: 1366px) { h3 { font-size: 42px; line-height: 32px; margin-bottom: 12px; } h3.quanExtraLight { line-height: 34px; } .projet h3.small { font-size: 20px; line-height: 24px; } } @media screen and (max-width: 1024px) { h1, .h1 { font-size: 78px; line-height: 58px; } .overlayBox .title { font-size: 46px; line-height: 46px; } .projet h3.small { font-size: 18px; line-height: 22px; } h1.small { padding-right: 0%; } } @media screen and (max-width: 768px) { body { font-size: 15px; line-height: 25px; } .intro { font-size: 18px; line-height: 25px; } h1, .h1 { font-size: 70px; line-height: 52px; margin-bottom: 20px; } .coord .telm { font-size: 21px; line-height: 21px; } .menu * { font-size: 20px; line-height: 20px; } .bienvenue { font-size: 100px; line-height: 60px; margin-left: -6px; } .subtitle { font-size: 18px; line-height: 18px; } h2, .bigText, .h2 { font-size: 50px; line-height: 40px; margin-bottom: 14px; } .smallText, .smallText strong, .bt.mini, .cbp-popup-lightbox-title p { font-size: 13px; line-height: 18px; } .mediumText { font-size: 24px; line-height: 33px; } h3 { font-size: 39px; line-height: 30px; margin-bottom: 12px; } h3.quanExtraLight { line-height: 32px; } h3.small { font-size: 20px; line-height: 24px; } h4 { font-size: 15px; line-height: 20px; margin-bottom: 10px; } p { margin-bottom: 22px; } } @media screen and (max-width: 767px) { body { font-size: 14px; line-height: 23px; } #footer .coord span { font-size: 16px; line-height: 24px; } .intro { font-size: 16px; line-height: 23px; } h1, .h1 { font-size: 40px; line-height: 34px; margin-bottom: 20px; } .coord .telm { font-size: 26px; line-height: 21px; margin: 14px auto 18px; display: block; } .menu * { font-size: 20px; line-height: 20px; } .bienvenue { font-size: 63px; line-height: 51px; margin-left: -2px; } .subtitle { font-size: 17px; line-height: 17px; } h2, .bigText, .h2 { font-size: 34px; line-height: 32px; margin-bottom: 12px; } .overlayBox .title { font-size: 32px; line-height: 32px; } .smallText, .smallText strong, .bt.mini, .cbp-popup-lightbox-title p { font-size: 13px; line-height: 18px; } .mediumText { font-size: 23px; line-height: 31px; } h3 { font-size: 36px; line-height: 30px; margin-bottom: 12px; } h3.quanExtraLight { line-height: 28px; } h3.small { font-size: 22px; line-height: 27px; } h4 { font-size: 45px; line-height: 19px; margin-bottom: 10px; } p { margin-bottom: 20px; } .temoignageSliderContainer > .smallText { font-size: 6px; line-height: 6px; display: block; } .bt { letter-spacing: 0.06em; } .projet .vign { font-size: 13px; line-height: 13px; } .baseline { font-size: 27px; line-height: 20px; } h1.small { font-size: 42px; line-height: 33px; padding-right: 0%; margin-bottom: 20px; } .subtitle2 { font-size: 20px; line-height: 20px; } } #tarteaucitronIcon { display: none !important; } #tarteaucitronAllDenied2, #tarteaucitronPersonalize2, #tarteaucitronCloseAlert { margin: 8px 6px 3px 6px !important; } @media screen and (max-width: 820px) { #tarteaucitronDisclaimerAlert { text-align: center !important; } }