@font-face{font-family:DINPro;src:url("../fonts/DINPro.otf")}@font-face{font-family:DINPro-Bold;src:url("../fonts/DINPro-Bold.otf")}@font-face{font-family:DINPro-B oldItalic;src:url("../fonts/DINPro-BoldItalic.otf")}@font-face{font-family:DINPro-LightItalic;src:url("../fonts/DINPro-LightItalic.otf")}@font-face{font-family:DINPro-Medium;src:url("../fonts/DINPro-Medium.otf")}body{font-family:DINPro;margin:0}h1{margin:0}a{text-decoration:none}nav{z-index:999;position:fixed;right:37px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}nav ul{list-style:none}nav ul li{cursor:pointer;margin:20px 0}nav ul li a{position:relative;display:block;width:20px;height:20px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #0089BF;border-radius:50%;color:#0089BF}nav ul li a span.titre{position:absolute;right:20px;width:150px;top:-3px;text-align:right;-webkit-transition:visibility .5s,opacity .5s, right .5s;transition:visibility .5s,opacity .5s, right .5s;visibility:hidden;opacity:0}nav ul li a span.cercle{position:absolute;display:block;top:50%;left:50%;width:5px;height:5px;background-color:#0089BF;border-radius:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:.2s;transition:.2s}nav ul li a:hover span.titre{top:-4px;right:29px;opacity:1;visibility:visible}nav ul li a:hover,nav ul li a.active{border:2px solid #0089BF}nav ul li a:hover span.cercle,nav ul li a.active span.cercle{width:8px;height:8px}section#accueil{width:100%;height:100vh;background:url("../images/background-accueil2.jpg") 50% 0 no-repeat fixed;background-size:cover;z-index:2}section#accueil img.logo{margin-top:25px;margin-left:60px;width:250px}section#accueil h1{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);padding-left:50px;font-size:43px;color:#fff;font-family:DINPro-Bold;line-height:66px;overflow:hidden}section#accueil h1 span{display:inline-block}section#accueil h1 span.grandeTaille{font-size:100px;color:#0089BF}section#accueil h1 span.moyenneTaille{font-size:70px}section#accueil a.flecheBas{display:block;position:absolute;bottom:50px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}section#accueil a.flecheBas img{width:45px}section:not(:first-of-type){padding:50px;position:relative}section:not(:first-of-type) h1{font-family:DINPro-Bold;font-size:70px;margin:0;margin-bottom:50px;color:#11182c;text-align:left}section:not(:first-of-type) p.pagination{position:absolute;margin:0;font-size:70px;top:50px;right:100px;color:#717171}section:not(:first-of-type) p.pagination span:nth-child(1){display:inline-block;z-index:1}section:not(:first-of-type) p.pagination span:nth-child(2){font-size:15px}section:not(:first-of-type) .left{width:50%;text-align:center;display:inline-block;vertical-align:middle}section:not(:first-of-type) .left a{color:#11182c;margin-left:10px;font-size:12px}section:not(:first-of-type) .left .wrapperImg{width:100%;height:500px;text-align:center}section:not(:first-of-type) .left .wrapperImg img{max-width:100%;max-height:100%;margin:auto}section:not(:first-of-type) .left .wrapperImg.slideshow{position:relative}section:not(:first-of-type) .left .wrapperImg.slideshow .hidden{display:none}section:not(:first-of-type) .left .wrapperImg.slideshow img{position:absolute;top:0;left:0;right:0;bottom:0}section:not(:first-of-type) .right{width:50%;display:inline-block;vertical-align:middle}section:not(:first-of-type) .right div.contenu{padding:0 50px;text-align:justify}section:not(:first-of-type) .right div.contenu h2{color:#0089BF;font-size:18px}section:not(:first-of-type) .right div.contenu p{color:#717171}section:not(:first-of-type) .right div.contenu ul{list-style:none;padding:0;margin:0}section:not(:first-of-type) .right div.contenu ul li{padding-left:16px;color:#717171}section:not(:first-of-type) .right div.contenu ul li:before{content:">";padding-right:8px;color:#0089BF;font-weight:bold}.transitionParallax{width:100%;height:500px;background:url("../images/assistance-techniques-protem-flou.jpg") 50% 0 no-repeat fixed;background-size:cover}#section2{padding-top:0px;padding-bottom:100px}#section3{text-align:center}#section3 div{float:left;width:calc(100% / 3);margin-bottom:50px;color:#0089BF}#section3 div img{width:100px}#section3 img{width:50px}section#section4{background-color:#11182c}section#section4 h1{color:#fff}section#section4 div.left a{color:#fff}section#section4 div.contenu div{display:inline-block;width:50%;text-align:left;vertical-align:top}section#section4 div.contenu div ul li{color:#8e8d8d}body#mentions-legales header{background-color:#11182c}body#mentions-legales header img.logo{margin-top:25px;margin-left:50px;width:250px}body#mentions-legales header h1{padding:100px 0 50px 0;margin-left:60px;color:#fff}body#mentions-legales div.contenu{padding:100px 50px}body#mentions-legales div.contenu a{color:#0089BF}footer{padding:30px 50px;background:url("../images/background-accueil.jpg") 50% -40% no-repeat fixed;background-size:cover;text-align:center}footer ul{display:inline-block;width:calc( 100% / 3);list-style:none;padding:0;vertical-align:top;text-align:center}footer ul li{color:#0089BF}footer ul li a{color:#0089BF;font-size:16px;margin:0}footer ul li img{width:100px}footer ul li:first-of-type{padding:5px 60px;display:inline;font-weight:bold;text-transform:uppercase;letter-spacing:5px}footer ul li:nth-of-type(2){margin-top:20px}footer ul:nth-of-type(3) li:last-of-type img{width:200px}footer a{display:block;margin-top:25px;color:#fff;font-size:10px}@media (max-width: 1200px){section:not(:first-of-type) h1{font-size:50px}section:not(:first-of-type) p.pagination{top:32px}section#section4 .left{width:100%;display:block;margin-bottom:50px}section#section4 .right{width:100%;display:block}}@media (max-width: 992px){section:not(:first-of-type) h1{font-size:40px}section:not(:first-of-type) p.pagination{top:22px}}@media (max-width: 768px){nav{right:15px}section#accueil h1{font-size:30px}section#accueil h1 span.grandeTaille{font-size:50px;color:#0089BF}section#accueil h1 span.moyenneTaille{font-size:45px}section:not(:first-of-type) h1{font-size:40px}section:not(:first-of-type) p.pagination{top:22px;right:50px}section:not(:first-of-type) .left{width:100%;display:block;margin-bottom:50px}section:not(:first-of-type) .left .backgroundImage{width:100%}section:not(:first-of-type) .right{width:100%;display:block}section:not(:first-of-type) .right div.contenu{text-align:center}section#section4 div.contenu div{display:block;width:100%}footer{padding:30px 50px}footer ul{display:block;width:100%}}@media (max-width: 576px){section#accueil{text-align:center}section#accueil img.logo{margin-left:0}section#accueil h1{text-align:left;font-size:15px;line-height:40px;padding-left:15px}section#accueil h1 span.grandeTaille{font-size:35px;color:#0089BF}section#accueil h1 span.moyenneTaille{font-size:30px}section:not(:first-of-type) .right div.contenu{padding-right:0px;padding-left:0px}section:not(:first-of-type) .right div.contenu ul li{padding-left:0}section:not(:first-of-type) p.pagination{font-size:45px;top:48px}#section3 ul li{padding-left:0}footer ul:first-of-type,footer ul:nth-of-type(2){width:100%;margin-left:0;margin-right:0}}