.left{float:left}.right{float:right}.clear{clear:both}.hidden{display:none}.uppCase{text-transform:uppercase}.cache{text-indent:-1000px;overflow:hidden;display:block}.block{display:block}@font-face{font-family:hemihead;src:url(../fonts/hemihead.ttf) format("opentype");src:url(../fonts/hemihead.eot);src:url(../fonts/hemihead.otf) format('truetype'),url(../fonts/hemihead.woff) format('woff'),url(../fonts/hemihead.eot?#iefix) format('embedded-opentype'),url(../fonts/hemihead.svg#HemiHead) format('svg');font-weight:400;font-style:normal}a,a:hover,a:visited{cursor:pointer;text-decoration:none}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}p{text-align:justify}.picto{display:block;width:40px;height:40px}.picto.climatisation{background:url(../img/pictoJaune.png) no-repeat}.picto.froid{background:url(../img/pictoBleu.png) no-repeat}.picto.electricite{background:url(../img/pictoVert.png) no-repeat}.picto.chauffage{background:url(../img/pictoRouge.png) no-repeat}.picto.isothermie{background:url(../img/pictoGris.png) no-repeat}.picto.environnement{background:url(../img/environnement.png) no-repeat;float:left;margin-bottom:0!important}.miniPicto{display:block;width:25px;height:25px}.miniPicto.climatisation{background:url(../img/miniPictoJaune.png) no-repeat}.miniPicto.froid{background:url(../img/miniPictoBleu.png) no-repeat}.miniPicto.electricite{background:url(../img/miniPictoVert.png) no-repeat}.miniPicto.chauffage{background:url(../img/miniPictoRouge.png) no-repeat}.miniPicto.isothermie{background:url(../img/miniPictoGris.png) no-repeat}body{background:url(../img/background.jpg) center repeat-y;font:400 13px verdana,arial,sans-serif}header{position:relative;background:url(../img/background.jpg) center repeat-y}footer{background:rgba(255,255,255,.2);padding:15px 10px 10px;font-weight:700;margin:20px 0;clear:both}article{padding-bottom:70px}.footer{width:1200px;margin:0 auto;color:#fff;height:50px;font-size:.9em}.footer a{color:#fff}.footer .mentionsFooter{float:left;margin-top:10px}.footer .mentionsFooter a{color:#fff}.footer .mention{color:#d2d2d2!important}.footer .societes{float:right}.footer .societes .quark{width:100px}.firstPartHeader{width:1200px;margin:0 auto 28px;position:relative}.firstPartHeader .logoBille{width:165px;height:165px;position:relative;z-index:1;margin-top:5px;cursor:pointer}.firstPartHeader .logo{width:225px;height:auto;margin:-5px 0 0 -33px;display:block;position:absolute;top:58px;left:165px;z-index:1}.firstPartHeader .logo img{width:100%;height:auto}.firstPartHeader .tel{color:#fff;float:right;text-align:right;text-decoration:none;margin-top:57px;position:relative;z-index:1;font:400 1.4em hemihead,verdana,sans-serif}nav{background:url(../img/bgNav3.png) top center no-repeat;left:0;right:0;position:absolute;top:0;height:307px}nav>ul{width:1200px;margin:138px auto 0;padding-left:85px;position:relative}nav>ul>li{float:left;text-transform:uppercase;color:#fff;font:400 1.8em hemihead,verdana;line-height:20px;text-shadow:2px 2px 2px rgba(0,0,0,.94);position:absolute;text-align:center;margin:0;padding:0;z-index:2}nav>ul>li.mt{margin-top:8px}nav>ul>li.accueil{left:5%}nav>ul>li.chauffage{left:22%}nav>ul>li.elec{left:35.5%}nav>ul>li.ventilation{left:50%}nav>ul>li.froid{left:66%}nav>ul>li.iso{left:75%}nav>ul>li.contact{right:0}nav>ul>li a{color:#fff}nav>ul>li ul{display:none;position:absolute;top:54px;left:-20px}nav>ul>li:hover{height:370px}nav>ul>li:hover ul{display:block}nav>ul>li:hover ul li a{display:block;background-color:#000;background:rgba(0,0,0,.9);padding:15px 25px;cursor:pointer;font-size:.9em}.accueil article{background:url(../img/imgAccueil.jpg) center top no-repeat;min-height:532px}.accueil+footer{background:0 0;margin:0}.accueil .presentation h1{font-size:2.8em}.quarkEnergies .picto.environnement{margin-top:-10px}.fiche .presentation h1{height:40px;padding:6px 19px}.fiche .presentation h2{height:25px;padding:3px 14px;clear:both}.fiche .presentation h2 a{font:400 .9em verdana,arial,sans-serif;text-transform:capitalize;color:#fff;text-decoration:underline}.fiche .presentation h2 a:hover{text-decoration:none}.fiche .presentation h3{font:700 1.2em verdana}.fiche .resume{font-weight:700;font-size:1.2em}.fiche .leftCol,.fiche .rightCol{float:left;margin:30px 150px 40px 0;width:500px}.fiche .leftCol p,.fiche .rightCol p{text-align:left}.fiche .leftCol li:before,.fiche .rightCol li:before{content:"\2022 \ "}.fiche .leftCol li,.fiche .rightCol li{width:100%;float:left}.fiche .leftCol span,.fiche .rightCol span{display:block;float:right;width:97%}.fiche .rightCol{margin-right:0}.fiche .miseEnOeuvre{clear:both;padding:20px;margin-bottom:40px}.pdf{width:100%}.pdf a{color:#fff}.pdf img{width:100%}.pdf li{float:left;width:10%;margin:10px 5% 50px 0}.chauffage h1{background:url(../img/pictoRouge.png) no-repeat}.chauffage h2{background:url(../img/miniPictoRouge.png) no-repeat}.chauffage .miseEnOeuvre{background:rgba(237,29,36,.14)}.electricite h1{background:url(../img/pictoVert.png) no-repeat}.electricite h2{background:url(../img/miniPictoVert.png) no-repeat}.electricite .miseEnOeuvre{background:rgba(0,143,75,.14)}.ventilationClimatisation h1{background:url(../img/pictoJaune.png) no-repeat}.ventilationClimatisation h2{background:url(../img/miniPictoJaune.png) no-repeat}.ventilationClimatisation .miseEnOeuvre{background:rgba(255,226,11,.14)}.isothermie h1{background:url(../img/pictoGris.png) no-repeat}.isothermie h2{background:url(../img/miniPictoGris.png) no-repeat}.isothermie .miseEnOeuvre{background:rgba(127,127,127,.14)}.froid h1{background:url(../img/pictoBleu.png) no-repeat}.froid h2{background:url(../img/miniPictoBleu.png) no-repeat}.froid .miseEnOeuvre{background:rgba(0,113,186,.14)}.contact h1{background:url(../img/pictoViolet.png) no-repeat}.contact h2{background:url(../img/miniPictoViolet.png) no-repeat}.contact .leftCol,.contact .rightCol{width:350px;padding:15px;text-align:center;background:rgba(0,0,0,.5);margin:30px 5% 80px 0;color:#fff}.contact .leftCol p,.contact .rightCol p{margin:20px 0 20px 40px;font-weight:700;font-size:1.3em}.contact .leftCol{margin-left:15%}.contact .leftCol img{margin:10px 0 17px}.contact .quark{width:200px;heght:auto}.contact adress{font-weight:700;line-height:20px}.contact .carte{width:320px;height:320px;margin-top:20px}.contact .miniPicto{display:inline-block;margin-left:15px}.contact .mail{font:400 1.6em hemihead,verdana,sans-serif}.contact .mail .arobase{font:400 .8em verdana,sans-serif}.contact a,.contact a:focus,.contact a:visited{color:#fff}.slogan{font:400 2.1em hemihead,verdana,sans-serif;width:610px;float:right;margin-top:12px}.slogan a{float:right;margin-left:15px}.presentation{width:1200px;margin:0 auto;color:#fff;padding-top:45px;position:relative;min-height:350px}.presentation h1{font:400 2.5em hemihead,verdana,sans-serif;margin-bottom:20px;text-transform:uppercase}.presentation h1 span{text-transform:lowercase}.presentation h2{font:700 1.3em verdana;margin-bottom:10px;text-transform:uppercase}.presentation .desc{width:390px}.presentation .demarche{color:#fff;font-size:1.2em}.presentation .demarche p{margin-top:8px;text-decoration:underline}.presentation .demarche:hover{text-decoration:none}.firstLine{margin:30px 0}.firstLine .visuel{float:right;position:relative;margin:20px 0 0 120px}.firstLine .picto{position:absolute;top:-20px;left:-20px}.secondLine{margin:40px 0;padding:35px;background:rgba(255,255,255,.2)}.secondLine .visuel{float:left;position:relative;margin:0 120px 0 0}.secondLine .picto{position:absolute;top:-20px;right:-20px}.thirdLine{margin:30px 0}.thirdLine .visuel{float:right;position:relative;margin:0 0 0 150px;width:270px}.thirdLine .picto{position:absolute;top:-20px;left:-20px}.thirdLine a{color:#1f1f1f}.qualifications{padding:35px;background:rgba(255,255,255,.2);float:left;width:100%;margin-bottom:50px}.qualifications a,.qualifications a:focus,.qualifications a:visited{color:#fff}.qualifications figure{margin:20px 70px 0 0;float:left}.qualifications h3{margin:10px 0}#references a,#references a:focus,#references a:visited{color:#fff;text-decoration:underline}#references a:focus:hover,#references a:hover,#references a:visited:hover{text-decoration:none}.actus{width:270px;height:auto;position:absolute;right:0;top:50px;color:#000}.actus .bloc{padding:15px;background:rgba(255,255,255,.5);margin-bottom:10px}.actus .bloc img{margin-bottom:10px}.actus h2{font:400 1.8em HemiHead,verdana,sans-serif;border-bottom:1px solid #000;display:inline-block;margin-bottom:20px}.actus ul{border-bottom:1px solid #000;margin-bottom:10px}.actus li{margin-bottom:20px}.actus .plus{color:#000;font-weight:700}.references h2{margin:40px 0 15px}.references h2.chauffage{background:url(../img/miniPictoRouge.png) no-repeat}.references h2.froid{background:url(../img/miniPictoBleu.png) no-repeat}.references h2.isothermie{background:url(../img/miniPictoGris.png) no-repeat}.references h2.ventilationClimatisation{background:url(../img/miniPictoJaune.png) no-repeat}.references h2.electricite{background:url(../img/miniPictoVert.png) no-repeat}.references h3{margin-bottom:5px}.references li{margin-bottom:20px}.references img{margin:0 40px 20px 0}.slideReference{width:1220px;height:200px;position:relative}.slideReference li{height:200px;margin-right:25px}.slideReference figure{width:100%;height:100%;overflow:hidden;position:relative}.slideReference figure img{height:auto;width:100%}.slideReference figure:hover .description{display:inline}.slideReference figure:hover .arrow{display:none}.slideReference figcaption{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.6);padding:10px}.slideReference figcaption .titre{font-weight:700}.slideReference figcaption .description{display:none}.slideReference .arrow{border-style:solid;border-width:0 10px 10px;border-color:transparent transparent rgba(0,0,0,.6);position:absolute;top:-10px;left:50%;margin-left:-10px}.slideReference .slick-next,.slideReference .slick-prev{position:absolute;top:50%;margin-top:-20px;border-style:solid;overflow:hidden}.slideReference .slick-prev{left:-30px;border-width:20px 20px 20px 0;border-color:transparent rgba(255,255,255,.3) transparent transparent}.slideReference .slick-next{right:-6px;border-width:20px 0 20px 20px;border-color:transparent transparent transparent rgba(255,255,255,.3)}.mentionsLegales{clear:both;border-top:1px dashed #fff;padding-top:20px}.mentionsLegales a{color:#fff}@media all and (min-width:1040px) and (max-width:1260px) and (orientation:landscape){.firstPartHeader,.footer,.presentation,.slideReference,nav ul{width:980px}body{font-size:10px}nav ul{padding-left:0}.fiche .leftCol,.fiche .rightCol{width:400px;margin-right:90px}.slideReference li{height:171px}.presentation .desc{width:350px}}@media all and (min-width:800px) and (max-width:1040px) and (orientation:landscape){.firstPartHeader,.footer,.presentation,.slideReference,nav ul{width:740px}body{font-size:8.5px}.fiche .leftCol,.fiche .rightCol{width:300px;margin-right:70px}nav{height:250px}nav ul{padding-left:0}nav li{margin-left:20px}.slideReference li{height:123px}.logoBille{width:105px;height:105px}.logo{width:155px;height:auto}.pictos{display:none}.presentation .desc{width:250px}}