/**** CSS des plugings ****/ .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;} .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;} @charset "UTF-8"; .slick-loading .slick-list{background:#fff url(../images/ajax-loader.gif) center center no-repeat} @font-face{font-family:'slick';font-weight:400;font-style:normal;src:url(../fonts/slick.eot);src:url(../fonts/slick.eot?#iefix) format("embedded-opentype"),url(../fonts/slick.woff) format("woff"),url(../fonts/slick.ttf) format("truetype"),url(../fonts/slick.svg#slick) format("svg")} .slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent} .slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:transparent} .slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1} .slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25} .slick-prev:before,.slick-next:before{font-family:'slick';font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .slick-prev{left:-25px} [dir='rtl'] .slick-prev{right:-25px;left:auto} .slick-prev:before{content:'←'} [dir='rtl'] .slick-prev:before{content:'→'} .slick-next{right:-25px} [dir='rtl'] .slick-next{right:auto;left:-25px} .slick-next:before{content:'→'} [dir='rtl'] .slick-next:before{content:'←'} .slick-dotted.slick-slider{margin-bottom:30px} .slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center} .slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;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:hover,.slick-dots li button:focus{outline:none} .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1} .slick-dots li button:before{font-family:'slick';font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .slick-dots li.slick-active button:before{opacity:.75;color:#000} /* Font Awesome 4.7.0 */ @font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} /* Lightbox */ .lb-loader,.lightbox{text-align:center;line-height:0}body:after{content:url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);display:none}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1} html, body{margin:0px auto; padding:0px;min-height:100vh;overflow-x:hidden} body{ font-size:16px; color:#212529; font-family: 'Roboto', sans-serif; direction: ltr; font-weight:400; background:#fff url(../images/dock-industries/header.jpg) no-repeat top center;background-size:100% 715px; } h1, h2, h3, h4, h5, h6, p, pre, ul, li{padding:0px; margin:0px 0px;font-family: 'Roboto', sans-serif; } p, li{font-size:16px;line-height:22px;margin-bottom:15px;font-weight:400} p.erreur{color:red} a{text-decoration:none; outline:none;color:#007fff;} strong{font-weight:700} em{font-style:italic} a:hover{text-decoration:none; outline:none;color:#212529;} a img{border:0px; outline:none;} img{max-width:100%} img.fullwidth{width:100%} .fullpagewidth{width:1250px;margin-left:auto;margin-right:auto;} .prelative{position:relative} .left{float:left;width:50%;} .text_left {float:right; width:595px;margin-right:30px;text-align:left;} .right{float:right;width:50%;} .text_right {float:left; width:595px;margin-left:30px;text-align:left;} .fleft {float:left} .fright {float:right} .tcenter {text-align:center} .tright {text-align:right} .tleft {text-align:left} .clear{clear:both; font-size:0px; height:0px; line-height:0px;} .clearfix:after {content: "";display: table;clear: both;} .desktop{display:block;} .mobile{display:none} .cell{display:none} video { width: 100%; height: auto;} /**************** Lists ****************************/ ul,ol,li {list-style:none;} section ul{padding-left:40px} section li{color:#212529;font-weight:300;list-style:disc;line-height:23px;margin:0;} table {border-collapse: collapse;} section{position:relative} section.wait:before{content:"";position:absolute;top:0; left:0;width:100%;height:100%;background:rgba(255, 255, 255, 0.7);transition: all 1s;-webkit-transition: all 1s;z-index:990} section.wait:after{content: "\f252"; font-family: FontAwesome;font-size:50px;padding-top:10%;color:#212529;text-align:center;position:fixed;top:50%; left:50%;transform:translate(-50%,-50%);transition: all 1s;-webkit-transition: all 1s;z-index:999} /**************** forms ****************************/ input, select, textarea{ outline:none;} input[type="text"], input[type="password"], input[type="number"],input[type="email"],input[type="tel"] {font-family: 'Roboto', sans-serif; background:transparent; border:1px solid #007fff;font-size:14px;color:#adadad;padding:12px;width:92%;margin-bottom:15px;max-width:100%} input[type="number"]{max-width:50px} textarea{font-family: 'Roboto', sans-serif; background:transparent; border:1px solid #007fff;font-size:14px;color:#adadad;padding:12px;width:92%;margin-bottom:15px;max-width:100%} select{padding:12px 10px 12px;margin-bottom:15px;border:none;border:1px solid #007fff;font-size:16px;color:#adadad;max-width:100%} select:focus{background-color:#e5e5e5} input[type="text"].ws_check{display:none;} a.bouton, input[type="submit"] {font-family: 'Roboto', sans-serif; cursor:pointer; border:1px solid #007fff;background:#007fff; font-size:14px; font-weight:500;color:#fff;padding:10px 0;text-align:center; text-transform:uppercase;margin-bottom:15px;width:135px;font-weight:700 } a.bouton:hover, input[type="submit"]:hover{background:transparent;color:#007fff;} .checkbox_container { display: block; position: relative; padding-left: 35px; margin:10px 0; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .checkbox_container input { position: absolute; opacity: 0; cursor: pointer;} .checkbox_checkmark { position: absolute; top: -4px; left: 0; height: 25px; width: 25px; background-color: #008bc9;} .checkbox_container:hover input ~ .checkbox_checkmark { background-color: #073b68;} .checkbox_container input:checked ~ .checkbox_checkmark { background-color: #073b68;} .checkbox_checkmark:after { content: ""; position: absolute; display: none;} .checkbox_container input:checked ~ .checkbox_checkmark:after { display: block;} .checkbox_container .checkbox_checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} .radio_container { display: block; position: relative; padding-left: 35px; margin-bottom: 15px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .radio_container input { position: absolute; opacity: 0;} .radio_checkmark { position: absolute; top: -5px; left: 0; height: 25px; width: 25px; background-color: #008bc9; border-radius: 50%;} .radio_checkmark.inv{background-color: #fff;} .radio_container:hover input ~ .radio_checkmark { background-color: #073b68;} .radio_container input:checked ~ .radio_checkmark { background-color: #073b68;} .radio_checkmark:after { content: ""; position: absolute; display: none;} .radio_container input:checked ~ .radio_checkmark:after { display: block;} .radio_container .radio_checkmark:after { top: 9px; left: 9px; width: 8px; height: 8px; border-radius: 50%; background: white;} /***************** pages containers **************/ .col1_2f{float:left; width:50%; margin-right:0} .col1_2{float:left; width:48%; margin-right:4%} .col1_2r{float:right; width:48%; margin-right:0} .col1_3f{float:left; width:33.3%; margin-right:0} .col1_3{float:left; width:32%; margin-right:2%} .col1_3r{float:right; width:32%; margin-right:0} .col2_3{float:left; width:65%; margin-right:1%} .col2_3r{float:right; width:66%; margin-right:0} .col2_3f{float:left; width:66.6%; margin-right:0} .col1_4f{float:left; width:25%; margin-right:0} .col1_4{float:left; width:22%; margin-right:4%} .col1_4r{float:right; width:22%; margin-right:0} .col3_4{float:left; width:73%; margin-right:1%} .col3_4r{float:right; width:74%; margin-right:0} .col3_4f{float:left; width:75%; margin-right:0} .col1_5f{float:left; width:18%; margin-right:0} .col1_5{float:left; width:18%; margin-right:2.5%} .col1_5r{float:right; width:18%; margin-right:0} .col2_5{float:left; width:38.5%; margin-right:2.5%} .col2_5r{float:left; width:38.5%; margin-right:0} .col3_5{float:left; width:59%; margin-right:2.5%} .col3_5r{float:right; width:59%; margin-right:0} .col4_5{float:left; width:79.5%; margin-right:2.5%} .col4_5r{float:right; width:79.5%; margin-right:0} .col1_6{float:left; width:15%; margin-right:2%} .col1_6r{float:right; width:15%; margin-right:0} .col5_6{float:left; width:78.5%; margin-right:1%} .col5_6r{float:right; width:79.5%; margin-right:0} .iframe-container { overflow: hidden; padding-top: 56.25%; position: relative;} .iframe-container iframe { border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%;} /* 4x3 Aspect Ratio */.iframe-container-4x3 { padding-top: 75%;} .hide_descktop{display:none} /*****Header*****/ header{z-index:100;width:100%;} header .header-top{padding:20px } header .h_left{float:left;width:28%;margin-top:18px} header .h_right{float:right;width:70%;text-align:right;margin-top:20px} header .sidebar{position:absolute;top:400px;left:-131px;transform:rotate(-90deg);z-index:999} header .sidebar span.text, header .sidebar a{font-size:15px;font-weight:700;margin-right:20px;color:#fff;opacity:0.8} header .sidebar a:hover{opacity:1;} #primary_nav{text-align:right;position:relative;} ul.dropdown{width:100%} ul.dropdown,ul.dropdown li,ul.dropdown ul{list-style:none;margin:0;padding:0;} ul.dropdown li{display:inline-block;line-height:1.3em;position:relative;padding:0 12px} ul.dropdown li.hover,ul.dropdown li:hover{position:relative;z-index:599;cursor:default} ul.dropdown li a.active{color:#007fff;border-bottom:1px solid #212529} ul.dropdown a:link,ul.dropdown a:visited{text-decoration:none;color:#fff;opacity:0.6;font-size:16px;font-weight:500;font-family: 'IBM Plex Sans', sans-serif;} ul.dropdown a:hover{opacity:1;transition: all 0.5s; -webkit-transition: all 0.5s;} ul.dropdown *.dir { cursor:pointer !important;} ul.dropdown .panier {position:relative;} ul.dropdown .panier a{font-size:22px;font-weight:500;color:#ffc700;position:relative;z-index:10} ul.dropdown .panier a span{ position:absolute;top:-11px;right:-16px;font-size:14px;line-height:14px;color:#fff;background: #007fff;padding:2px 5px;border-radius:10px} /*ul.dropdown .panier:before{background:#ffc700;width:40px;height:40px;border-radius:40px;content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1;transition:all .4s cubic-bezier(.64,.04,0,.98)}*/ ul.dropdown .panier:hover:before{transform:translate(-50%, -50%) scale(1.1)} .smenu_prod{background:#f8f8f8;padding:120px 0 75px;display:none;position:absolute;left:0;width:100%;top:100px;z-index:999} .smenu_prod .img_cat{width:100%;height:330px;position:relative;overflow:hidden} .smenu_prod .img_cat img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)} .liste_cat a{font-size:22px;opacity:0.4;color:#011e61;padding:10px 10px 10px 40px;margin:0 5px 5px 0;font-weight:300;display:block;position:relative;} .liste_cat a:before{content:"";display:inline-block;width:7px;height:7px;border-radius:7px;background:#ffc700;margin:0 10px;position:absolute;top:18px;left:5px;opacity:0;transition:all .4s cubic-bezier(.64,.04,0,.98);transform:translateX(-15px);} .liste_cat a:hover{background:#fff;opacity:1;} .liste_cat a:hover:before{transform:translateX(0);opacity:1;} .touslesproduits{margin-right:} .touslesproduits a{font-size:11px;font-weight:700px;letter-spacing:2px;color:#007fff;transition:all .4s cubic-bezier(.64,.04,0,.98);text-transform:uppercase;padding-bottom:5px;font-weight:700} .touslesproduits a:hover{color:#073b68;border-bottom:2px solid #073b68} #menuToggle{display:block;position:absolute;width:35px;top:52px;left:33px;z-index:10;-webkit-user-select:none;user-select:none;transform:translateY(-50%);z-index:900} #menuToggle input{display:block;width:40px;height:32px;position:absolute;top:-7px;left:-5px;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none} #menuToggle span{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:#fff;border-radius:3px;z-index:1;transform-origin:4px 0;transition:transform .5s cubic-bezier(0.77,0.2,0.05,1.0),background .5s cubic-bezier(0.77,0.2,0.05,1.0),opacity .55s ease} #menuToggle span:first-child{transform-origin:0 0} #menuToggle span:nth-last-child(2){transform-origin:0 100%} #menuToggle input:checked ~ span{opacity:1;transform:rotate(45deg) translate(-15px,-15px);background:#073b68} #menuToggle input:checked ~ span:nth-last-child(3){opacity:0;transform:rotate(0deg) scale(0.2,0.2)} #menuToggle input:checked ~ span:nth-last-child(2){transform:rotate(-45deg) translate(-4px,5px)} #menuToggle:hover span{opacity:0.6} #menu{position:absolute;display:none;width:100%;height:100%;top:0;left:0;padding:0 20px 50px;background:#fff;list-style-type:none;z-index:100;margin:0;overflow-y:scroll} #menu li{padding:7px 0;font-size:16px;font-weight:500;width:100%;} #menu a{color:#272361;font-weight:500} #menu a:hover{color:#72be4f} #menu .menu_cont{display:flex;min-height:100%} #menu .col1_3,#menu .col1_3r{flex:1;} #menu .liens{margin-left:20%;padding-top:80px} #menu .liens li:first-child{position:relative;} #menu .liens li:first-child:after{content:"";display:inline-block;width:35%;height:1px;border-radius:7px;background:#031b37;position:absolute;top:18px;right:0;} #menu .liens li{padding:0 40px 40px;width:calc(100% - 80px)} #menu .liens li a{color:#031b37;font-size:22px;font-weight:300;opacity:0.4;transition:all .4s cubic-bezier(.64,.04,0,.98)} #menu .liens li a:hover{opacity:1;color:#0056b3} #menu .cat_produits{padding-top:80px} #menu .cat_produits li{padding:0 40px 20px} #menu .cat_produits li a{color:#404040;font-size:18px;font-weight:300;opacity:0.4;transition:all .4s cubic-bezier(.64,.04,0,.98)} #menu .cat_produits li a:hover{opacity:1;color:#404040} #menu .tels{margin-left:40px;padding-top:45px} #menu .tels a{color:#b0b0b0;font-size:18px;font-weight:400;transition:all .4s cubic-bezier(.64,.04,0,.98)} #menu .tels a:hover{opacity:1;color:#031b37} #menu .tels span.sep{margin:0 10px;color:#404040} #menu .catalogue{background:linear-gradient(#073b68,#031b37);position:relative;} #menu .catalogue .caption{opacity:0.8;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;} #menu .catalogue .caption:hover{opacity:1;} #menu .catalogue .caption .image_cat{position:relative;} #menu .catalogue .caption .image_cat:before{content:"";display:block;width:85%;height:85%;border-radius:85%;background:#fff;z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);} #menu .catalogue .caption .image_cat img{z-index:10;position:relative;} #menu .catalogue .caption a span{font-size:13px;letter-spacing:2.4px;font-weight:700;text-transform:uppercase;color:#007fff} .preview_cart{ display:none;position:absolute;top:10px;right:0;z-index:9999999;} .preview_cart .preview_cont {margin-top:28px; background:#fff;padding:10px;width:300px;-webkit-box-shadow: 0px 7px 15px 3px rgba(0,0,0,0.5);box-shadow: 0px 7px 15px 3px rgba(0,0,0,0.5);position:relative;z-index:9999999; } .preview_cart .item_cont{ margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #007fff } .preview_cart .item_cont .image{ float:left;width:35%;margin-right:5% } .preview_cart .item_cont .desc{ float:right;width:60%;font-size:13px;text-align:left } .preview_cart .item_cont .qte{ float:left;width:26%;margin-right:5% } .preview_cart .item_cont .prixu{ float:left;width:32%;} .preview_cart .item_cont .st{ float:right;width:32%;} .preview_cart .hst{font-size:13px;margin-bottom:10px; } ul.dropdown .panier a.bouton{ white-space:nowrap;color:#fff;padding:5px 10px;font-size:11px;font-family:Roboto } ul.dropdown .panier a.bouton:hover{ color:#007fff } .panier:hover .preview_cart, .preview_cart:hover{ display:block } /***************** Page section style ************/ .ligne{width:100%;clear:both;margin-bottom:5px} .ligne:after{content: "";display: table;clear: both;} /**************** End section style ***********/ .container{max-width:1540px;margin-right:auto;margin-left:100px;padding:0 } .innerpage{background:#fff;min-height:700px} a.bouton_deggris{background-color:hsla(0,0%,100%,.2);backdrop-filter:blur(5px);display:block;float:left;color:#fff;font-size:11px;font-weight:700;letter-spacing:2px;border-radius:3px;padding:20px 25px;transition:all .2s ease;text-transform:uppercase} a.bouton_deggris:hover{background-color:hsla(0,0%,100%,.3)} a.bouton_deggris .fa{color:#ffc700} a.bouton_trans{background-color:transparent;display:block;float:left;color:#007fff;font-size:11px;font-weight:700;letter-spacing:2px;border-radius:3px;padding:20px 25px;transition:all .2s ease;text-transform:uppercase;border:1px solid hsla(0,0%,59%,.3)} a.bouton_trans:hover{background-color:#007fff;color:#fff;border-color:#007fff;} a.bouton_trans .fa{color:#ffc700} a.bouton_bleu{background-color:#007fff;display:block;float:left;color:#fff;font-size:11px;font-weight:700;letter-spacing:2px;border-radius:3px;padding:15px 20px;transition:all .2s ease;text-transform:uppercase;border:1px solid #007fff} a.bouton_bleu:hover{color:#007fff;background-color:transparent;} a.bouton_bleu .fa{color:#ffc700} .red{color:red} .barre{text-decoration:line-through} .menu_tab{text-align:center;margin:0;padding:18px 0 10px;margin-bottom:20px;} ul.tab-nav{list-style:none;padding-left:5px;text-align:center;margin:0;border-bottom:1px solid #9c9c9c;} ul.tab-nav li{display:inline-block;margin: 0 1px;text-align:center} ul.tab-nav li.button{color:#272361;background:#f3f3f3;font-size:16px;font-weight:500;cursor:pointer;padding-bottom:5px;min-width:50px;text-align:center;border-radius:15px 15px 0 0;padding:9.5px 20px} ul.tab-nav li.active.button{background:#72be4f;color:#fff} .tab-content .tab-pane{display:none;position:relative} .tab-content .tab-pane.active{display:block} table {border-collapse: collapse;} td, th{padding: 10px;} th{text-align:left;background-color:#073b68;color:#ffffff} tr{border:1px solid #000;background-color:#fff} /****************************** footer *****************************************************/ footer{background-image:linear-gradient(180deg,#073b68,#031b37);padding:125px 0;position:relative;z-index:200} footer h6{font-weight:700;font-size:11px;color:#fff;opacity:0.5;text-transform:uppercase;margin-bottom:25px;letter-spacing:2px} footer a{color:#fff;font-size:16px;font-weight:500;} footer a:hover{color:#fff;opacity:0.5;text-decoration:none;transition: all .4s cubic-bezier(.64,.04,0,.98)} footer ul{margin-left:20px} footer li {list-style:disc;color:#007fff;padding:10px 0;margin-bottom:0} footer p{font-size:16px; color:#b0b0b0;line-height:22px} .footer_top {font-size:20px;margin-top:80px} .footer_bottom{position:relative;font-size:12px;text-transform:uppercase;color:#626971;margin-top:100px;letter-spacing:1.3px;} .footer_bottom a{font-size:12px;color:#626971} .footer_bottom .sep{color:#007fff;margin:0 10px} footer a.bttop{background:#007fff;color:#fff;position:absolute;display:block;padding:20px 25px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;top:-64px;right:-61px;transform:rotate(90deg);transition:all .25s ease;opacity:0.9;font-size:12px} footer a.bttop .fa{margin-right:10px} footer a.bttop:hover{opacity:1;} footer .fsocials{margin:30px 0;} footer .fsocials a{margin-right:15px;opacity:0.5;} footer .fsocials a:hover{opacity:1;} footer a.pnoust{display:block;margin-bottom:25px;font-size:11px;color:#007fff;text-transform:uppercase;transition:all .4s cubic-bezier(.64,.04,0,.98);position:relative;letter-spacing:2px} footer a.pnoust span{position:relative} footer a.pnoust span:before{content:"";width:100%;height:2px;background:#073b68;position:absolute;bottom:-5px;opacity:0;transform:translateY(3px);transition:all .4s cubic-bezier(.64,.04,0,.98)} footer a.pnoust:hover{color:#fff;opacity:1} footer a.pnoust span:hover:before{opacity:1;background:#007fff} footer ul.tels{margin-bottom:20px} footer ul.tels li{padding:0;margin:5px 0;} footer .heures{border:1px solid #007fff;width:250px;max-width:100%;text-align:center;padding-bottom:20px;} footer .heures h6{margin:0;padding:20px 0;border-bottom:1px solid #007fff} footer .heures p b{color:#fff;text-transform:uppercase;font-size:11px} footer .heures_cont{margin-top:20px;} footer .heures_cont p{margin-bottom:0;color:#b0b0b0} .fb_messenger{ position:fixed;bottom:10px;right:10px;width: 60px;z-index:999} .fb_messenger:hover{ opacity:0.8 } /****************************** End footer *****************************************************/ /* WYSIWYG*/ .contenu{margin-bottom:20px;font-size:16px;font-weight:300;line-height:30px} .contenu li{list-style-type:disc;padding-left:15px;margin-left:20px;margin-bottom:5px;color:#053a50;font-weight:300;} .contenu p{color:#053a50;font-weight:300;} .contenu h1, .contenu h2, .contenu h3, .contenu h4, .contenu h5, .contenu h6{color:#053a50;margin:40px 0 10px;} .contenu h1{font-size:28px;font-weight:500} .contenu h2{font-size:28px;font-weight:500} .contenu h3{font-size:28px;font-weight:500} .contenu h4{font-size:24px;font-weight:500} .contenu h5{font-size:22px;font-weight:500} .contenu h6{font-size:20px;font-weight:500} .contenu ul br{display:none} /* Home */ .slider_prod_ved{display:flex;} .slider_prod_ved .col3_4f{flex:2;background:url(../images/dock-industries/dock-home-slide.jpg) no-repeat top center;background-size:cover;position:relative} .slider_prod_ved .col3_4f .bg_bleu{background-image:radial-gradient(circle at 38% 86%,rgba(1,30,97,0),#011e61);width:100%;height:100% } .slider_prod_ved .col3_4f .inner{padding:150px 80px 50px;} .slider_prod_ved .col1_4f{flex:1;} .slider_prod_ved h1{font-size:60px;font-weight:700;color:#fff;margin-bottom:30px} .slider_home_top .image{width:60px;float:left;text-align:center;position:relative;padding:30px 0} .slider_home_top .image img{color:#fff;position:relative;z-index:10;width:22px;display:inline-block} .slider_home_top .image:before{content:"";display:block;position:absolute;width:60px;height:60px;border-radius:60px;background-color:#007fff;left:50%;top:50%;transform:translate(-50%, -50%);z-index:1} .slider_home_top .texte{width:calc(100% - 80px);float:right;color:#fff;font-size:24px;font-weight:500;padding-top:25px} .slider_home_top .texte a{color:#fff} .slider_home_top .texte a:hover{color:#fff} .slider_prod_ved .meilleur_prix{border-bottom:4px solid #007fff;background:#031b37;position:absolute;bottom:0;right:0;} .slider_prod_ved .meilleur_prix:before{content:"";display:block;position:absolute;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,127,255,0),#007fff);opacity:0;z-index:1} .slider_prod_ved .meilleur_prix:hover:before{opacity:0.5} .slider_prod_ved .meilleur_prix a{position:relative;z-index:10;} .slider_prod_ved .meilleur_prix .icone{padding:30px 0 30px 30px;float:left;width:90px;} .slider_prod_ved .meilleur_prix .icone svg{width:90px;fill:#007fff} .slider_prod_ved .meilleur_prix .dtitre{padding:30px 30px 30px 20px;float:left;width:190px;} .slider_prod_ved .meilleur_prix .dtitre span.titre{font-size:32px;font-weight:900;line-height:40px;margin-bottom:10px;display:block;color:#fff;} .slider_prod_ved .meilleur_prix .dtitre span.lien{font-size:11px;font-weight:400;display:block;letter-spacing:2px;text-transform:uppercase;color:#fff;} .produit_vedette_cont{border-bottom:1px solid #eee} .produit_vedette_cont .image{width:100%;height:250px;overflow:hidden;position:relative} .produit_vedette_cont .image img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:95%;max-height:95%} .produit_vedette_cont .texte{padding:20px 30px} .produit_vedette_cont .texte span.titre{font-size:18px;color:#053a50;line-height:22px;margin-bottom:8px;display:block;} .produit_vedette_cont .texte span.prix{font-size:16px;color:#053a50;line-height:22px;display:block;} .produit_vedette_cont .texte span.prix b{font-weight:400;} .produit_vedette_cont a:hover span.titre, .produit_vedette_cont a:hover span.prix{color:#007fff} .produit_vedette_cont .rabais{margin-bottom:12px} .produit_vedette_cont .rabais .etiquette{background:#ffc700;border-top-left-radius:2px;border-bottom-left-radius:2px;font-size:12px;font-weight:700;color:#fff;display:inline-block;padding:3px 5px 3px 6px;position:relative;} .produit_vedette_cont .rabais .etiquette:after{content:"";display:block;position:absolute;left:100%;top:1px;border-left:8px solid #ffc700;border-top:9px solid transparent;border-bottom:9px solid transparent;} .home_intro{padding:200px 0} .home_intro h2{font-size:36px;color:#6c6c6c;line-height:52px;margin-bottom:16px;font-weight:300} .home_intro .bouton{margin:100px 0} .home_intro a{padding:60px 105px;font-size:11px;font-weight:700;border-radius:3px;text-transform:uppercase;border:1px solid hsla(0,0%,59%,.3);margin:20px 0;transition:all .4s cubic-bezier(.64,.04,0,.98);letter-spacing:2px;} .home_reals{padding:200px 0;background:#f1f0f0;} .home_reals h3{font-size:46px;color:#008bc9;font-weight:300} .home_reals img.ancre{position:absolute;right:50px;top:-130px} .home_reals .reals_client{display:flex;margin-top:100px} .home_reals .reals_client .reals_liste{flex:5} .home_reals .reals_client .reals_bouton{flex:1;position:relative} .home_reals .reals_client .reals_bouton a{display:block;color:#979797;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);} .home_reals .reals_client .reals_bouton .fa{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10} .home_reals .reals_client .reals_bouton a:hover .fa{color:#fff;} .home_reals .reals_client .reals_bouton a:before{background:transparent;width:72px;height:72px;border-radius:72px;content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:all .4s cubic-bezier(.64,.04,0,.98);border:1px solid #979797} .home_reals .reals_client .reals_bouton a:hover:before{background:#007fff;border-color:#007fff} .home_reals .reals_conth{float:left;width:45%;margin-right:5%} .home_reals .reals_conth .col1_2{overflow:hidden;position:relative} .home_reals .reals_conth .col1_2:after{content:"";display:block;position:absolute;left:0;top:0;height:100%;width:100%;opacity:0;background:linear-gradient(#073b68,#031b37);transition:all .2s ease-in} .home_reals .reals_conth a:hover .col1_2:after{opacity:0.3} .home_reals .reals_conth .col1_2r{height:250px;position:relative;} .home_reals .reals_conth .caption{position:absolute;top:50%;left:0;transform:translateY(-50%)} .home_reals .reals_conth h4{font-size:24px;color:#000;font-weight:500;line-height:28px;margin-bottom:8px;} .home_reals .reals_conth a:hover h4{color:#007fff} .home_reals .reals_conth span{font-size:11px;font-weight:700;color:#007fff;letter-spacing:2px;text-transform:uppercase;position:relative} .home_reals .reals_conth span:before{content:"";display:block;position:absolute;left:0;bottom:-5px;height:2px;width:100%;background:#073b68;transform:translateY(3px);transition:all .4s cubic-bezier(.64,.04,0,.98);opacity:0;} .home_reals .reals_conth span:hover:before{opacity:1} .home_reals .reals_conth img{height:250px;width:auto;max-width:none} .home_catprod{text-align:center;margin-bottom:60px} .home_catprod .col1_3f{height:450px;position:relative;display:inline-block;float:none;width:33.3%;margin:0 -0.3% -4px} .home_catprod .col1_3f.cat_largeur{ width:99.5% } .home_catprod .col1_3f:before{content:"";display:block;position:absolute;left:0;top:0;height:100%;width:100%;opacity:0.7;background:linear-gradient(0deg,#031b37,rgba(3,27,55,0) 56%,rgba(3,27,55,0))} .home_catprod .col1_3f:hover:before{opacity:0.6} .home_catprod .col1_3f.nobg:before{opacity:0;} .home_catprod h5, .home_catprod h3{font-size:33px;color:#f1f0f0;font-weight:700;line-height:46px;position:absolute;bottom:30px;padding:0 30px;text-align:center;left:50%;transform:translateX(-50%);transition:all .4s cubic-bezier(.64,.04,0,.98);width:calc(100% - 60px)} .home_catprod a:hover h5, .home_catprod a:hover h3{transform:translate(-50%, -20%);transition:all .4s cubic-bezier(.64,.04,0,.98);} .home_catprod img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:200px} .home_catprod .caption{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;} .home_catprod .caption span.titre{display:block;font-size:26px;color:#0011e61;font-weight:300;line-height:30px;margin-bottom:35px} .home_catprod .caption a.bouton_trans{display:inline-block;float:none} .home_catprod .aff_hover_desc{display:none;position:absolute;top:0;left:0;padding:5%;width:90%;height:93%;background:rgba(255,255,255, 0.7);} .home_catprod .aff_hover_desc .caption_hover{position:absolute;top:50%;left:5%;width:90%;transform:translateY(-50%) } .home_catprod .hover_desc:hover .aff_hover_desc{display:block;transition:all .2s ease-in} .home_catprod.photos_cat .col1_3f:before{ display:none; } .home_catprod.photos_cat .col1_3f{height:350px } .home_catprod.photos_cat2 .col1_3f{height:auto } .home_catprod.photos_cat2 img{position:relative;top:0;left:0;transform:none;text-align:center;margin:-2px -2px } .home_blog{padding:200px 0;background:#fff;} .home_blog h5{font-size:46px;color:#008bc9;font-weight:300} .home_blog .blog_client{display:flex;margin-top:100px} .home_blog .blog_client .blog_liste{flex:5;} .home_blog .blog_client .blog_bouton{flex:1;position:relative} .home_blog .blog_client .blog_bouton a{display:block;color:#979797;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);} .home_blog .blog_client .blog_bouton .fa{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10} .home_blog .blog_client .blog_bouton a:hover .fa{color:#fff;} .home_blog .blog_client .blog_bouton a:before{background:transparent;width:72px;height:72px;border-radius:72px;content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:all .4s cubic-bezier(.64,.04,0,.98);border:1px solid #979797} .home_blog .blog_client .blog_bouton a:hover:before{background:#007fff;border-color:#007fff} .home_blog .blog_conth{float:left;width:45%;margin-right:5%} .home_blog .blog_conth .col1_2{overflow:hidden;text-align:center;position:relative;height:250px} .home_blog .blog_conth .col1_2:after{content:"";display:block;position:absolute;left:0;top:0;height:100%;width:100%;opacity:0;background:linear-gradient(#073b68,#031b37);transition:all .2s ease-in} .home_blog .blog_conth a:hover .col1_2:after{opacity:0.3} .home_blog .blog_conth .col1_2r{height:250px;position:relative;} .home_blog .blog_conth .caption{position:absolute;top:50%;left:0;transform:translateY(-50%)} .home_blog .blog_conth h5{font-size:24px;color:#000;font-weight:500;line-height:28px;margin-bottom:8px;} .home_blog .blog_conth a:hover h5{color:#007fff} .home_blog .blog_conth span.date{font-size:12px;font-weight:700;color:#a4a4a4;letter-spacing:0.9px;text-transform:uppercase;position:relative;margin-bottom:16px;display:block} .home_blog .blog_conth span.lien{font-size:11px;font-weight:700;color:#007fff;letter-spacing:2px;text-transform:uppercase;position:relative} .home_blog .blog_conth span.lien:before{content:"";display:block;position:absolute;left:0;bottom:-5px;height:2px;width:100%;background:#073b68;transform:translateY(3px);transition:all .4s cubic-bezier(.64,.04,0,.98);opacity:0;} .home_blog .blog_conth span.lien:hover:before{opacity:1} .home_blog .blog_conth img{height:250px;width:auto;max-width:none;left:50%;transform:translateX(-50%);position:absolute;} .home_videos{background:#fff;} .home_videos h5{font-size:46px;color:#008bc9;font-weight:300;margin-bottom:100px} .home_videos .video_slider{width:90%;} .home_videos .video_slider .video_cont{background:#000} .home_videos .video_slider .cover{position:absolute;width:100%;height:100%;top:0;left:0;cursor:pointer} .home_videos .video_slider .cover img{width:100%;} .home_videos .video_slider .cover h5{position:absolute;width:calc(100% - 60px);bottom:0;left:0;font-size:20px;color:#fff;font-weight:400;padding:40px 30px;margin:0;background:#031b37} .home_videos .video_slider .cover .bouton_play{position:absolute;right:80px;bottom:105px;text-align:center;color:#fff} .home_videos .video_slider .cover .bouton_play .fa{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10} .home_videos .video_slider .cover .bouton_play:before{background:#007fff;width:60px;height:60px;border-radius:60px;content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);} .home_videos .video_slider .slick-prev:before, .home_videos .video_slider .slick-next:before{color:#007fff} .home_inst{padding:200px 0 0;position:relative;z-index:200;background:#fff} .home_inst h5{font-size:46px;color:#008bc9;font-weight:300;margin-bottom:100px} .home_inst p{font-size:18px;font-weight:400;color:#212529;line-height:32px} .home_inst a{font-size:11px;font-weight:700;color:#007fff;letter-spacing:2px;text-transform:uppercase;position:relative;} .home_inst a:before{content:"";display:block;position:absolute;left:0;bottom:-5px;height:2px;width:100%;background:#073b68;transform:translateY(3px);transition:all .4s cubic-bezier(.64,.04,0,.98);opacity:0;} .home_inst a:hover:before{opacity:1} .slider_inst{width:90%;} .slider_inst .slick-slide{height:500px;background-size:cover!important;} .slider_inst .slick-prev, .slider_inst .slick-next{height:72px;width:72px;border-radius:0;background:#f1f1f1} .slider_inst .slick-prev:hover, .slider_inst .slick-next:hover{background:#ffc700} .slider_inst .slick-prev{top:36px;left:auto;right:-72px} .slider_inst .slick-next{top:108px;right:-72px} .slider_inst .slick-prev:before{content: "\f053";font-family: FontAwesome;font-style: normal;font-weight: normal; text-decoration: inherit;/*--adjust as necessary--*/ color: #007fff; font-size: 16px;} .slider_inst .slick-prev:hover:before{color:#fff} .slider_inst .slick-next:before{content: "\f054";font-family: FontAwesome;font-style: normal;font-weight: normal; text-decoration: inherit;/*--adjust as necessary--*/ color: #007fff; font-size: 16px;} .slider_inst .slick-next:hover:before{color:#fff} .home_inst .col1_2r{padding-top:100px} .avantages{padding:80px 0;background:#fff} .avantages .avantage_c{width:220px;padding:40px 20px;display:inline-block;vertical-align:top;margin:0 20px;min-height:150px} .avantages .avantage_c svg{fill:#158cc6;height:60px;margin-bottom:15px} .avantages .avantage_c h5{font-size:24px;font-weight:400;color:#000;line-height:29px} .avantages .avantage_c:hover{background:#f8f7f7} .ent_intro{display:flex;} .ent_intro .col1_2f{flex:1} .ent_intro .texte{padding:100px 80px 100px 100px;min-height:500px} .ent_intro .texte h1{font-size:50px;font-weight:500;color:#212529;margin-bottom:50px} .ent_intro .texte p{font-size:24px;font-weight:300;color:#008bc9;line-height:34px} .ent_intro .image{position:relative;overflow:hidden} .ent_intro .image img{position:absolute;top:0;right:0;max-width:none;width:890px} .ent_valeurs{background:#fff;padding:400px 0 200px;position:relative;text-align:center} .ent_valeurs h2{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:280px;font-weight:700;letter-spacing:-4.2px;opacity:0.03;color:#000;text-transform:uppercase;line-height:280px;text-align:center;z-index:1} .ent_valeurs p{font-size:21px;font-weight:300;color:#000;line-height:37px;width:500px;max-width:95%;margin:0 auto;position:relative;z-index:10;} .ent_valeurs svg{display:block;fill:#007fff;height:60px;position:relative;z-index:10;margin:30px auto} .ent_valeurs svg .st0{fill:#007fff!important;} .ent_valeurs_det{position:relative;padding-bottom:200px;} .ent_valeurs_det .col2_3f{background:#031b37;} .ent_valeurs_det .texte{padding:150px 100px 220px;position:relative;min-height:300px;z-index:1} .ent_valeurs_det h3, .ent_valeurs_det h4, .ent_valeurs_det h5{font-size:50px;font-weight:300;color:#fff;margin-bottom:50px} .ent_valeurs_det p{font-size:21px;font-weight:300;color:#fff;line-height:37px;} .ent_valeurs_det .menu_tab{position:absolute;bottom:100px;left:50%;transform:translateX(-50%);width:100%} .ent_valeurs_det ul.tab-nav{border:none;} .ent_valeurs_det ul.tab-nav li.active.button{opacity:1;} .ent_valeurs_det ul.tab-nav li.button{background:none;border:none;margin:0 25px;opacity:0.4;font-size:11px;font-weight:700;color:#fff;letter-spacing:2px;text-transform:uppercase;padding:0} .ent_valeurs_det .image{position:absolute;left:60%;top:130px;width:35%;height:680px;overflow:hidden} .ent_valeurs_det .image img{height:100%;width:auto;max-width:none;position:absolute;top:0;left:50%;transform:translateX(-50%)} .ent_ef{padding:200px 0;position:relative;text-align:center} .ent_ef p{font-size:21px;font-weight:300;color:#000;line-height:37px;width:500px;max-width:95%;margin:0 auto;position:relative;z-index:10;} .bout_ent a.bouton_deggris{float:none;display:inline-block;background:#000;} .bout_ent a.bouton_deggris:hover{background:grey} .breadcrums{margin-bottom:45px;font-size:11px;font-weight:700;color:#031b37;letter-spacing:2px;text-transform:uppercase;line-height:22px} .breadcrums a span{color:#031b37; opacity:1} .breadcrums a:hover span{color:#007fff; opacity:1} .breadcrums span{color:#031b37; opacity:0.4} .breadcrums span.sep{opacity:1;color:#007fff;font-size:5px;margin:0 10px} .cat_liste{margin-bottom:100px;line-height:35px} .cat_liste a {font-size:20px;font-weight:700;color:#000;transition:color .25s ease;margin-right:32px} .cat_liste a:hover, .cat_liste a.active{color:#007fff;} .cat_liste.faq a {font-size:11px;font-weight:700;color:#b9b9b9;transition:all .4s cubic-bezier(.64,.04,0,.98);padding:5px 10px;letter-spacing:2px;text-transform:uppercase;margin-right:2px} .cat_liste.faq a:hover, .cat_liste.faq a.active{color:#008bc9;background:#ececec} .catalogue_intro .texte{padding:40px 150px;min-height:500px} .catalogue_intro h1{font-size:50px;font-weight:500;color:#031b37;margin-bottom:10px} .ent_valeurs p{font-size:16px;font-weight:400;color:##212529;line-height:23px;} .bout_catalogue{margin-top:30px} .bout_catalogue a.bouton_deggris{float:none;display:inline-block;background:#007fff;} .bout_catalogue a.bouton_deggris:hover{color:#000} .pavantages_intro .texte{padding:40px 150px;min-height:500px} .pavantages_intro h1{font-size:50px;font-weight:500;color:#031b37;margin-bottom:60px} .pavantages_cont{background: linear-gradient(to bottom, rgba(3, 27, 55,0.95) 0%,rgba(3, 27, 55,1) 100%);display:flex;padding:80px 50px;min-height:300px} .pavantages_cont:first-child{border-radius:8px 8px 0 0} .pavantages_cont:last-child{border-radius: 0 0 8px 8px} .pavantages_cont .aimage{flex:1;position:relative;} .pavantages_cont .aimage:before{content:"";display:block;position:absolute;width:300px;height:300px;border-radius:300px;background-color:#007fff;left:50%;top:10px;transform:translateX(-50%);z-index:1} .pavantages_cont .aimage svg{width:150px;fill:#fff;position:absolute;left:50%;top:90px;transform:translateX(-50%);z-index:10} .pavantages_cont .atexte{flex:2;padding-left:40px} .pavantages_cont .atexte h3{font-family:IBM Plex Sans;font-size:40px;line-height:45px;font-weight:300;color:#fff;margin-bottom:8px} .pavantages_cont .atexte h4{font-size:12px;line-height:20px;font-weight:500;color:#007fff;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px} .pavantages_cont .atexte li, .pavantages_cont .atexte p{font-size:18px;line-height:24px;color:#fff;} .pavantages_cont .atexte li{margin:2px 0 15px 25px;list-style:disc;font-family:IBM Plex Sans;font-weight:400} .pavantages_cont .atexte ul{padding-left:0} .realisations_intro .texte{padding:40px 150px 200px;min-height:500px;background:url('../images/dock-industries/bg-projets.jpg') no-repeat center right;background-size:60% auto} .realisations_intro h1{font-size:50px;font-weight:500;color:#031b37;margin-bottom:80px} .texte_intro_projets{padding:200px 0} .texte_intro_projets p{font-size:21px;line-height:29px;margin:0 auto 10px;color:#212529;width:600px;max-width:95%} .projet_cont{height:500px;overflow:hidden} .projet_cont:before{content:"";display:block;position:absolute;left:0;top:0;height:100%;width:100%;opacity:0.7;background:rgba(7,59,104,.92);opacity:0.2;transition:all .4s cubic-bezier(.64,.04,0,.98)} .projet_cont:hover:before{opacity:1} .projet_cont .caption{position:absolute;bottom:20px;left:50%;width:90%;transform:translateX(-50%)} .projet_cont .caption h3{font-size:32px;font-weight:900;color:#fff;margin-bottom:10px;max-width:80%} .projet_cont .caption .details{display:none;transition:all .4s cubic-bezier(.64,.04,0,.98)} .projet_cont .caption .details p{font-size:14px;color:#fff;opacity:0.7;margin:0 0 5px 19px;position:relative; text-transform:uppercase;letter-spacing:2px} .projet_cont .caption .details p:before{content: "\f111";font-family: FontAwesome;font-style: normal;font-weight: normal; text-decoration: inherit;/*--adjust as necessary--*/ color: #fff; font-size: 4px;opacity:0.7;position:absolute;left:-16px;top:0;} .projet_cont:hover .details{display:block} .real_cont_une h2{font-size:12px;font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:0.9px;margin-left:25px} .real_cont_une p{font-size:22px;font-weight:500;color:#fff;margin-bottom:16px;line-height:26px;margin-left:25px} .blogue_intro .texte{padding:40px 150px 200px;min-height:500px;} .blogue_intro h1{font-size:50px;font-weight:500;color:#031b37;margin-bottom:10px} .blog_cont {margin-top:10px;margin-bottom:10px} .blog_cont .col1_2{overflow:hidden;text-align:center;position:relative;height:250px} .blog_cont .col1_2:after{content:"";display:block;position:absolute;left:0;top:0;height:100%;width:100%;opacity:0;background:linear-gradient(#073b68,#031b37);transition:all .2s ease-in} .blog_cont a:hover .col1_2:after{opacity:0.3} .blog_cont .col1_2r{height:250px;position:relative;} .blog_cont .caption{position:absolute;top:50%;left:0;transform:translateY(-50%);width:90%;} .blog_cont h5{font-size:24px;color:#000;font-weight:500;line-height:28px;margin-bottom:8px;} .blog_cont a:hover h5{color:#007fff} .blog_cont span.date{font-size:12px;font-weight:700;color:#a4a4a4;letter-spacing:0.9px;text-transform:uppercase;position:relative;margin-bottom:16px;display:block} .blog_cont span.lien{font-size:11px;font-weight:700;color:#007fff;letter-spacing:2px;text-transform:uppercase;position:relative} .blog_cont span.lien:before{content:"";display:block;position:absolute;left:0;bottom:-5px;height:2px;width:100%;background:#073b68;transform:translateY(3px);transition:all .4s cubic-bezier(.64,.04,0,.98);opacity:0;} .blog_cont span.lien:hover:before{opacity:1} .blog_cont img{height:250px;width:auto;max-width:none;left:50%;transform:translateX(-50%);position:absolute;} .blogue_intro .image_une{margin:80px 0;} .blogue_intro span.date{font-size:12px;font-weight:700;color:#a4a4a4;letter-spacing:0.9px;text-transform:uppercase;position:relative;margin-bottom:16px;display:block} .faq_intro .texte{padding:40px 150px 0;min-height:500px;} .faq_intro h1{font-size:50px;font-weight:500;color:#031b37;margin-bottom:10px} .documents .accordion-content{margin-bottom: 25px;} .pdf_url{display: block;} .search-bar{position: relative;width: 30%;} .search-input{border-radius: 100px;padding-left: 35px !important;padding-top:14px !important;border:3px solid #073b68 !important;color: black !important;} .search-bar .fa-search{position: absolute; top: 16px; left: 14px;} button[type="submit"].fa-search {background: none; color: inherit; border: none; padding: 0; /*font: inherit;*/ cursor: pointer; outline: inherit;right: 1%; left: auto; } .drawer{width:100%;float:left} .faq_item{border-bottom:1px solid #e2e2e2;margin-bottom:40px;} .accordion-item-active .accordion-header{transition:.25s} .accordion-item-active .accordion-header-icon{color:#fff} .accordion-item-active .accordion-header h4:before{content: "\f078";padding:21px 21px;background:#008bc9;color:#fff} .accordion-header{cursor:pointer;transition:.25s;width:100%;margin:0 0 40px} .accordion-header:before,.accordion-header:after{content:" ";display:table} .accordion-header:after{clear:both} .faq-answer{width:95%;margin:0 auto;padding-left:0%;line-height:24px} .faq-answer-list{background:none} .faq-answer-list ul{width:100%} .faq-answer-list li{width:100%;padding-left:10px} .accordion-header h4{position:relative;font-size:21px;float:left;font-weight:300;margin:0;padding:0 5% 0 0;width:95%;padding:15px 0 ;color:#212529;width:calc(100% - 80px)} .accordion-header h4:before{content: "\f054";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: #008bc9;font-size: 15px;padding-right: 0.5em;position: absolute;top: 50%;right: -80px;background:#f5f5f5;border-radius:60px;padding:21px 24px;transform:translateY(-50%)} .accordion-content{display:none;padding:0;margin:0} .accordion-content p{margin:0 0 20px;font-size:16px; font-weight:300;color:#000;line-height:30px} .accordion-content p.doc_sc{margin:15px 0} .accordion-header-icon{float:right;color:#888;font-size:0;vertical-align:middle;position:absolute;height:18px;width:5%;margin:1px 0 0} .contact_intro{padding:40px 150px 0;min-height:500px;} .contact_intro h1{font-size:50px;font-weight:500;color:#031b37;margin-bottom:70px} .contact_intro h2, .contact_intro h3{font-size:18px;font-weight:400;color:#053a50;margin-bottom:40px} .contact_intro .bureaux a{font-size:18px;font-weight:300;color:#000;transition: all .4s cubic-bezier(.64,.04,0,.98);line-height:32px} .contact_intro .bureaux a:hover{color:#007fff} .contact_intro .bureaux ul{padding-left:0;margin-bottom:30px} .contact_intro .bureaux li{margin-top:30px;list-style:none;} .contact_intro input[type='text'],.contact_intro input[type='tel'],.contact_intro input[type='email'], .contact_intro textarea{border:1px solid #979797;padding:15px 5%;width:90%;border-radius:3px;} .contact_intro input[type='text'].active, .contact_intro textarea.active{border:2px solid #000;} .contact_intro textarea{height:215px} .contact_intro label{padding:1px 5px;background:#fff;z-index:2;margin-left:11px;top:9px;font-size:13px;font-weight:500;color:#646464;position:relative} .contact_intro h4{margin:70px 0;font-size:46px;font-weight:300;color:#008bc9} .map h5{padding:50px 0;font-size:16px;font-weight:400;color:#fff;background:#007fff} .map b{font-size:11px;font-weight:700;color:#000;letter-spacing:2px;text-transform:uppercase;} .map p{font-size:16px;color:#000} a.empl_cont{padding:30px 0;display:block;} a.empl_cont:hover{background:#eee} .produit_intro{margin-bottom:40px } .produit_intro .texte_sous_image .sliderproduit-for{ width:500px;max-width:100%;margin:0 auto 30px } .pagetexte_intro{padding:40px 150px 0;min-height:500px;} .pagetexte_intro h1{font-size:50px;font-weight:500;color:#031b37;margin-bottom:70px} .pagetexte_intro .images_cat{margin-top:0 } .pagetexte_intro .images_cat .sliderproduit-for{ margin:0 0 15px } .pagetexte_intro .images_cat .sliderproduit-for .slick-slide{ height:300px;width:100%;margin:0;position:relative;overflow:hidden } .pagetexte_intro .images_cat .sliderproduit-for img{ position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);} .pagetexte_intro .images_cat .sliderproduit-nav .slick-slide{ height:60px;width:100px;margin:0 5px;position:relative;overflow:hidden } .pagetexte_intro .images_cat .sliderproduit-nav img{ position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);} .pagetexte_intro .images_cat .slick-prev:before, .pagetexte_intro .images_cat .slick-next:before{ color:#031b37 } .ef_intro{display:flex;} .ef_intro .col1_2f{flex:1} .ef_intro .texte{padding:100px 80px 100px 100px;min-height:500px} .ef_intro .texte h1{font-size:50px;font-weight:500;color:#212529;margin-bottom:50px} .ef_intro .texte p{font-size:24px;font-weight:300;color:#008bc9;line-height:34px} .ef_intro .image{position:relative;overflow:hidden} .ef_intro .image img{position:absolute;top:0;right:0;max-width:none;width:890px} .ef_produits h2{font-size:50px;font-weight:500;color:#212529;line-height:60px;margin:100px 0 20px} .bout_ef a.bouton_trans{float:none;display:inline-block;} .bout_ef a.bouton_blanc:hover{background:#008bc9;color:#fff} .ef_liste_produits{margin-top:40px;} .ef_inventaire h4{font-size:50px;font-weight:500;color:#212529;margin:100px 0 20px} .ef_inventaire h5{font-size:25px;font-weight:400;color:#212529;margin:0 0 60px;color:#9c9c9c} .ef_inventaire p{text-align:left} .ef_inventaire .menu_tab{text-align:center;margin:0;padding:15px;background:#f8f8f8} .ef_inventaire ul.tab-nav{list-style:none;padding-left:5px;text-align:center;margin:0;border-bottom:none} .ef_inventaire ul.tab-nav li{display:inline-block;margin:0;padding:0;text-align:center} .ef_inventaire ul.tab-nav li.button{color:#007fff;background:#f8f8f8;font-size:16px;font-weight:400;cursor:pointer;padding:8px 20px;text-align:center;border-radius:0} .ef_inventaire ul.tab-nav li.active.button, .ef_inventaire ul.tab-nav li.button:hover{background:#fff;color:#007fff} .ef_spec{margin-top:60px;text-align:left} .ef_spec h5{font-size:28px;font-weight:500;line-height:34px;margin-bottom:10px;} .ef_spec .grandeur, .ef_spec .capacite, .ef_spec .dt, .ef_spec .cmd{float:left;width:20%;padding:20px 2.5%} .ef_spec .spec{border-bottom:1px solid #d9d9d9} .ef_spec .spec.entete{color:#007fff;text-transform:uppercase} .ef_spec .spec svg{width:25px;fill:#007fff;position:absolute;top:50%;left:155px;transform:translateY(-50%)} .ef_spec .grandeur, .ef_spec .capacite{font-size:22px} .ef_spec .dt{font-size:20px} .ef_spec .cmd a{font-size:12px;text-transform:uppercase;background:#f8f8f8;border-radius:3px;padding:15px 30px;letter-spacing:3px;font-weight:600;transition:all .35s ease} .ef_spec .cmd a:hover{background:#dfdede;color:#0056b3} .produit_cont{display:inline-block;width:28%;margin:10px 1.5%;max-width:100%;border:1px solid #e8e8e8;vertical-align:top;} .produit_cont .image{height:250px;overflow:hidden} .produit_cont .image img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%} .produit_cont .texte{/*height:65px;*/padding:20px 70px 20px 20px;text-align:left;position:relative} .produit_cont .texte h3{font-size:17px;font-weight:700;color:#073b68;line-height:22px;margin-bottom:3px;line-height:20px} .produit_cont .texte span.prix{font-size:15px;color:#989898;line-height:20px;display:block;} .produit_cont .texte:after{content: "+";font-style: normal;font-weight: normal;text-decoration: inherit;color: #fff;font-size: 28px;position: absolute;top: 50%;right: 20px;background:#073b68;border-radius:40px;padding:3px 12px;opacity:0;transition:all .3s ease;transform:translateY(-50%)} a:hover .produit_cont {transition:all .3s ease;box-shadow:0 0 20px rgba(0,0,0,.1)} a:hover .produit_cont .texte:after{opacity:1;} .produit_cont .rabais{margin-bottom:12px;position:absolute;top:25px;left:-8px;z-index:10} .produit_cont .rabais .etiquette{background:#ffc700;border-top-left-radius:2px;border-bottom-left-radius:2px;font-size:12px;font-weight:700;color:#fff;display:inline-block;padding:3px 5px 3px 6px;position:relative;} .produit_cont .rabais .etiquette:after{content:"";display:block;position:absolute;left:100%;top:1px;border-left:8px solid #ffc700;border-top:9px solid transparent;border-bottom:9px solid transparent;} .produit_intro .texte_p{padding:40px 150px;min-height:500px} .produit_intro h1{font-size:50px;font-weight:500;color:#031b37;margin-bottom:10px} .produit_intro h2{font-size:16px;font-weight:400;color:#212529;line-height:22px} .produit_intro img.minwidth{width:100px;} .produit_intro .galerie{vertical-align:bottom} .produit_intro span.prix{font-size:28px;font-weight:500;color:#053a50;line-height:39px;display:block;letter-spacing:-1px;margin-bottom:16px;} .produit_intro .ajout_panier span.etiquette{font-size:16px;font-weight:500;color:#053a50;letter-spacing:2px;line-height:22px;margin-right:10px;} .produit_intro .ajout_panier select{color:#333;border:1px solid #333;font-size:16px;background:#fff;padding:0} .liste_produit_cat{margin-top:60px} .produit_intro .rabais{position:absolute;top:20px;left:0} .produit_intro .rabais .etiquette{background:#ffc700;border-top-left-radius:2px;border-bottom-left-radius:2px;font-size:12px;font-weight:700;color:#fff;display:inline-block;padding:3px 5px 3px 6px;position:relative;} .produit_intro .rabais .etiquette:after{content:"";display:block;position:absolute;left:100%;top:1px;border-left:8px solid #ffc700;border-top:9px solid transparent;border-bottom:9px solid transparent;} #ajouter_dans_panier{background:#f7f6f7;padding:16px 32px 16px 56px;font-size:16px;font-weight:400;line-height:22px;position:relative;margin-bottom:60px;display:none} #ajouter_dans_panier:before{content: "\f00c";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: #fff;font-size: 12px;padding-right: 0.5em;position: absolute;top: 50%;left: 18px;background:#007fff;border-radius:60px;padding:0 5px;transition:all .3s ease;transform:translateY(-50%);} #ajouter_dans_panier a{float:right;display:block;font-size:11px;font-weight:700;color:#007fff;letter-spacing:2px;text-transform:uppercase;position:relative;} #ajouter_dans_panier a:before{content:"";display:block;position:absolute;left:0;bottom:0;height:2px;width:100%;background:#007fff;transform:translateY(3px);transition:all .4s cubic-bezier(.64,.04,0,.98);opacity:0;} #ajouter_dans_panier a:hover:before{opacity:1} .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 30%; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 20%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } #deja_un_compte{background:#f7f6f7;padding:16px 32px 16px 16px;font-size:16px;font-weight:400;line-height:22px;position:relative;margin-bottom:60px;border-top:3px solid #1e85be} #deja_un_compte .fa{color:#1e85be;margin-right:20px;} #deja_un_compte a{float:right;display:block;font-size:11px;font-weight:700;color:#007fff;letter-spacing:2px;text-transform:uppercase;position:relative;} #deja_un_compte a:before{content:"";display:block;position:absolute;left:0;bottom:0;height:2px;width:100%;background:#007fff;transform:translateY(3px);transition:all .4s cubic-bezier(.64,.04,0,.98);opacity:0;} #deja_un_compte a:hover:before{opacity:1} .panier_intro .texte{padding:40px 150px;min-height:500px} .panier_intro tr{border:1px solid rgba(0,0,0,.1)} .panier_intro th{font-weight:700;padding:9px 12px;line-height:24px;text-align:left} .panier_intro td{padding:9px 12px;line-height:24px} .panier_intro td.supp{text-align:center;width:25px} .panier_intro td.supp a .fa{color:red;transition:all .4s cubic-bezier(.64,.04,0,.98);} .panier_intro td.supp a:hover .fa{background:red;padding:3px 5px;border-radius:20px;color:#fff} .panier_intro td.image{width:300px;text-align:center} .panier_intro td.image img{max-height:200px} .panier_intro td input[type="number"]{margin:0;width:48px;border-radius:3px;font-size:12px;border:1px solid #008bc9;padding:10px 15px;color:#333;text-align:center;background:#fff} .panier_intro td.bout_maj{text-align:right} .panier_intro input[type="submit"]{margin:0;width:auto;padding:12px 15px;transition:all .4s cubic-bezier(.64,.04,0,.98);border:none;background:#008bc9} .panier_intro input[type="submit"]:hover{background:#073b68;color:#fff} .frais_livr {display:none;position:relative;text-align:left} .frais_livr.wait:before{content: "\f252"; font-family: FontAwesome;font-size:30px;color:#fff;text-align:center;position:absolute;top:0; left:0;width:100%;height:74%;padding-top:20%;background:rgba(0, 0, 0, 0.5);opacity:1;transition: all 1s;-webkit-transition: all 1s;z-index:999;} #etat, #ville{display:none} .total_panier a{color:#007fff} .total_panier input, .panier_paire input, .total_panier select, .panier_paire select{margin:0;border-radius:3px;font-size:12px;border:1px solid #008bc9;padding:10px;color:#333;/*text-align:center;*/background:#fff} .total_panier #Pickup_date{width: 70px;} .frais_livr a.bouton{padding:12px 15px;background:#007fff;color:#fff;margin-bottom:15px} .frais_livr input[type="text"], .frais_livr select{border: 1px solid #007fff} .compte h3{font-size:30px;margin-bottom:8px;color:#031b37;} .compte form{border:1px solid #d3ced2;padding:20px;border-radius:5px;height:260px} .compte input[type="text"], .compte input[type="password"], .compte textarea{border:1px solid #d3ced2;} .compte input[type="text"].erreur, .compte input[type="password"].erreur, .compte textarea.erreur{border:2px solid red;} .compte textarea{height:200px} #aucune_commande{background:#f7f6f7;padding:16px 32px 16px 56px;font-size:16px;font-weight:400;line-height:22px;position:relative;margin-bottom:60px;} #aucune_commande:before{content: "\f00c";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: #fff;font-size: 12px;padding-right: 0.5em;position: absolute;top: 50%;left: 18px;background:#007fff;border-radius:60px;padding:0 5px;transition:all .3s ease;transform:translateY(-50%);} #aucune_commande a{float:right;display:block;font-size:11px;font-weight:700;color:#007fff;letter-spacing:2px;text-transform:uppercase;position:relative;} #aucune_commande a:before{content:"";display:block;position:absolute;left:0;bottom:0;height:2px;width:100%;background:#007fff;transform:translateY(3px);transition:all .4s cubic-bezier(.64,.04,0,.98);opacity:0;} #aucune_commande a:hover:before{opacity:1} .shipping_pickup, .shipping_pickup_10jrs{display: none;} /*#Pickup_date{width: 70px;}*/ /*#Pickup_date_ampm{padding: 0;margin-bottom: 0px;border: 1px solid black;font-size: 12px;color: black;}*/ .smenu_compte{padding:0;margin:15px 0 55px} .smenu_compte li{list-style:none;display:inline-block;margin-bottom:5px;} .smenu_compte li a{padding:10px 15px;background:#007fff;color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:2px;transition:all .25s ease;} .smenu_compte li a.active, .smenu_compte li a:hover{background:#073b68} .compte .adresse form{height:auto;border:none;padding:0} .compte .adresse form input[type="text"], .compte .adresse form input[type="password"]{width:500px;max-width:100%} .compte .adresse form input[type="submit"]{width:auto;padding:10px 20px} .alerte{background:red;color:#141414;font-size:16px;text-align:center;padding:10px 30px;position:absolute;width:calc(100% - 60px);top:0;left:0;z-index:999} .alerte .fermer{position:absolute;top:20px;right:20px;color:#fff;font-weight:700;cursor:pointer} .rech_produits_loupe{position:absolute;right:365px;top:25px;font-size:30px} .rech_produits_loupe.en{right:395px;} .bouton_choix_quai{position:absolute;right:0;top:0;cursor:pointer;background:#007fff;color:#fff;font-size:19px;transition:all .4s cubic-bezier(.64,.04,0,.98);padding:30px 30px 30px 100px} .bouton_choix_quai:hover{background:#031b37} .bouton_choix_quai .icone{position:absolute;width:58px;height:58px;border-radius:58px;background:#dedede;top:50%;left:30px;transform:translateY(-50%)} .bouton_choix_quai .icone svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)} .form_choix_quai{display:none;position:absolute;width:calc(100% - 60px);height:100%;background:#fff;z-index:999;top:0;left:0;padding:100px 30px;} .form_choix_quai .fermer{position:absolute;top:20px;right:80px;color:#fff;font-weight:700;cursor:pointer;width:58px;height:58px;border-radius:58px;background:#031b37;} .form_choix_quai .fermer .fa{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px} .form_choix_quai h3{font-size: 46px;font-weight: 300;color:#008bc9;margin-bottom:46px;} .form_choix_quai h4{font-size: 16px;font-weight: 500;color:#646464;margin-bottom:8px;} .form_choix_quai .radio_cont{display:inline-block;background:#f5f5f5;padding:20px 40px 20px 20px;margin-right:10px} .form_choix_quai .radio_cont .radio_container{margin-bottom:0;font-size:16px;font-weight:300} .form_choix_quai .radio_cont .radio_checkmark{background:#fff} .form_choix_quai .radio_cont .radio_container input:checked ~ .radio_checkmark{background-color:#008bc9} .form_choix_quai .results{margin-top:100px;background:#f5f5f5;margin-left:-30px;text-align:center;padding-bottom:150px;display:none;width:calc(100% + 60px)} .form_choix_quai .results svg{display:block;fill:#007fff;height:60px;position:relative;z-index:10;margin:30px auto;top:-29px} .form_choix_quai .results svg .st0{fill:#007fff!important;} .form_choix_quai .results a{float:none;margin:0 auto;font-size:11px;font-weight:700;background:#007fff;color:#fff;padding:20px 30px;border-radius:5px;letter-spacing:2px;text-transform:uppercase;position:relative;} .form_choix_quai .results a:hover{background:#031b37;} .form_choix_quai .results a.res,.form_choix_quai .results a.comm,.form_choix_quai .results a.hd{display:none;} .msg_erreur{border-top:3px solid #b81c23;background:#f7f6f7;padding:15px;margin-top:-30px;margin-bottom:30px} .msg_erreur .fa{color:#b81c23} #map{height:800px} .bg_msg,.bg_msg2{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);top:0;left:0;z-index:900;display:none} .aff_msg{border:1px solid #000;width:400px;max-width:95%;position:absolute;top:20%;left:50%;transform:translateX(-50%);background:#f3f3f3;z-index:999;text-align:center;max-height:75%;overflow-y:auto;padding-bottom:10px;} .aff_msg h3{background:#008bc9;color:#fff;padding:15px;margin-bottom:20px} .aff_msg p{padding:0 15px;margin-bottom:10px} .aff_msg li{margin-bottom:10px;text-align:left;} .aff_msg p b{font-size:20px} .aff_msg a{position:absolute;color:#fff;top:10px;right:10px;font-size:20px;} .google_review table img{max-height:64px} label{width:90%} .js{ margin-bottom:20px } .js .inputfile{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1} .js label{ margin-left:0;width:auto } .inputfile + label{max-width:80%;font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;display:inline-block;overflow:hidden;padding:.625rem 1.25rem;border:1px solid #007fff} .no-js .inputfile + label{display:none} .inputfile:focus + label,.inputfile.has-focus + label{outline:1px dotted #000;outline:-webkit-focus-ring-color auto 5px} .inputfile + label svg{width:1em;height:1em;vertical-align:middle;fill:currentColor;margin-top:-.25em;margin-right:.25em} .inputfile-1 + label{color:#fff;background-color:#007fff} .inputfile-1:focus + label,.inputfile-1.has-focus + label,.inputfile-1 + label:hover{background-color:#e5e5e5;color:#007fff} #popup_pol_conf{ position:fixed;bottom:0;right:0;width:360px;max-width:calc(100% - 62px);padding:30px;background:#fff;z-index:910;border:1px solid #000 } #popup_pol_conf p{ font-size:16px;font-weight:500;color:#6D6D6D;margin-bottom:0;line-height:20px} #popup_pol_conf p a{ color:#007fff;font-weight:700} #popup_pol_conf a.fermer{ color:#007fff;position:absolute;right:10px;top:10px } .intro_cat{ margin-bottom:40px } .intro_cat img{ max-height:200px } .menu_icone{ float:right;margin-top:-4px } #frais_livr{ padding:10px 20px } .boutons_checkout .col1_2{ margin-top:10px } .boutons_checkout a.bouton{ padding:10px 20px } .image_4cat{ width:100%;margin-bottom:40px; } .image_4cat img{ max-height:250px; } /**** Responsive *****/ @media screen and (max-width:1650px){ .container{max-width:calc(100% - 100px);} } @media screen and (max-width:1450px){ ul.dropdown li{ padding:0 7px} header .h_left{ width:25%} header .h_right{ width:75%} } @media screen and (max-width:1350px){ /* Mettre la valeur de la largeur de la page*/ .fullpagewidth{width:95%;margin-left:auto;margin-right:auto} .text_right {width:90%;margin-left:5%;} .text_left {width:90%;margin-right:5%;} .pagetexte_intro{padding:40px 60px} .catalogue_intro .texte{padding:40px 60px} .blogue_intro .texte{padding:40px 60px} .contact_intro{padding:40px 60px} .pavantages_intro .texte{padding:40px 60px} .realisations_intro .texte{padding:40px 60px} .panier_intro .texte{padding:40px 60px} .faq_intro .texte{padding:40px 60px} } @media screen and (max-width:1200px){ .home_intro a{padding:40px 60px} .breadcrums{margin-top:60px} .menu_icone{ float:none;position:absolute;top:-25px;right:0 } ul.dropdown .panier a span{ top:-4px } } @media screen and (max-width:1100px){ ul.dropdown li{padding:0 5px} ul.dropdown li.panier{padding:0 15px} #menu .tels a{display:block;margin-bottom:10px} #menu .tels .sep{display:none} } @media screen and ( max-width: 1024px) { } @media screen and ( max-width: 1023px) { .right{width:98% !important;} .left{width:98% !important;} .col1_2, .col1_2f, .col1_2r, .col1_3, .col1_3f, .col1_3r, .col1_4, .col1_4f, .col1_4r, .col1_5, .col1_5r, .col1_6, .col1_6r, .col2_3, .col2_3r, .col2_3f, .col3_4, .col3_4r, .col3_4f, .col2_5, .col3_5r, .col4_5, .col4_5r, .col2_5r, .col3_5, .col5_6, .col5_6r{width:100%; float:none;margin:0;} .hide1023{display:none!important} .menu_icone{ top:0 } ul.dropdown li{padding:0 15px} ul.dropdown li.panier{padding:0 15px} .container{width:97%;margin-left:auto;margin-right:auto;max-width:97%} header .sidebar{display:none} .slider_prod_ved .col1_4f{display:none} header .h_left{width:60%;margin-left:60px} header .h_right{width:25%;} .slider_prod_ved .col3_4f .inner{padding-bottom:180px} .home_intro{text-align:center;width:500px;max-width:100%;margin-left:auto;margin-right:auto;} .home_reals .reals_client{display:block;} .home_reals .reals_client .reals_liste{width:100%;} .home_reals .reals_client .reals_bouton{position:absolute;bottom:100px;right:40px} .home_reals .reals_conth img{width:100%;height:auto} .home_reals .reals_conth .col1_2{height:250px} .home_reals .reals_conth .col1_2r{height:auto} .home_reals .reals_conth .caption{position:relative;top:45px} .home_catprod .col1_3f{width:50%;float:left} .home_blog .blog_client{display:block;} .home_blog .blog_client .blog_liste{width:100%;} .home_blog .blog_client .blog_bouton{position:absolute;bottom:100px;right:40px} .home_blog .blog_cont img{width:100%;height:auto} .home_blog .blog_conth .col1_2{height:250px} .home_blog .blog_conth .col1_2r{height:auto} .home_blog .blog_conth .caption{position:relative;top:60px} .home_videos .video_slider{margin:0 auto} .home_inst .col1_2r{text-align:center;width:500px;max-width:100%;margin-left:auto;margin-right:auto;} .footer_cont{width:400px;max-width:100%;margin-left:auto;margin-right:auto;text-align:center} .footer_cont li{list-style:none} footer ul{margin-left:0} footer .heures{margin:40px auto 0} .hide_descktop{display:block} #menu .colone2{display:none} #menu .liens li:first-child:after{opacity:0} #menu .liens li{padding:0 40px 20px} #menu .tels{margin-left:20%;padding-left:40px;padding-top:20px} .ef_intro{display:block} .ef_intro .image img{position:relative;width:100%} .produit_cont{width:45%} .ent_intro{display:block;} .ent_intro .texte{min-height:0} .ent_intro .image img{position:relative;width:100%} .ent_valeurs h2{font-size:165px;line-height:165px } .ent_valeurs_det .image{display:none} .blog_cont{width:500px;max-width:95%;margin-left:auto;margin-right:auto;} .blog_cont img{width:100%;height:auto} .blog_cont .col1_2r{height:auto;} .blog_cont:after{content: "";display: table;clear: both;} .blog_cont .caption{position:relative;transform:none;top:15px;left:0;margin-bottom:80px} .contact_intro h3{margin-top:30px} .map h5{margin-top:-5px} .pavantages_cont{display:block;padding:40px} .pavantages_cont .aimage{height:260px} .pavantages_cont .aimage:before{width:220px;height:220px;} .pavantages_cont .aimage svg{width:100px;top:72px;} .pavantages_cont .atexte{padding-left:0} .realisations_intro .texte{background:none} .real_cont_une h2{color:#031b37;text-align:center;margin-top:40px} .real_cont_une p{color:#031b37;text-align:center} .projet_cont{width:50%;float:left} .panier_intro td.image{width:150px} .pagetexte_intro .images_cat{margin-top:20px } } @media only screen and (max-width: 950px) { .slider_prod_ved h1{font-size:40px;} .slider_home_top .texte{font-size:20px;} } @media only screen and (max-width: 767px) { .slider_prod_ved .col3_4f .inner{padding-bottom:270px;} .home_reals .reals_conth{width:400px;margin:0 auto 50px;max-width:100%;float:none} .home_catprod .col1_3f{width:100%} .home_blog .blog_conth{width:400px;margin:0 auto 50px;max-width:100%;float:none} .home_blog{padding-top:100px} #menu .catalogue{display:none} .panier_paire{background:rgba(0,0,0,.025)} .panier_intro table.liste_items th{display:none;} .panier_intro table.liste_items td{display:block;border:1px solid rgba(0,0,0,.1);text-align:right} .panier_intro table.liste_items td:before{content:attr(data-title) ": ";font-weight:700;float:left} .panier_intro table.liste_items td.supp{width:auto;text-align:left} .panier_intro table.liste_items td.supp:before{content:"";} .panier_intro table.liste_items td.bout_maj:before{content:"";} .panier_intro table.liste_items td.image{display:none;} .panier_intro table.liste_items tr{border:none;} .panier_intro table.liste_items input[type="submit"]{display:block;width:100%} .form_choix_quai .radio_cont{display:block;width:calc(100% - 60px);margin-bottom:10px} .form_choix_quai{padding-left:10%;padding-right:10%;width:80%;} .form_choix_quai .results{margin-left:-15%;width:130%} .bouton_choix_quai{position:relative;margin-bottom:25px} .produit_intro .texte_p{padding:40px 2.5%} .rech_produits_loupe{right:107px;top:135px;} .rech_produits_loupe.en{right:107px;} } @media only screen and (max-width: 667px) { .home_catprod .caption{width:95%} .slider_prod_ved .col3_4f .inner{padding:80px 20px 270px} .produit_cont{width:400px; max-width:95%} .ef_intro .texte{padding-left:20px;padding-right:20px} .ef_intro .texte h1,.ef_produits h2{font-size:30px;} .ef_intro .texte p{font-size:20px} .ent_intro .texte{padding-left:20px;padding-right:20px} .ent_valeurs_det .texte{padding:80px 20px 150px} .ent_valeurs_det .menu_tab{bottom:50px} .ent_valeurs h2{font-size:75px;line-height:75px;top:35%} .pagetexte_intro{padding:40px 20px} .catalogue_intro .texte{padding:40px 20px} .blogue_intro .texte{padding:40px 20px} .contact_intro{padding:40px 20px} .pavantages_intro .texte{padding:40px 20px} .realisations_intro .texte{padding:40px 20px} .panier_intro .texte{padding:40px 20px} .faq_intro .texte{padding:40px 20px} .pagetexte_intro h1,.catalogue_intro h1,.blogue_intro h1,.contact_intro h1,.pavantages_intro h1,.realisations_intro h1,.faq_intro h1,.panier_intro h1{font-size:30px;} .pavantages_cont .atexte h3{font-size:30px;} .pavantages_cont .atexte li, .pavantages_cont .atexte p{font-size:16px} .projet_cont{width:100%;float:left} .accordion-header h4{font-size:16px} .accordion-content p{font-size:14px} header .h_left{width:calc(100% - 60px);text-align:center} header .h_right{width:100%;} } @media only screen and (max-width: 567px) { .home_intro h2{font-size:24px;} .home_intro a{display:block;padding:20px 0;text-align:center} .home_catprod .caption a.bouton_trans{display:block;padding:20px 0;} .home_videos .video_slider .cover .bouton_play{bottom:auto;top:35px} } @media only screen and (max-width: 480px) { .slider_inst .slick-slide{height:315px;} .slider_inst{width:80%} .blog_cont .col1_2{height:210px} .home_catprod .col1_3f{height:375px} } @media only screen and (max-width: 414px) { footer{padding-top:200px;} footer a.bttop{top:-139px} .slider_prod_ved h1{font-size:30px} .slider_prod_ved .meilleur_prix .icone{padding-left:15px;width:50px} .slider_prod_ved .meilleur_prix .dtitre{padding-left:15px;padding-right:15px} .slider_prod_ved .meilleur_prix .dtitre span.titre{font-size:24px;line-height:30px} .slider_prod_ved .meilleur_prix .icone svg{width:50px} .ent_valeurs_det ul.tab-nav li.button{display:list-item;margin:10px 0;list-style:none} .ent_valeurs_det .menu_tab{bottom:-19px} .home_catprod .col1_3f{height:350px} } @media only screen and (max-width: 375px) { .home_catprod .col1_3f{height:300px} .preview_cart{ right:-20px; } .preview_cart .preview_cont{ width:250px } .preview_cart .item_cont .desc{ font-size:11px;line-height:18px } } @media only screen and (max-width: 320px) { } screen and (max-width: 320px) { }