#page{margin-left:auto;margin-right:auto;margin-bottom:150px;width:80%}#presentation{width:100%;margin-top:75px}#titre-occ{color:#2ea146;font-weight:900}.titre-lettre{color:#000;font-size:25px}#presentation a{color:#2ea146;font-weight:bold}#occ-service{list-style-type:disc;margin-left:20px}#galery{width:210px;height:100px;perspective:1500px;margin-top:50px;margin-bottom:50px;margin-left:auto;margin-right:auto}.carousel{width:100%;height:100%;position:absolute;transform-style:preserve-3d;transition:all 1s ease;transform:rotateY(0)}.carousel figure{margin:0;display:block;position:absolute;left:5px;width:180px;height:100px;border:1px solid black;background-color:#fff;background-repeat:no-repeat;background-position:center;cursor:pointer}.carousel figure:nth-child(1){background-image:url("../images/products/H100/0_1.JPG");transform:rotateY(0) translateZ(494px)}.carousel figure:nth-child(2){background-image:url("../images/products/H100/8_1.JPG");transform:rotateY(24deg) translateZ(494px)}.carousel figure:nth-child(3){background-image:url("../images/products/H100/9_1.JPG");transform:rotateY(48deg) translateZ(494px)}.carousel figure:nth-child(4){background-image:url("../images/products/H100/6_1.JPG");transform:rotateY(72deg) translateZ(494px)}.carousel figure:nth-child(5){background-image:url("../images/products/H100/2_6.JPG");transform:rotateY(96deg) translateZ(494px)}.carousel figure:nth-child(6){background-image:url("../images/products/H100/10_4.JPG");transform:rotateY(120deg) translateZ(494px)}.carousel figure:nth-child(7){background-image:url("../images/products/H100/1-2_1.JPG");transform:rotateY(144deg) translateZ(494px)}.carousel figure:nth-child(8){background-image:url("../images/products/H100/2_7.JPG");transform:rotateY(168deg) translateZ(494px)}.carousel figure:nth-child(9){background-image:url("../images/products/H100/5_1.JPG");transform:rotateY(192deg) translateZ(494px)}.carousel figure:nth-child(10){background-image:url("../images/products/H100/1_3.JPG");transform:rotateY(216deg) translateZ(494px)}.carousel figure:nth-child(11){background-image:url("../images/products/H100/3_1.JPG");transform:rotateY(240deg) translateZ(494px)}.carousel figure:nth-child(12){background-image:url("../images/products/H100/2_2.JPG");transform:rotateY(264deg) translateZ(494px)}.carousel figure:nth-child(13){background-image:url("../images/products/H100/10_2.JPG");transform:rotateY(288deg) translateZ(494px)}.carousel figure:nth-child(14){background-image:url("../images/products/H100/3_3.JPG");transform:rotateY(312deg) translateZ(494px)}.carousel figure:nth-child(15){background-image:url("../images/products/H100/2_3.JPG");transform:rotateY(336deg) translateZ(494px)}.cube-container{width:200px;height:200px;position:relative;margin-left:auto;margin-right:auto;margin-top:15px;margin-bottom:15px;perspective:1500px;display:none}#cube{width:100%;height:100%;position:absolute;transform-style:preserve-3d;transition:all 1s ease;transform:translateZ(-100px)}#cube figure{margin:0;width:196px;height:196px;display:block;position:absolute;border:2px solid black;backface-visibility:hidden;background-size:100%;background-repeat:round;cursor:pointer}#cube .front{background-image:url("../images/products/L200/0_1.JPG");transform:rotateY(0) translateZ(100px)}#cube .back{background-image:url("../images/products/L200/1-2_1.JPG");transform:rotateX(180deg) translateZ(100px)}#cube .right{background-image:url("../images/products/L200/3_1.JPG");transform:rotateY(90deg) translateZ(100px)}#cube .left{background-image:url("../images/products/L200/5_1.JPG");transform:rotateY(-90deg) translateZ(100px)}#cube .top{background-image:url("../images/products/L200/8_1.JPG");transform:rotateX(90deg) translateZ(100px)}#cube .bottom{background-image:url("../images/products/L200/9_1.JPG");transform:rotateX(-90deg) translateZ(100px)}#cube.show-front{transform:translateZ(-100px) rotateY(0)}#cube.show-back{transform:translateZ(-100px) rotateX(-180deg)}#cube.show-right{transform:translateZ(-100px) rotateY(-90deg)}#cube.show-left{transform:translateZ(-100px) rotateY(90deg)}#cube.show-top{transform:translateZ(-100px) rotateX(-90deg)}#cube.show-bottom{transform:translateZ(-100px) rotateX(90deg)}.md-perspective,.md-perspective body{height:100%;overflow:hidden}.md-perspective body{background:#222;perspective:600px}.container{background:c;min-height:100%}.md-modal{position:fixed;top:50%;left:50%;width:80%;max-width:900px;min-width:320px;height:auto;z-index:2000;display:none;visibility:hidden;backface-visibility:hidden;transform:translateX(-50%) translateY(-50%)}.md-show{visibility:visible}.md-overlay{position:fixed;width:100%;height:100%;visibility:hidden;top:0;left:0;z-index:1000;opacity:0;transition:all .3s}.md-show ~ .md-overlay{opacity:1;visibility:visible}.md-content{color:#fff;background:#2ea146;position:relative;border-radius:3px;margin:0 auto}.md-content h3{margin:0;padding:.4em;text-align:center;font-size:2.4em;font-weight:300;opacity:.8;background:rgba(0,0,0,0.1);border-radius:3px 3px 0 0}.md-content>div{padding:15px 40px 30px;margin:0;font-weight:300;font-size:1.15em}.md-content>div p{margin:0;padding:10px 0}.md-content button{display:block;margin:0 auto;font-size:.8em}.md-close{border:0;padding:.6em 1.2em;background:#248639;color:#fff;font-family:'Lato',Calibri,Arial,sans-serif;font-size:1em;letter-spacing:1px;text-transform:uppercase;cursor:pointer;display:inline-block;margin:3px 2px;border-radius:2px}.md-close:hover{background:#176226}.md-effect-1 .md-content{transform:scale(0.7);opacity:0;transition:all .3s}.md-show.md-effect-1 .md-content{transform:scale(1);opacity:1}#modal-container{display:flex;flex-direction:row;justify-content:center;align-items:center}#modal-galery{width:100%;height:500px;margin-left:auto;margin-right:auto;margin-bottom:20px;background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url("../images/products/H500/0_1.JPG")}#modal-prev{width:50px;height:50px;margin-right:15px;background-size:100%;background-repeat:no-repeat;background-image:url("../images/left-arrow.png");cursor:pointer}#modal-prev:hover{right:10px}#modal-next{width:50px;height:50px;margin-left:15px;background-size:100%;background-repeat:no-repeat;background-image:url("../images/right-arrow.png");cursor:pointer}#modal-next:hover{left:10px}@media screen and (max-width:768px){#galery{display:none}.cube-container{display:block}}@media screen and (min-width:769px) and (max-width:1024px){#galery{width:150px}.carousel figure{width:130px}.md-modal{width:75%}#modal-galery{width:100%;height:300px}.carousel figure:nth-child(1){transform:rotateY(0) translateZ(350px)}.carousel figure:nth-child(2){transform:rotateY(24deg) translateZ(350px)}.carousel figure:nth-child(3){transform:rotateY(48deg) translateZ(350px)}.carousel figure:nth-child(4){transform:rotateY(72deg) translateZ(350px)}.carousel figure:nth-child(5){transform:rotateY(96deg) translateZ(350px)}.carousel figure:nth-child(6){transform:rotateY(120deg) translateZ(350px)}.carousel figure:nth-child(7){transform:rotateY(144deg) translateZ(350px)}.carousel figure:nth-child(8){transform:rotateY(168deg) translateZ(350px)}.carousel figure:nth-child(9){transform:rotateY(192deg) translateZ(350px)}.carousel figure:nth-child(10){transform:rotateY(216deg) translateZ(350px)}.carousel figure:nth-child(11){transform:rotateY(240deg) translateZ(350px)}.carousel figure:nth-child(12){transform:rotateY(264deg) translateZ(350px)}.carousel figure:nth-child(13){transform:rotateY(288deg) translateZ(350px)}.carousel figure:nth-child(14){transform:rotateY(312deg) translateZ(350px)}.carousel figure:nth-child(15){transform:rotateY(336deg) translateZ(350px)}}@media screen and (min-width:1024px) and (max-width:1440px){#galery{width:180px}.carousel figure{width:160px}.carousel figure:nth-child(1){transform:rotateY(0) translateZ(400px)}.carousel figure:nth-child(2){transform:rotateY(24deg) translateZ(400px)}.carousel figure:nth-child(3){transform:rotateY(48deg) translateZ(400px)}.carousel figure:nth-child(4){transform:rotateY(72deg) translateZ(400px)}.carousel figure:nth-child(5){transform:rotateY(96deg) translateZ(400px)}.carousel figure:nth-child(6){transform:rotateY(120deg) translateZ(400px)}.carousel figure:nth-child(7){transform:rotateY(144deg) translateZ(400px)}.carousel figure:nth-child(8){transform:rotateY(168deg) translateZ(400px)}.carousel figure:nth-child(9){transform:rotateY(192deg) translateZ(400px)}.carousel figure:nth-child(10){transform:rotateY(216deg) translateZ(400px)}.carousel figure:nth-child(11){transform:rotateY(240deg) translateZ(400px)}.carousel figure:nth-child(12){transform:rotateY(264deg) translateZ(400px)}.carousel figure:nth-child(13){transform:rotateY(288deg) translateZ(400px)}.carousel figure:nth-child(14){transform:rotateY(312deg) translateZ(400px)}.carousel figure:nth-child(15){transform:rotateY(336deg) translateZ(400px)}}