/*######################### FONTS ##############################*/ @import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900); @import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700); /*######################### BALISE DE BASE ##############################*/ body, html{height:100%;} html {-webkit-font-smoothing: antialiased;} body{margin:0;padding:0;width:100%;background-color:#FFFFFF;overflow-x:hidden; font-family:"Lato", sans-serif;font-size:0.8em;} p{font-family:"Lato", sans-serif;line-height:150%; font-size: 1.3em;text-align:Justify; word-spacing:2px; letter-spacing:0.5px;color:#474747; font-weight:400;} strong{font-weight: bold;} h1, h2, h3, h4, h5, h6{padding: 0;font-weight: normal;line-height: normal;text-transform:uppercase;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{border: 0;} h1, .h1{} h3{} h4, .h4{} h5, .h5{} .color{color:#eb212e} a, a img, li{-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s; text-decoration:none;} li{list-style:none;} hr{border-top:1px solid #474747; border-bottom:0; border-left:0;border-right:0;} .in-border{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; border:1px solid #eb212e;} /*------------------------------------------------------------------------------------------------------------------------*/ /* STRUCTURE */ /*------------------------------------------------------------------------------------------------------------------------*/ .flex_col{ display:flex; flex-wrap: wrap; justify-content: space-between; } .flex_col .flex_col__1_3{ width:30%; } .flex_col .flex_col__2_3{ width:65%; } .flex_col .flex_col__2_3 iframe{ width:100%; height:500px; } .d #prim-menu{background-color:#B0B0B0;} .e #prim-menu{background-color:#9b5617;} #prim-menu{background-color:#fdc13b;} #main-in .main-in-cont h2.realisation{margin-left:5%;} #main-in .main-in-cont p.resize{width:75%;}s #prim-menu{height:40px;width:100%; background-color:#fdc13b;border-bottom:0px solid #ffffff;position:relative;} #prim-menu .prim-menu-cont{margin:0 50px 0 50px;position:relative;height:40px;} #prim-menu .prim-menu-cont .left{position:absolute;right:0;top:0;} #prim-menu .prim-menu-cont .left li{float:left;margin-right:0px;height:30px;padding-top:8px;position:relative;} #prim-menu .prim-menu-cont .left li:first-child{DISPLAY:NONE;} #prim-menu .prim-menu-cont .left li.facebook::before{content:''; background: url('../img/facebook.png') no-repeat top left;width:23px ;height:23px;position:absolute;top:10px;left:0;} #prim-menu .prim-menu-cont .left li.number::before{content:''; background: url('../img/number.png') no-repeat top left;width:23px ;height:23px;position:absolute;top:9px;left:5px;} #prim-menu .prim-menu-cont .left li a{text-transform:uppercase; font-weight:700; font-family:"roboto slab";font-size:1.5em;color:#000000;padding-left:30px;} #prim-menu .prim-menu-cont .right{position:absolute;right:170px;top:0;} #prim-menu .prim-menu-cont .right li{float:left;margin-left:30px;height:27px;padding-top:13px;position:relative;overflow:hidden;} #prim-menu .prim-menu-cont .right li a{text-transform:uppercase;color:#ffffff;font-weight:700;font-size:0.9em;} #prim-menu .prim-menu-cont .right li a::before{content:''; background: url('../img/rock.png') no-repeat top left;width:23px ;height:23px;position:absolute;top:100px;left:50%;margin-left:-11px;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s; text-decoration:none;} #prim-menu .prim-menu-cont .right li a:hover::before, #prim-menu .prim-menu-cont .right li.current a::before{top:30px;} #prim-menu .prim-menu-cont .right li a:hover, #prim-menu .prim-menu-cont .right li.current a{color:#000000;} #second-menu{height:130px;width:100%;background:url('../img/black.jpg') no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #second-menu .second-menu-cont{margin:0 50px 0 50px;position:relative;height:130px;} #second-menu .second-menu-cont .left{position:absolute;left:0;top:-25px;} #second-menu .second-menu-cont .left img{width:250px;height:auto;} #second-menu .second-menu-cont .left:hover{ } #second-menu .second-menu-cont .right{position:absolute;right:0;top:30px;} #second-menu .second-menu-cont .right li{font-size:2.3em; text-transform:uppercase; font-weight:900;float:left;margin-left:40px;height:60px; padding-top:10px;overflow:hidden;display:block;position:relative;line-height:70%;} #second-menu .second-menu-cont .right li:first-child span{font-size:0.5em; color:#ffffff;} #second-menu .second-menu-cont .right li:nth-child(2) span{font-size:0.5em; color:#ffffff;} #second-menu .second-menu-cont .right li:last-child span{font-size:0.5em;color:#ffffff; } #second-menu .second-menu-cont .right li a::before{font-size:1em; text-transform:uppercase; font-weight:900;position:absolute;top:85px;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s; color:#fdc13b;padding-bottom:5px} #second-menu .second-menu-cont .right li:first-child a::before{content:'CONSTRUCTION';color:#fdc13b; padding-bottom:30px; border-bottom:6px solid #fdc13b;} #second-menu .second-menu-cont .right li:last-child a::before{content:'excavation'; color:#9b5617; padding-bottom:30px; border-bottom:6px solid #9b5617;} #second-menu .second-menu-cont .right li:nth-child(2) a::before{content:'déneigement';color:#B0B0B0;padding-bottom:30px; border-bottom:6px solid #B0B0B0;} #second-menu .second-menu-cont .right li a{color:#ffffff; border-bottom:2px solid #ffffff;padding:0px 0 5px 0;margin-top:0px;display:block;} #second-menu .second-menu-cont .right li:hover a, #second-menu .second-menu-cont .right li.current a{margin-top:-70px;} #second-menu .second-menu-cont .right li:hover a::before, #second-menu .second-menu-cont .right li.current a::before{top:10px;} #second-menu .second-menu-cont .right li a::after{font-size:1em; text-transform:uppercase; font-weight:900;position:absolute;top:85px;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s; color:#fdc13b;left:0;} #second-menu .second-menu-cont .right li:first-child a::after{content:'residentielle & commerciale'; font-size:0.5em; color:#fdc13b;} #second-menu .second-menu-cont .right li:last-child a::after{content:'& terrassement'; font-size:0.5em; color:#9b5617;} #second-menu .second-menu-cont .right li:nth-child(2) a::after{content:'residentiel & commercial';font-size:0.5em; color:#B0B0B0;} #second-menu .second-menu-cont .right li:hover a::after, #second-menu .second-menu-cont .right li.current a::after{top:35px;} #main{position:relative;top:0px;left:0px;right:0px;bottom:0px;overflow:auto;width:100%;height:600px;} #main .main-cont{position:absolute;top:15px;bottom:15px;left:15px;right:15px; overflow:hidden;} #main-in{position:relative;display:block;width:100%;height:auto;} #main-in .main-in-cont{max-width:1400px; margin:0px auto 0 auto; padding:70px 50px 70px 50px;display:block;} #main-in .main-in-cont .propos{width:50%;float:left;} #main-in .main-in-cont h3{color:#fcd13b;font-size:25px;border-bottom:3px solid #fcd13b;margin-bottom:30px;display:inline-block;padding-bottom:5px;} .bloc-gauche-propos{float:right;width:48%;} .bloc-gauche-propos img.propos-img{max-width:100%;} #main-in .main-in-cont h2{font-family:'roboto slab', sans-serif; font-weight:700;display:block;text-align:left;font-size:3em;margin:0 auto 30px 0;color:#474747;} #main-in .main-in-cont a{ color:#9b5617; } #main .main-cont .right-acc{height:100%;width:33%;position:relative;float:right;} #main .main-cont .right-acc a {width:100%;height:100%;display:block;} #main .main-cont .slide-acc{height:100%;width:66%;position:relative;float:left;} #main .main-cont .slide-acc2{height:100%;width:100%;position:relative;float:left;} #main .main-cont .slide-acc .text-slide{background-color:#ffffff;display:block; width:500px;position:absolute;bottom:0;left:50px;z-index:999999;} #main .main-cont .slide-acc .text-slide h1{padding:40px 40px 0px 40px; font-size:1.6em; font-family:'lato';line-height:115%;font-weight:400;color:#9b5617} #main .main-cont .slide-acc .text-slide p{padding:20px 40px 70px 40px;text-align:left;} #main .main-cont h3{ font-family:roboto slab, serif; text-transform:uppercase;font-weight:700; padding:15px 20px 10px 5px; background-color:#ffffff;display:inline-block;font-size:1.4em; text-align:left;position:absolute;top:30px; color:#474747; line-height:85%;} #main .main-cont .bloc-1 h3 span, #main .main-cont .bloc-3 h3 span,#main .main-cont .bloc-4 h3 span{font-family:'lato';font-size:0.55em;color:#9b5617;font-weight:700;} #main .main-cont .right-acc .bloc-1 b, #main .main-cont .right-acc .bloc-3 b, #main .main-cont .right-acc .bloc-4 b{width:47px;height:42px;position:absolute;background-color:#ffffff;bottom:30px; right:0;} #main .main-cont .right-acc .bloc-1 b img, #main .main-cont .right-acc .bloc-3 b img, #main .main-cont .right-acc .bloc-4 b img{position:absolute;margin-left:-12px;left:50%; margin-top:-11px;top:50%; opacity:0;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;} #main .main-cont .right-acc .bloc-1 b img:last-of-type, #main .main-cont .right-acc .bloc-3 b img:last-of-type, #main .main-cont .right-acc .bloc-4 b img:last-of-type{opacity:1;} #main .main-cont .right-acc .bloc-1:hover b img, #main .main-cont .right-acc .bloc-3:hover b img, #main .main-cont .right-acc .bloc-4:hover b img{opacity:1;} #main .main-cont .right-acc .bloc-1:hover b img:last-of-type, #main .main-cont .right-acc .bloc-3:hover b img:last-of-type, #main .main-cont .right-acc .bloc-4:hover b img:last-of-type{opacity:0;} #main .main-cont .bloc-1{position:absolute; left:0%;top:0; height:49%;width:48.75%;overflow:hidden; background:url('../img/slide.jpg') no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;-o-transition:.4s;-ms-transition:.4s;-moz-transition:.4s;-webkit-transition:.4s;transition:.4s;} #main .main-cont .bloc-1:hover{background:url('../img/slide.jpg') no-repeat center left;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #main .main-cont .bloc-2{position:absolute; right:0%; top:0; height:23.5%;width:48.75%;background:#fdc13b;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;} #main .main-cont .bloc-3{position:absolute; right:0%; top:25.5%; height:49%;width:48.75%;overflow:hidden; background:url('../img/slide2.jpg') no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;-o-transition:.4s;-ms-transition:.4s;-moz-transition:.4s;-webkit-transition:.4s;transition:.4s;} #main .main-cont .bloc-3:hover{background:url('../img/slide2.jpg') no-repeat center left;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #main .main-cont .bloc-4{position:absolute; left:0%; bottom:0%; height:49%;width:48.75%;overflow:hidden; background:url('../img/smile.jpg') no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;-o-transition:.4s;-ms-transition:.4s;-moz-transition:.4s;-webkit-transition:.4s;transition:.4s;} #main .main-cont .bloc-4:hover{background:url('../img/smile.jpg') no-repeat center left;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #main .main-cont .bloc-5{position:absolute; right:0%; bottom:0%; height:23.5%;width:48.75%;overflow:hidden;} #main .main-cont .bloc-5 span {background-color:rgba(141,80,8,0.850);position:absolute;top:0;bottom:0;left:0;right:0;z-index:99999999;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;} #main .main-cont .bloc-5:hover span{background-color:rgba(141,80,8,1)} #main .main-cont .bloc-5 span h2{font-family:'lato', sans-serif; color:#ffffff;text-transform:uppercase;color:#ffffff;font-size:1.9em;font-weight:900;display:block;text-align:center;width:200px;height:65px; position:absolute; left:50%;margin-left:-100px;top:50%;margin-top:-35px;border:2px solid #ffffff;padding-top:5px;} #main .main-cont .bloc-1 span.second, #main .main-cont .bloc-3 span.second, #main .main-cont .bloc-4 span.second{background-color:#ffffff; position:absolute;left:-800px; height:100%;width:100%;-o-transition:.4s;-ms-transition:.4s;-moz-transition:.4s;-webkit-transition:.4s;transition:.4s;} #main .main-cont .bloc-1:hover span.second, #main .main-cont .bloc-3:hover span.second, #main .main-cont .bloc-4:hover span.second{background-color:#ffffff; position:absolute;left:0px; height:100%;width:100%;} #main .main-cont .bloc-1 span.second p, #main .main-cont .bloc-3 span.second p, #main .main-cont .bloc-4 span.second p{text-align:left;display:block; margin:20px 20px 20px 10px;} #main .main-cont .bloc-1 span.second span, #main .main-cont .bloc-3 span.second span, #main .main-cont .bloc-4 span.second span{text-align:left;display:block; margin:20px 20px 20px 10px; padding-top:10px; border-top:1px solid #fdc13b; color:#9b5617;text-transform:uppercase;font-weight:700; font-family:roboto slab;} #main .main-cont .bloc-2 img{position:absolute;width:108px;height:112px; margin-left:-54px; left:50%; margin-top:-56px; top:50%;} #main .main-cont .bloc-2:hover{background:#ffffff} h1.mm{font-family: 'roboto slab', serif; font-weight:900; color:rgba(0,0,0,1); font-size:1.6em; padding-left:0;text-align:right;position:absolute;left:15px;top:23px;z-index:99999;text-transform:uppercase;color:#ffffff} span.mobix{width:30px;height:30px;position:absolute;top:19px; right:17px;z-index:99999999999;cursor:pointer;} span.mobix b:first-of-type, span.mobix b:last-of-type{position:absolute;width:100%;height:3px;background-color:#ffffff;top:13px;} span.mobix b:nth-of-type(2){display:none;} span.mobix b:first-of-type{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);left:0px;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;} span.mobix b:last-of-type{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);right:0px;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;} span.mobix:hover{animation: 0.2s rotate180 linear;} span.mobix:hover b:first-of-type{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);left:0px;background-color:#ffffff} span.mobix:hover b:last-of-type{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);right:0px;background-color:#ffffff} .bx-bouton{max-width:1400px;margin:0px auto 0px auto;padding:0px 20px 0px 20px;display:block;} .commerciale{background-image:url(../img/img-construction-commerciale.png);height:401px;width:50%;float:right;background-repeat:no-repeat;background-size:cover;display:block;} .Residentielle{background-image:url(../img/img-st-gelais-residentielle.png);height:401px;width:48%;float:left;margin-bottom:20px;background-repeat:no-repeat;background-size:cover;display:block;} .Residentielle p, .commerciale p {color:#ffffff;font-size:30px;text-transform:uppercase;margin-top:87px;background-color:#fcd13b;text-align:center;width:280px;} .Residentielle p a, .commerciale p a{color:#ffffff;} .Residentielle p a:hover, .commerciale p a:hover{color:#000000;} .commerciale2 p{color:#ffffff;font-size:30px;text-transform:uppercase;background-color:#B0B0B0;;text-align:center;width:280px;} .commerciale2{float:left;} .Residentielle2{float:left;margin-bottom:20px;} .Residentielle2 p {color:#ffffff;font-size:30px;text-transform:uppercase;background-color:#B0B0B0;text-align:center;width:280px;} .Residentielle2 p a, .commerciale2 p a{color:#ffffff;} .Residentielle2 p:hover, .commerciale2 p:hover{background-color:#fcd13b;} .Residentielle2 p a:hover, .commerciale2 p a:hover{color:#B0B0B0;} .Residentielle_deneigement{background-image:url(../img/deneigement_st-gelais_residentielle.jpg);height:401px;width:48%;float:left;margin-bottom:20px;background-repeat:no-repeat;background-size:cover;display:block;} .commerciale_deneigement{background-image:url(../img/deneigement_st-gelais_commerciale.jpg);height:401px;width:50%;float:right;background-repeat:no-repeat;background-size:cover;display:block;} .Residentielle_deneigement p, .commerciale_deneigement p {color:#ffffff;font-size:30px;text-transform:uppercase;margin-top:87px;background-color:#fcd13b;text-align:center;width:280px;} .Residentielle_deneigement p a, .commerciale_deneigement p a{color:#ffffff;} .Residentielle_deneigement p:hover, .commerciale_deneigement p:hover{background-color:#fcd13b;} .Residentielle_deneigement p a:hover, .commerciale_deneigement p a:hover{color:#B0B0B0;} .bxbck{width:100%;height:100% !important;background-image:url(../img/D%C3%A9neigement.jpg);background-size:cover;background-position: center;} @keyframes rotate180 {to { transform: rotate(180deg); }} .mob-contenu{position:absolute;width:175px;height:100%;z-index:999999999999;background-color:#575757;display:none;padding:0 0 0 0 ;right:0;} .mob-contenu ul{padding-top:65px;} .mob-contenu ul li{font-family:'lato';margin:0px 0px 0px 0px;font-size:0.8em;font-weight:400; border-top:1px solid #474747} .mob-contenu ul li:last-child{border-bottom:1px solid #474747} .mob-contenu ul li a{text-transform:uppercase;text-decoration:none;font-weight:700;color:#ffffff;display:block;position:relative;overflow:hidden;z-index:999999;padding:15px 10px 15px 15px;} .mob-contenu ul li a:hover{padding:15px 10px 15px 30px;} .mob-contenu ul li a::before{content:''; background-color:#474747;position:absolute;top:0;left:-300px;width:300px;height:30px;z-index:-1;padding:15px 0px 15px 0px;-o-transition:1s;-ms-transition:1s;-moz-transition:1s;-webkit-transition:1s;transition:1s;} .mob-contenu ul li a:hover::before{content:''; background-color:#474747;position:absolute;top:0;left:0px;width:300px;height:30px;padding:15px 0px 15px 0px;} span.mobi{width:30px;height:14px;position:absolute;top:70px; right:25px;z-index:999999;display:none;cursor:pointer} span.mobi b:first-of-type{width:100%;height:4px;background-color:#ffffff;margin-bottom:5px;display:block;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;} span.mobi b:nth-of-type(2){width:100%;height:4px;background-color:#ffffff;margin-bottom:5px;display:block;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;} span.mobi b:last-of-type{width:100%;height:4px;background-color:#ffffff;margin-bottom:0;display:block;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;} span.mobi:hover b:first-of-type{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);transform:rotate(-180deg);left:0px;background-color:#fdc13b} span.mobi:hover b:nth-of-type(2){-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);right:0px;background-color:#fdc13b} span.mobi:hover b:last-of-type{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);right:0px;background-color:#fdc13b} .un-trois{width:31%;margin-left:3.5%;float:left;margin-top:20px;margin-bottom:20px;position:relative;} .un-trois:first-of-type{margin-left:0;} .un-trois a.btn{color:#ffffff;font-family:'roboto slab'; text-transform:uppercase; font-weight:700;display:block;margin-top:15px;} .un-trois .img{width:100%;height:250px;margin-bottom:15px; position:relative;display:block;} .un-trois span a{text-transform:uppercase; font-family:'lato', serif; padding:10px 0px 10px 0px; background-color:#ffffff;color:#474747;position:relative;text-align:center;display:block;float:left;margin-bottom:20px;font-weight:700;} .un-trois span a:first-of-type{ left:0%;width:48%;} .un-trois span a:last-of-type{right:0%;width:48%;margin-left:4%;} .un-trois:first-of-type .img{background:url('../img/slide.jpg') no-repeat center left;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} .un-trois:nth-of-type(2) .img{background:url('../img/slide3.jpg') no-repeat center left;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} .un-trois:nth-of-type(3) .img{background:url('../img/slide2.jpg') no-repeat center left;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} .un-trois .img h4{ font-family:roboto slab, serif; text-transform:uppercase;font-weight:700; padding:15px 20px 15px 20px; background-color:#ffffff;display:inline-block;font-size:1.4em; text-align:left;position:absolute;top:30px; color:#ffffff; line-height:85%;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;} .un-trois:first-of-type .img h4{background-color:#fdc13b; } .un-trois:nth-of-type(2) .img h4{background-color:#B0B0B0; } .un-trois:nth-of-type(3) .img h4{background-color:#9b5617;} .un-trois:hover:first-of-type a.btn{color:#fdc13b; } .un-trois:hover:nth-of-type(2) a.btn{color:#B0B0B0; } .un-trois:hover:nth-of-type(3) a.btn{color:#9b5617;} .un-trois:hover .img{background-position:center right;opacity:0.8;} .un-trois:hover .img h4{padding-left:50px;} .un-trois span a:hover{color:#ffffff;background-color:#474747} #in .un-trois a.btn{color:#474747;font-family:'roboto slab'; text-transform:uppercase; font-weight:700;display:block;margin-top:15px;} #in .un-trois:hover:first-of-type a.btn{color:#fdc13b; } #in .un-trois:hover:nth-of-type(2) a.btn{color:#B0B0B0; } #in .un-trois:hover:nth-of-type(3) a.btn{color:#9b5617;} #in .un-trois span a{text-transform:uppercase; font-family:'lato', serif; padding:10px 0px 10px 0px; background-color:#474747;color:#ffffff;position:relative;text-align:center;display:block;float:left;margin-bottom:20px;font-weight:700;} #in .un-trois span a:hover{color:#474747;background-color:#ffffff} footer.rock{width:100%;background:url('../img/black.jpg') no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} footer.rock .foot-cont{ margin:0px auto 0 auto; padding:50px;display:block;position:relative;} footer.rock .foot-cont ul{float:left; margin-right:100px;} footer.rock .foot-cont ul:last-of-type{margin-right:0;} footer.rock .foot-cont ul li{margin-bottom:7px;color:#ffffff;} footer.rock .foot-cont ul li.last{margin-top:15px;} footer.rock .foot-cont ul li:first-child{margin-bottom:15px;} footer.rock .foot-cont ul li strong a{text-transform:uppercase;border-bottom:1px solid #fdc13b;color:#fdc13b;font-family:'roboto slab'} footer.rock .foot-cont ul li a{color:#ffffff;} footer.rock .foot-cont ul li a:hover{color:#fdc13b;} footer.rock .foot-cont ul li b a:hover{color:#fdc13b} footer.rock .foot-cont .foot-logo{width:175px;position:absolute;right:50px;top:50px;} footer.rock .foot-cont .foot-logo img{width:100%;height:auto;} .bloc-temoignage{width:49%;float:left;margin-left:2%; border:1px solid #e9e9e9;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding:2%;margin-top:2%;} .bloc-temoignage1{width:49%;float:right;margin-left:2%; border:1px solid #e9e9e9;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding:2%;margin-top:2%;} .bloc-temoignage:first-of-type{margin-left:0;} .bloc-temoignage:nth-of-type(2n+1){margin-left:0;} .bloc-temoignage p{text-align:justify;font-style:italic;} .bloc-temoignage1 p{text-align:justify;font-style:italic;} .bloc-temoignage h5{text-transform:uppercase;font-weight:bold;font-size:1.4em;margin:0 0 15px 0;color:#ffae00;font-family:'roboto slab'} .bloc-temoignage1 h5{text-transform:uppercase;font-weight:bold;font-size:1.4em;margin:0 0 15px 0;color:#ffae00;font-family:'roboto slab'} .bloc-gauche{width:25%;float:left;} .bloc-gauche img{width:100%;height:auto; } .bloc-droite{width:70%;float:right;} .bloc-droite1{width:100%;} .encadre{border:2px solid #fdc13b;padding:10px;width:75%;} /*------------------------------------------------------------------------------------------------------------------------*/ /* BANNIÈRE */ /*------------------------------------------------------------------------------------------------------------------------*/ .bxslider2, .bxslider2 li{height: 100% !important;} .bxslider2 li{background-repeat: no-repeat;background-position:center;background-size: cover;} .bx-viewport, .bx-wrapper{position:absolute;width:100%;height:100% !important;top:0;left:0;} .bxslider, .bxslider li{height: 100% !important;} .bxslider li{background-repeat: no-repeat;background-position:center;background-size: cover;} .bx-wrapper .bx-viewport{border: none !important;} .ban{max-width:1400px; margin:0px auto 0 auto; padding: 0 0px 0 0px;height:400px;position:relative;z-index:8;} .bx-wrapper {position: relative;margin: 0 auto 60px;padding: 0;*zoom: 1;} .bx-wrapper img {max-width: 100%;display: block;height:auto;} .bx-wrapper .bx-viewport {border-top: 10px solid #eb212e;left: -0px;top:0;background: #fff;-webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform: translatez(0);transform: translatez(0);} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position: absolute;bottom: -30px;width: 100%;} /* LOADER */ .bx-wrapper .bx-loading {min-height: 50px;background: url(images/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;} /* PAGER */ .bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 10px;padding-bottom:5px;z-index:9999999;position:absolute;bottom:20px;width:auto;left:85px;display:inline-block;margin:0 auto 0 auto;} .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;margin-bottom:-70px;} .bx-wrapper .bx-pager.bx-default-pager a {background: #474747;text-indent: -9999px;display: block;width: 16px;height: 16px;margin: 0px 5px 0 5px;outline: 0;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; border:2px solid #474747;} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #fdc13b;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; border:2px solid #474747;} /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev {right: 0px;bottom:189px;background: url(images/controls.png) no-repeat top left;} .bx-wrapper .bx-next {right: 0px;bottom: 0;background: url(images/controls.png) no-repeat top right;} .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover{opacity:0.8} .bx-wrapper .bx-controls-direction a {position: absolute;outline: 0;width: 72px;height: 169px;text-indent: -9999px;z-index: 9999;} .bx-wrapper .bx-controls-direction a.disabled {display: none;} /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left;width: 80%;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px;} /* IMAGE CAPTIONS */ .bx-wrapper span {position: absolute;bottom: 100px;right: 0;background: #fff\9;background: rgba(250, 250, 250, 0.75);width: auto;} .bx-wrapper span {color: #6d6f71;display: block; font-size: 3.8em;padding: 10px 20px 10px 20px; font-weight:300;text-transform:uppercase;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s; text-decoration:none;} .bx-wrapper:hover span {color: #eb212e;} /*------------------------------------------------------------------------------------------------------------------------*/ /* FORMULAIRE */ /*------------------------------------------------------------------------------------------------------------------------*/ .msgError{color: red;} .btn-success{color: white; background-color: #fdc13b; border-color: transparent;} .btn-success:hover{color: white; background-color: #B0B0B0; border-color: transparent;} /*------------------------------------------------------------------------------------------------------------------------*/ /* STRUCTURE RESPONSIVE */ /*------------------------------------------------------------------------------------------------------------------------*/ /*------ BIG FUCKING SCREEN ----*/ @media screen and (min-width:2000px) { p{font-size:1.3em;line-height:160%;} #main-in .main-in-cont p.resize{width:75%;} #main{position:relative;top:0px;left:0px;right:0px;bottom:0px;overflow:auto;width:100%;height:800px;} #main .main-cont .bloc-2 img{position:absolute;width:60px;height:62px; margin-left:-30px; left:50%; margin-top:-31px; top:50%;} .bx-wrapper .bx-pager.bx-default-pager a {background: #474747;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0px 5px 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; border:2px solid #474747;} #main .main-cont .bloc-5 span {background-color:rgba(141,80,8,0.850);position:absolute;top:0;bottom:0;left:0;right:0;z-index:99999999;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;} #main .main-cont .bloc-5:hover span{background-color:rgba(141,80,8,1)} #main .main-cont .bloc-5 span h2{font-family:'lato', sans-serif; color:#ffffff;text-transform:uppercase;color:#ffffff;font-size:1.2em;font-weight:900;display:block;text-align:center;width:140px;height:42px; position:absolute; left:50%;margin-left:-70px;top:50%;margin-top:-25px;border:2px solid #ffffff;padding-top:5px;} } /*------ BIG SCREEN ----*/ @media screen and (min-width:1600px) and (max-width:1999px) { p{font-size:1.3em;line-height:160%;} #main-in .main-in-cont p.resize{width:75%;} #main{position:relative;top:0px;left:0px;right:0px;bottom:0px;overflow:auto;width:100%;height:700px;} #main .main-cont .bloc-2 img{position:absolute;width:60px;height:62px; margin-left:-30px; left:50%; margin-top:-31px; top:50%;} .bx-wrapper .bx-pager.bx-default-pager a {background: #474747;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0px 5px 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; border:2px solid #474747;} #main .main-cont .bloc-5 span {background-color:rgba(141,80,8,0.850);position:absolute;top:0;bottom:0;left:0;right:0;z-index:99999999;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;} #main .main-cont .bloc-5:hover span{background-color:rgba(141,80,8,1)} #main .main-cont .bloc-5 span h2{font-family:'lato', sans-serif; color:#ffffff;text-transform:uppercase;color:#ffffff;font-size:1.2em;font-weight:900;display:block;text-align:center;width:140px;height:42px; position:absolute; left:50%;margin-left:-70px;top:50%;margin-top:-25px;border:2px solid #ffffff;padding-top:5px;} } /*------ NORMAL SCREEN ----*/ @media screen and (min-width:1280px) and (max-width:1599px) { #main{position:relative;top:0px;left:0px;right:0px;bottom:0px;overflow:auto;width:100%;height:600px;} #main .main-cont .right-acc{height:100%;width:39%;position:relative;float:right;} #main .main-cont .right-acc a {width:100%;height:100%;display:block;} #main .main-cont .slide-acc{height:100%;width:60%;position:relative;float:left;} #main .main-cont .bloc-2 img{position:absolute;width:60px;height:62px; margin-left:-30px; left:50%; margin-top:-31px; top:50%;} #main .main-cont .bloc-5 span {background-color:rgba(141,80,8,0.850);position:absolute;top:0;bottom:0;left:0;right:0;z-index:99999999;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;} #main .main-cont .bloc-5:hover span{background-color:rgba(141,80,8,1)} #main .main-cont .bloc-5 span h2{font-family:'lato', sans-serif; color:#ffffff;text-transform:uppercase;color:#ffffff;font-size:1.2em;font-weight:900;display:block;text-align:center;width:140px;height:42px; position:absolute; left:50%;margin-left:-70px;top:50%;margin-top:-25px;border:2px solid #ffffff;padding-top:5px;} .bx-wrapper .bx-prev {right: 0px;bottom:80px;background: url(images/controls-p.png) no-repeat top left;} .bx-wrapper .bx-next {right: 0px;bottom: 0;background: url(images/controls-p.png) no-repeat top right;} .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover{opacity:0.8} .bx-wrapper .bx-controls-direction a {position: absolute;outline: 0;width: 30px;height: 69px;text-indent: -9999px;z-index: 9999;} p{font-size:1.3em;line-height:160%;} #main .main-cont h3{ font-family:roboto slab, serif; text-transform:uppercase;font-weight:700; padding:15px 20px 10px 5px; background-color:#ffffff;display:inline-block;font-size:1.4em; text-align:left;position:absolute;top:30px; color:#474747; line-height:85%;} #main .main-cont .slide-acc .text-slide{background-color:#ffffff;display:block; width:400px;position:absolute;bottom:0;left:25px;z-index:999999;} #main .main-cont .slide-acc .text-slide h1{padding:20px 20px 5px 20px; font-size:1.4em; font-family:'lato';} #main .main-cont .slide-acc .text-slide p{padding:10px 20px 50px 20px;text-align:left;} .bx-wrapper .bx-pager {bottom:10px;left:40px;} .bx-wrapper .bx-pager.bx-default-pager a {background: #474747;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0px 5px 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; border:2px solid #474747;} } /*------ SMALL SCREEN ----*/ @media screen and (min-width:960px) and (max-width:1279px) { #main{position:relative;width:100%;height:1085px;overflow:hidden;} #main .main-cont{position:absolute;top:10px;bottom:10px;left:10px;right:10px; } #main .main-cont .right-acc{height:650px;width:100%;position:relative;float:none;margin-top:1%;} #main .main-cont .right-acc a {width:100%;height:100%;display:block;} #main .main-cont .slide-acc{height:400px;width:100%;position:relative;float:none;} #main .main-cont .bloc-2 img{position:absolute;width:60px;height:62px; margin-left:-30px; left:50%; margin-top:-31px; top:50%;} header{position:relative;} .bx-wrapper .bx-prev {right: 0px;bottom:80px;background: url(images/controls-p.png) no-repeat top left;} .bx-wrapper .bx-next {right: 0px;bottom: 0;background: url(images/controls-p.png) no-repeat top right;} .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover{opacity:0.8} .bx-wrapper .bx-controls-direction a {position: absolute;outline: 0;width: 30px;height: 69px;text-indent: -9999px;z-index: 9999;} p{font-size:1.2em;line-height:160%;} #main .main-cont h3{ font-family:roboto slab, serif; text-transform:uppercase;font-weight:700; padding:15px 20px 10px 5px; background-color:#ffffff;display:inline-block;font-size:1.4em; text-align:left;position:absolute;top:30px; color:#474747; line-height:85%;} #main .main-cont .slide-acc .text-slide{background-color:#ffffff;display:block; width:400px;position:absolute;bottom:0;left:25px;z-index:999999;} #main .main-cont .slide-acc .text-slide h1{padding:20px 20px 5px 20px; font-size:1.4em; font-family:'lato';} #main .main-cont .slide-acc .text-slide p{padding:10px 20px 50px 20px;text-align:left;} .bx-wrapper .bx-pager {bottom:10px;left:40px;} .bx-wrapper .bx-pager.bx-default-pager a {background: #474747;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0px 5px 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; border:2px solid #474747;} #prim-menu{height:30px;width:100%; background-color:#fdc13b;border-bottom:0px solid #ffffff;} #prim-menu .prim-menu-cont{margin:0 50px 0 50px;position:relative;height:30px;} #prim-menu .prim-menu-cont .left{position:absolute;right:0;top:0;} #prim-menu .prim-menu-cont .left li{float:left;margin-right:0px;height:20px;padding-top:5px;position:relative;} #prim-menu .prim-menu-cont .left li:first-child{} #prim-menu .prim-menu-cont .left li.facebook::before{content:''; background: url('../img/facebook.png') no-repeat top left;width:23px ;height:23px;position:absolute;top:4px;left:0;} #prim-menu .prim-menu-cont .left li.number::before{content:''; background: url('../img/number.png') no-repeat top left;width:23px ;height:23px;position:absolute;top:3px;left:0;} #prim-menu .prim-menu-cont .left li a{text-transform:uppercase; font-weight:700; font-family:"roboto slab";font-size:1.1em;color:#000000;padding-left:30px;} #prim-menu .prim-menu-cont .left li:first-child a{text-transform:uppercase; font-weight:700; font-family:"roboto slab";font-size:0.8em;color:#000000;padding-left:30px;} #prim-menu .prim-menu-cont .right{position:absolute;right:150px;top:0;} #prim-menu .prim-menu-cont .right li{float:left;margin-left:30px;height:20px;padding-top:7px;position:relative;overflow:hidden;} #prim-menu .prim-menu-cont .right li a{text-transform:uppercase;color:#474747;font-weight:700;font-size:0.8em;} #prim-menu .prim-menu-cont .right li a::before{content:''; background: url('../img/rock.png') no-repeat top left;width:23px ;height:23px;position:absolute;top:100px;left:50%;margin-left:-11px;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s; text-decoration:none;} #prim-menu .prim-menu-cont .right li a:hover::before{top:30px;} #prim-menu .prim-menu-cont .right li a:hover{color:#9b5617;} #second-menu{height:100px;width:100%;background:url('../img/black.jpg') no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #second-menu .second-menu-cont{margin:0 50px 0 50px;position:relative;height:100px;} #second-menu .second-menu-cont .left{position:absolute;left:0;top:-20px;} #second-menu .second-menu-cont .left img{width:190px;height:auto;} #second-menu .second-menu-cont .right{position:absolute;right:0;top:20px;} #second-menu .second-menu-cont .right li{font-size:1.7em; text-transform:uppercase; font-weight:900;float:left;margin-left:40px;height:60px; padding-top:10px;overflow:hidden;display:block;position:relative;line-height:70%;} #second-menu .second-menu-cont .right li:first-child a::before{content:'CONSTRUCTION';color:#fdc13b; padding-bottom:24px; border-bottom:6px solid #fdc13b;} #second-menu .second-menu-cont .right li:last-child a::before{content:'excavation'; color:#9b5617; padding-bottom:24px; border-bottom:6px solid #9b5617;} #second-menu .second-menu-cont .right li:nth-child(2) a::before{content:'déneigement';color:#B0B0B0;padding-bottom:24px; border-bottom:6px solid #B0B0B0;} #second-menu .second-menu-cont .right li a{color:#ffffff; border-bottom:2px solid #ffffff;padding:0px 0 5px 0;margin-top:0px;display:block;} #second-menu .second-menu-cont .right li:hover a{margin-top:-70px;} #second-menu .second-menu-cont .right li:hover a::before{top:10px;} #second-menu .second-menu-cont .right li a::after{font-size:1em; text-transform:uppercase; font-weight:900;position:absolute;top:85px;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s; color:#fdc13b;left:0;} #second-menu .second-menu-cont .right li:first-child a::after{content:'residentielle & commerciale'; font-size:0.5em; color:#fdc13b;} #second-menu .second-menu-cont .right li:last-child a::after{content:'& terrassement'; font-size:0.5em; color:#9b5617;} #second-menu .second-menu-cont .right li:nth-child(2) a::after{content:'residentiel & commercial';font-size:0.5em; color:#B0B0B0;} #second-menu .second-menu-cont .right li:hover a::after{top:28px;} #main .main-cont .bloc-1{position:absolute; left:0%;top:0; height:49%;width:49.5%;overflow:hidden;} #main .main-cont .bloc-2{width:49.5%;background:#fdc13b;} #main .main-cont .bloc-3{position:absolute; right:0%; top:25.5%; height:49%;width:49.5%;overflow:hidden;} #main .main-cont .bloc-4{position:absolute; left:0%; bottom:0%; height:49%;width:49.5%;overflow:hidden;} #main .main-cont .bloc-5{position:absolute; right:0%; bottom:0%; height:23.5%;width:49.5%;overflow:hidden;} #main .main-cont .bloc-5 span {background-color:rgba(141,80,8,0.850);position:absolute;top:0;bottom:0;left:0;right:0;z-index:99999999;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;} #main .main-cont .bloc-5:hover span{background-color:rgba(141,80,8,1)} #main .main-cont .bloc-5 span h2{font-family:'lato', sans-serif; color:#ffffff;text-transform:uppercase;color:#ffffff;font-size:1.5em;font-weight:900;display:block;text-align:center;width:300px;height:35px; position:absolute; left:50%;margin-left:-150px;top:50%;margin-top:-23px;border:2px solid #ffffff;padding-top:10px;} #main .main-cont .bloc-1 span.second span, #main .main-cont .bloc-3 span.second span, #main .main-cont .bloc-4 span.second span{text-align:left;display:block; margin:20px 20px 20px 10px; padding-top:10px; border-top:1px solid #fdc13b; color:#fdc13b;text-transform:uppercase;font-weight:700; font-family:roboto slab;} #main .main-cont .bloc-1 span.second span br, #main .main-cont .bloc-3 span.second span br, #main .main-cont .bloc-4 span.second span br{display:none;} #main-in .main-in-cont h2{font-size:2.3em;margin:0 auto 30px 0;} .un-trois .img{width:100%;height:175px;margin-bottom:15px; position:relative;display:block;} } /*------IPAD PAYSAGE----*/ @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { #main{position:relative;width:100%;height:1085px;overflow:hidden;} #main .main-cont{position:absolute;top:10px;bottom:10px;left:10px;right:10px; } #main .main-cont .right-acc{height:650px;width:100%;position:relative;float:none;margin-top:1%;} #main .main-cont .right-acc a {width:100%;height:100%;display:block;} #main .main-cont .slide-acc{height:400px;width:100%;position:relative;float:none;} #main .main-cont .bloc-2 img{position:absolute;width:60px;height:62px; margin-left:-30px; left:50%; margin-top:-31px; top:50%;} header{position:relative;} .bx-wrapper .bx-prev {right: 0px;bottom:80px;background: url(images/controls-p.png) no-repeat top left;} .bx-wrapper .bx-next {right: 0px;bottom: 0;background: url(images/controls-p.png) no-repeat top right;} .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover{opacity:0.8} .bx-wrapper .bx-controls-direction a {position: absolute;outline: 0;width: 30px;height: 69px;text-indent: -9999px;z-index: 9999;} p{font-size:0.85em;line-height:150%;} #main .main-cont h3{ font-family:roboto slab, serif; text-transform:uppercase;font-weight:700; padding:15px 20px 10px 5px; background-color:#ffffff;display:inline-block;font-size:1.4em; text-align:left;position:absolute;top:30px; color:#474747; line-height:85%;} #main .main-cont .slide-acc .text-slide{background-color:#ffffff;display:block; width:400px;position:absolute;bottom:0;left:25px;z-index:999999;} #main .main-cont .slide-acc .text-slide h1{padding:20px 20px 5px 20px; font-size:1.4em; font-family:'lato';} #main .main-cont .slide-acc .text-slide p{padding:10px 20px 50px 20px;text-align:left;} .bx-wrapper .bx-pager {bottom:10px;left:40px;} .bx-wrapper .bx-pager.bx-default-pager a {background: #474747;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0px 5px 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; border:2px solid #474747;} #prim-menu{height:30px;width:100%; background-color:#fdc13b;border-bottom:0px solid #ffffff;} #prim-menu .prim-menu-cont{margin:0 50px 0 50px;position:relative;height:30px;} #prim-menu .prim-menu-cont .left{position:absolute;right:0;top:0;} #prim-menu .prim-menu-cont .left li{float:left;margin-right:0px;height:20px;padding-top:5px;position:relative;} #prim-menu .prim-menu-cont .left li:first-child{} #prim-menu .prim-menu-cont .left li.facebook::before{content:''; background: url('../img/facebook.png') no-repeat top left;width:23px ;height:23px;position:absolute;top:4px;left:0;} #prim-menu .prim-menu-cont .left li.number::before{content:''; background: url('../img/number.png') no-repeat top left;width:23px ;height:23px;position:absolute;top:3px;left:0;} #prim-menu .prim-menu-cont .left li a{text-transform:uppercase; font-weight:700; font-family:"roboto slab";font-size:1.1em;color:#000000;padding-left:30px;} #prim-menu .prim-menu-cont .left li:first-child a{text-transform:uppercase; font-weight:700; font-family:"roboto slab";font-size:0.8em;color:#000000;padding-left:30px;} #prim-menu .prim-menu-cont .right{position:absolute;right:150px;top:0;} #prim-menu .prim-menu-cont .right li{float:left;margin-left:30px;height:20px;padding-top:7px;position:relative;overflow:hidden;} #prim-menu .prim-menu-cont .right li a{text-transform:uppercase;color:#474747;font-weight:700;font-size:0.8em;} #prim-menu .prim-menu-cont .right li a::before{content:''; background: url('../img/rock.png') no-repeat top left;width:23px ;height:23px;position:absolute;top:100px;left:50%;margin-left:-11px;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s; text-decoration:none;} #prim-menu .prim-menu-cont .right li a:hover::before{top:30px;} #prim-menu .prim-menu-cont .right li a:hover{color:#9b5617;} #second-menu{height:100px;width:100%;background:url('../img/black.jpg') no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #second-menu .second-menu-cont{margin:0 50px 0 50px;position:relative;height:100px;} #second-menu .second-menu-cont .left{position:absolute;left:0;top:-20px;} #second-menu .second-menu-cont .left img{width:190px;height:auto;} #second-menu .second-menu-cont .right{position:absolute;right:0;top:20px;} #second-menu .second-menu-cont .right li{font-size:1.7em; text-transform:uppercase; font-weight:900;float:left;margin-left:40px;height:60px; padding-top:10px;overflow:hidden;display:block;position:relative;line-height:70%;} #second-menu .second-menu-cont .right li:first-child a::before{content:'CONSTRUCTION';color:#fdc13b; padding-bottom:24px; border-bottom:6px solid #fdc13b;} #second-menu .second-menu-cont .right li:last-child a::before{content:'excavation'; color:#9b5617; padding-bottom:24px; border-bottom:6px solid #9b5617;} #second-menu .second-menu-cont .right li:nth-child(2) a::before{content:'déneigement';color:#B0B0B0;padding-bottom:24px; border-bottom:6px solid #B0B0B0;} #second-menu .second-menu-cont .right li a{color:#ffffff; border-bottom:2px solid #ffffff;padding:0px 0 5px 0;margin-top:0px;display:block;} #second-menu .second-menu-cont .right li:hover a{margin-top:-70px;} #second-menu .second-menu-cont .right li:hover a::before{top:10px;} #second-menu .second-menu-cont .right li a::after{font-size:1em; text-transform:uppercase; font-weight:900;position:absolute;top:85px;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s; color:#fdc13b;left:0;} #second-menu .second-menu-cont .right li:first-child a::after{content:'residentielle & commerciale'; font-size:0.5em; color:#fdc13b;} #second-menu .second-menu-cont .right li:last-child a::after{content:'& terrassement'; font-size:0.5em; color:#9b5617;} #second-menu .second-menu-cont .right li:nth-child(2) a::after{content:'residentiel & commercial';font-size:0.5em; color:#B0B0B0;} #second-menu .second-menu-cont .right li:hover a::after{top:28px;} #main .main-cont .bloc-1{position:absolute; left:0%;top:0; height:49%;width:49.5%;overflow:hidden;} #main .main-cont .bloc-2{width:49.5%;background:#fdc13b;} #main .main-cont .bloc-3{position:absolute; right:0%; top:25.5%; height:49%;width:49.5%;overflow:hidden;} #main .main-cont .bloc-4{position:absolute; left:0%; bottom:0%; height:49%;width:49.5%;overflow:hidden;} #main .main-cont .bloc-5{position:absolute; right:0%; bottom:0%; height:23.5%;width:49.5%;overflow:hidden;} #main .main-cont .bloc-5 span {background-color:rgba(141,80,8,0.850);position:absolute;top:0;bottom:0;left:0;right:0;z-index:99999999;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;} #main .main-cont .bloc-5:hover span{background-color:rgba(141,80,8,1)} #main .main-cont .bloc-5 span h2{font-family:'lato', sans-serif; color:#ffffff;text-transform:uppercase;color:#ffffff;font-size:1.5em;font-weight:900;display:block;text-align:center;width:300px;height:35px; position:absolute; left:50%;margin-left:-150px;top:50%;margin-top:-23px;border:2px solid #ffffff;padding-top:10px;} #main .main-cont .bloc-1 span.second span, #main .main-cont .bloc-3 span.second span, #main .main-cont .bloc-4 span.second span{text-align:left;display:block; margin:20px 20px 20px 10px; padding-top:10px; border-top:1px solid #fdc13b; color:#fdc13b;text-transform:uppercase;font-weight:700; font-family:roboto slab;} #main-in .main-in-cont h2{font-size:2.3em;margin:0 auto 30px 0;} #main .main-cont .bloc-1 span.second span br, #main .main-cont .bloc-3 span.second span br, #main .main-cont .bloc-4 span.second span br{display:none;} .un-trois .img{width:100%;height:175px;margin-bottom:15px; position:relative;display:block;} } /*------IPAD PORTRAIT ---*/ @media screen and (min-width:641px) and (max-width:959px) { #main{position:relative;width:100%;height:auto;} #main .main-cont{position:relative;top:inherit;bottom:inherit;left:inherit;right:inherit; padding:10px;} #main .main-cont .right-acc{height:100%;width:100%;position:relative;float:none;margin-top:-30px;} #main .main-cont .right-acc a {width:100%;height:100%;display:block;} #main .main-cont .slide-acc{height:auto; width:100%;position:relative;float:none;} #main .main-cont .bloc-1{position:relative; left:inherit;top:0; height:250px;width:49.5%;overflow:hidden;float:left;margin-bottom:1%;} #main .main-cont .bloc-2{position:relative; left:inherit;top:0; height:250px;width:49.5%;overflow:hidden;background:#fdc13b;float:left;margin-left:1%;margin-bottom:1%;} #main .main-cont .bloc-3{position:relative; left:inherit;top:0; height:250px;width:49.5%;overflow:hidden;float:left;margin-bottom:1%;} #main .main-cont .bloc-4{position:relative; left:inherit;top:0; height:250px;width:49.5%;overflow:hidden;float:left;margin-left:1%;margin-bottom:1%;} #main .main-cont .bloc-5{position:relative; left:inherit;top:0; height:150px;width:100%;overflow:hidden;float:none;clear:both;} #main .main-cont .bloc-2 img{position:absolute;width:60px;height:62px; margin-left:-30px; left:50%; margin-top:-31px; top:50%;} span.mobi{width:30px;height:14px;position:absolute;top:70px; right:25px;z-index:999999;display:block;cursor:pointer} .bx-wrapper .bx-prev {right: 0px;bottom:80px;background: url(images/controls-p.png) no-repeat top left;display:none;} .bx-wrapper .bx-next {right: 0px;bottom: 0;background: url(images/controls-p.png) no-repeat top right;display:none;} .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover{opacity:0.8} .bx-wrapper .bx-controls-direction a {position: absolute;outline: 0;width: 30px;height: 69px;text-indent: -9999px;z-index: 9999;} p{font-size:1.2em;line-height:120%;} #main .main-cont h3{ font-family:roboto slab, serif; text-transform:uppercase;font-weight:700; padding:15px 20px 10px 5px; background-color:#ffffff;display:inline-block;font-size:1.4em; text-align:left;position:absolute;top:30px; color:#474747; line-height:85%;} .bx-wrapper .bx-pager {bottom:10px;left:40px;display:none;} .bx-wrapper .bx-pager.bx-default-pager a {background: #474747;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0px 5px 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; border:2px solid #474747;} #prim-menu{height:30px;width:100%; background-color:#fdc13b;border-bottom:0px solid #ffffff;} #prim-menu .prim-menu-cont{margin:0 25px 0 25px;position:relative;height:30px;} #prim-menu .prim-menu-cont .left{position:absolute;right:0;top:0;left:inherit;} #prim-menu .prim-menu-cont .left li{float:left;margin-right:0px;height:20px;padding-top:5px;position:relative;} #prim-menu .prim-menu-cont .left li:first-child{} #prim-menu .prim-menu-cont .left li.facebook::before{content:''; background: url('../img/facebook.png') no-repeat top left;width:23px ;height:23px;position:absolute;top:4px;left:0;} #prim-menu .prim-menu-cont .left li.number::before{content:''; background: url('../img/number.png') no-repeat top left;width:23px ;height:23px;position:absolute;top:3px;left:0;} #prim-menu .prim-menu-cont .left li a{text-transform:uppercase; font-weight:700; font-family:"roboto slab";font-size:1.1em;color:#000000;padding-left:30px;} #prim-menu .prim-menu-cont .right{position:absolute;right:0;top:0;display:none;} #prim-menu .prim-menu-cont .right li{float:left;margin-left:30px;height:20px;padding-top:7px;position:relative;overflow:hidden;} #prim-menu .prim-menu-cont .right li a{text-transform:uppercase;color:#474747;font-weight:700;font-size:0.8em;} #prim-menu .prim-menu-cont .right li a::before{content:''; background: url('../img/rock.png') no-repeat top left;width:23px ;height:23px;position:absolute;top:100px;left:50%;margin-left:-11px;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s; text-decoration:none;} #prim-menu .prim-menu-cont .right li a:hover::before{top:30px;} #prim-menu .prim-menu-cont .right li a:hover{color:#9b5617;} #second-menu{height:100px;width:100%;background:url('../img/black.jpg') no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #second-menu .second-menu-cont{margin:0 25px 0 25px;position:relative;height:100px;} #second-menu .second-menu-cont .left{position:absolute;left:0;top:-20px;} #second-menu .second-menu-cont .left img{width:190px;height:auto;} #second-menu .second-menu-cont .right{position:absolute;right:0;top:20px;display:none;} #second-menu .second-menu-cont .right li{font-size:1.7em; text-transform:uppercase; font-weight:900;float:left;margin-left:40px;height:60px; padding-top:10px;overflow:hidden;display:block;position:relative;line-height:70%;} #second-menu .second-menu-cont .right li:first-child a::before{content:'CONSTRUCTION';color:#fdc13b; padding-bottom:24px; border-bottom:6px solid #fdc13b;} #second-menu .second-menu-cont .right li:last-child a::before{content:'excavation'; color:#9b5617; padding-bottom:24px; border-bottom:6px solid #9b5617;} #second-menu .second-menu-cont .right li:nth-child(2) a::before{content:'déneigement';color:#B0B0B0;padding-bottom:24px; border-bottom:6px solid #B0B0B0;} #second-menu .second-menu-cont .right li a{color:#ffffff; border-bottom:2px solid #ffffff;padding:0px 0 5px 0;margin-top:0px;display:block;} #second-menu .second-menu-cont .right li:hover a{margin-top:-70px;} #second-menu .second-menu-cont .right li:hover a::before{top:10px;} #second-menu .second-menu-cont .right li a::after{font-size:1em; text-transform:uppercase; font-weight:900;position:absolute;top:85px;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s; color:#fdc13b;left:0;} #second-menu .second-menu-cont .right li:first-child a::after{content:'residentielle & commerciale'; font-size:0.5em; color:#fdc13b;} #second-menu .second-menu-cont .right li:last-child a::after{content:'& terrassement'; font-size:0.5em; color:#9b5617;} #second-menu .second-menu-cont .right li:nth-child(2) a::after{content:'residentiel & commercial';font-size:0.5em; color:#B0B0B0;} #second-menu .second-menu-cont .right li:hover a::after{top:28px;} #main .main-cont .bloc-1 span.second span, #main .main-cont .bloc-3 span.second span, #main .main-cont .bloc-4 span.second span{text-align:left;display:block; margin:20px 20px 20px 10px; padding-top:10px; border-top:1px solid #fdc13b; color:#fdc13b;text-transform:uppercase;font-weight:700; font-family:roboto slab;} #main .main-cont .bloc-1 span.second span br, #main .main-cont .bloc-3 span.second span br, #main .main-cont .bloc-4 span.second span br{display:none;} .bxslider{display:none;} #main .main-cont .slide-acc{min-height:0px;height:auto;position:relative;float:none;display:inline-block;;padding-bottom:0;width:100%;} #main .main-cont .slide-acc .text-slide{background-color:#ffffff;display:block; width:100%;position:relative;bottom:inherit;left:inherit;z-index:999999; height:auto;} #main .main-cont .slide-acc .text-slide h1{padding:20px 20px 5px 20px; font-size:2em; font-family:'lato';text-align:center;} #main .main-cont .slide-acc .text-slide p{padding:10px 20px 0px 20px;text-align:center;} #main-in .main-in-cont{padding:50px 25px 25px 25px;} #main-in .main-in-cont h2{font-size:1.9em;margin:0 auto 30px 0;} #main-in .main-in-cont h2 br{display:none;} .un-trois{width:100%;margin-left:0%;float:none;margin-top:20px;margin-bottom:20px;position:relative;border-bottom:1px solid #676767;padding-bottom:20px} .un-trois:nth-of-type(2), .un-trois:nth-of-type(3){padding-top:10px} .un-trois:nth-of-type(3){border-bottom:0px} footer.rock .foot-cont ul:last-of-type{margin-right:0;float:none;clear:both;padding-top:30px;} .bloc-temoignage{width:100%;float:left;margin-left:0%; border:1px solid #e9e9e9;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding:2%;margin-top:2%;} .bloc-temoignage1{width:100%;float:left;margin-left:0%; border:1px solid #e9e9e9;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding:2%;margin-top:2%;} .bloc-gauche{width:10%;float:left;} .bloc-gauche img{width:100%;height:auto; } .bloc-droite{width:85%;float:right;} #main-in .main-in-cont .propos{width:100%;float:none;} .bloc-gauche-propos{width:100%;float:none;} #main .main-cont .slide-acc2{display:none;} } /*------IPHONE PAYSAGE----*/ @media screen and (min-width:431px) and (max-width:640px) { #main{position:relative;width:100%;height:auto;} #main .main-cont{position:relative;top:inherit;bottom:inherit;left:inherit;right:inherit; padding:10px;} #main .main-cont .right-acc{height:100%;width:100%;position:relative;float:none;margin-top:-30px;} #main .main-cont .right-acc a {width:100%;height:100%;display:block;} #main .main-cont .slide-acc{height:auto; width:100%;position:relative;float:none;} #main .main-cont .bloc-1{position:relative; left:inherit;top:0; height:250px;width:48.5%;overflow:hidden;float:left;margin-bottom:3%;} #main .main-cont .bloc-2{position:relative; left:inherit;top:0; height:250px;width:48.5%;overflow:hidden;background:#fdc13b;float:left;margin-left:3%;margin-bottom:3%;} #main .main-cont .bloc-3{position:relative; left:inherit;top:0; height:250px;width:48.5%;overflow:hidden;float:left;margin-bottom:3%;} #main .main-cont .bloc-4{position:relative; left:inherit;top:0; height:250px;width:48.5%;overflow:hidden;float:left;margin-left:3%;margin-bottom:3%;} #main .main-cont .bloc-5{position:relative; left:inherit;top:0; height:150px;width:100%;overflow:hidden;float:none;clear:both;} #main .main-cont .bloc-2 img{position:absolute;width:60px;height:62px; margin-left:-30px; left:50%; margin-top:-31px; top:50%;} span.mobi{width:30px;height:14px;position:absolute;top:70px; right:25px;z-index:999999;display:block;cursor:pointer} .bx-wrapper .bx-prev {right: 0px;bottom:80px;background: url(images/controls-p.png) no-repeat top left;display:none;} .bx-wrapper .bx-next {right: 0px;bottom: 0;background: url(images/controls-p.png) no-repeat top right;display:none;} .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover{opacity:0.8} .bx-wrapper .bx-controls-direction a {position: absolute;outline: 0;width: 30px;height: 69px;text-indent: -9999px;z-index: 9999;} p{font-size:0.85em;line-height:120%;} #main .main-cont h3{ font-family:roboto slab, serif; text-transform:uppercase;font-weight:700; padding:15px 20px 10px 5px; background-color:#ffffff;display:inline-block;font-size:1.4em; text-align:left;position:absolute;top:30px; color:#474747; line-height:85%;} .bx-wrapper .bx-pager {bottom:10px;left:40px;display:none;} .bx-wrapper .bx-pager.bx-default-pager a {background: #474747;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0px 5px 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; border:2px solid #474747;} #prim-menu{height:30px;width:100%; background-color:#fdc13b;border-bottom:0px solid #ffffff;} #prim-menu .prim-menu-cont{margin:0 25px 0 25px;position:relative;height:30px;} #prim-menu .prim-menu-cont .left{position:absolute;right:0;top:0;left:inherit;} #prim-menu .prim-menu-cont .left li{float:left;margin-right:0px;height:20px;padding-top:5px;position:relative;} #prim-menu .prim-menu-cont .left li:first-child{} #prim-menu .prim-menu-cont .left li.facebook::before{content:''; background: url('../img/facebook.png') no-repeat top left;width:23px ;height:23px;position:absolute;top:4px;left:0;} #prim-menu .prim-menu-cont .left li.number::before{content:''; background: url('../img/number.png') no-repeat top left;width:23px ;height:23px;position:absolute;top:3px;left:0;} #prim-menu .prim-menu-cont .left li a{text-transform:uppercase; font-weight:700; font-family:"roboto slab";font-size:1.1em;color:#000000;padding-left:30px;} #prim-menu .prim-menu-cont .left li:first-child a{text-transform:uppercase; font-weight:700; font-family:"roboto slab";font-size:0.8em;color:#474747;padding-left:30px;} #prim-menu .prim-menu-cont .right{position:absolute;right:0;top:0;display:none;} #prim-menu .prim-menu-cont .right li{float:left;margin-left:30px;height:20px;padding-top:7px;position:relative;overflow:hidden;} #prim-menu .prim-menu-cont .right li a{text-transform:uppercase;color:#474747;font-weight:700;font-size:0.8em;} #prim-menu .prim-menu-cont .right li a::before{content:''; background: url('../img/rock.png') no-repeat top left;width:23px ;height:23px;position:absolute;top:100px;left:50%;margin-left:-11px;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s; text-decoration:none;} #prim-menu .prim-menu-cont .right li a:hover::before{top:30px;} #prim-menu .prim-menu-cont .right li a:hover{color:#9b5617;} #second-menu{height:100px;width:100%;background:url('../img/black.jpg') no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #second-menu .second-menu-cont{margin:0 25px 0 25px;position:relative;height:100px;} #second-menu .second-menu-cont .left{position:absolute;left:0;top:-20px;} #second-menu .second-menu-cont .left img{width:190px;height:auto;} #second-menu .second-menu-cont .right{position:absolute;right:0;top:20px;display:none;} #second-menu .second-menu-cont .right li{font-size:1.7em; text-transform:uppercase; font-weight:900;float:left;margin-left:40px;height:60px; padding-top:10px;overflow:hidden;display:block;position:relative;line-height:70%;} #second-menu .second-menu-cont .right li:first-child a::before{content:'CONSTRUCTION';color:#fdc13b; padding-bottom:24px; border-bottom:6px solid #fdc13b;} #second-menu .second-menu-cont .right li:nth-child(2) a::before{content:'excavation'; color:#9b5617; padding-bottom:24px; border-bottom:6px solid #9b5617;} #second-menu .second-menu-cont .right li:last-child a::before{content:'déneigement';color:#B0B0B0;padding-bottom:24px; border-bottom:6px solid #B0B0B0;} #second-menu .second-menu-cont .right li a{color:#ffffff; border-bottom:2px solid #ffffff;padding:0px 0 5px 0;margin-top:0px;display:block;} #second-menu .second-menu-cont .right li:hover a{margin-top:-70px;} #second-menu .second-menu-cont .right li:hover a::before{top:10px;} #second-menu .second-menu-cont .right li a::after{font-size:1em; text-transform:uppercase; font-weight:900;position:absolute;top:85px;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s; color:#fdc13b;left:0;} #second-menu .second-menu-cont .right li:first-child a::after{content:'residentielle & commerciale'; font-size:0.5em; color:#fdc13b;} #second-menu .second-menu-cont .right li:nth-child(2) a::after{content:'& terrassement'; font-size:0.5em; color:#9b5617;} #second-menu .second-menu-cont .right li:last-child a::after{content:'residentiel & commercial';font-size:0.5em; color:#B0B0B0;} #second-menu .second-menu-cont .right li:hover a::after{top:28px;} #main .main-cont .bloc-1 span.second span, #main .main-cont .bloc-3 span.second span, #main .main-cont .bloc-4 span.second span{text-align:left;display:block; margin:20px 20px 20px 10px; padding-top:10px; border-top:1px solid #fdc13b; color:#fdc13b;text-transform:uppercase;font-weight:700; font-family:roboto slab;} #main .main-cont .bloc-1 span.second span br, #main .main-cont .bloc-3 span.second span br, #main .main-cont .bloc-4 span.second span br{display:none;} .bxslider{display:none;} #main .main-cont .slide-acc{min-height:0px;height:auto;position:relative;float:none;display:inline-block;;padding-bottom:0;width:100%;} #main .main-cont .slide-acc .text-slide{background-color:#ffffff;display:block; width:100%;position:relative;bottom:inherit;left:inherit;z-index:999999; height:auto;} #main .main-cont .slide-acc .text-slide h1{padding:20px 20px 5px 20px; font-size:1.4em; } #main .main-cont .slide-acc .text-slide p{padding:10px 20px 0px 20px;text-align:justify;} #main .main-cont .bloc-5 span {background-color:rgba(141,80,8,0.850);position:absolute;top:0;bottom:0;left:0;right:0;z-index:99999999;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;} #main .main-cont .bloc-5:hover span{background-color:rgba(141,80,8,1)} #main .main-cont .bloc-5 span h2{font-family:'lato', sans-serif; color:#ffffff;text-transform:uppercase;color:#ffffff;font-size:1.1em;font-weight:900;display:block;text-align:center;width:150px;height:45px; position:absolute; left:50%;margin-left:-75px;top:50%;margin-top:-26px;border:2px solid #ffffff;padding-top:7px;} #main-in .main-in-cont{padding:50px 25px 25px 25px;} #main-in .main-in-cont h2{font-size:1.5em;margin:0 auto 30px 0;} #main-in .main-in-cont h2 br{display:none;} .un-trois{width:100%;margin-left:0%;float:none;margin-top:20px;margin-bottom:20px;position:relative;border-bottom:1px solid #676767;padding-bottom:20px} .un-trois:nth-of-type(2), .un-trois:nth-of-type(3){padding-top:10px} .un-trois:nth-of-type(3){border-bottom:0px} footer.rock .foot-cont ul{display:none;} footer.rock .foot-cont ul:last-of-type{margin-right:0;float:none;clear:both;padding-top:0px;display:block;} footer.rock .foot-cont{padding:25px;} footer.rock .foot-cont .foot-logo{display:none} .un-trois .img{width:100%;height:150px;margin-bottom:15px; position:relative;display:block;} .bloc-temoignage{width:100%;float:left;margin-left:0%; border:1px solid #e9e9e9;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding:5%;margin-top:5%;} .bloc-gauche{width:20%;float:left;} .bloc-gauche img{width:100%;height:auto; } .bloc-droite{width:75%;float:right;} #main-in .main-in-cont .propos{width:100%;float:none;} #main-in .main-in-cont .propos h3{width:100%;} .bloc-gauche-propos{width:100%;float:none;} #main .main-cont .slide-acc2{display:none;} .Residentielle{width:100%;display:block;} .commerciale{width:100%;display:block;} .Residentielle_deneigement{width:100%;display:block;} .commerciale_deneigement{width:100%;display:block;} .flex_col .flex_col__1_3{ width:100%; } .flex_col .flex_col__2_3{ width:100%; } .flex_col .flex_col__2_3 iframe{ width:100%; height:300px; } } /*------IPHONE PORTRAIT----*/ @media screen and (max-width:430px) { #main{position:relative;width:100%;height:auto;} #main .main-cont{position:relative;top:inherit;bottom:inherit;left:inherit;right:inherit; padding:10px;} #main .main-cont .right-acc{height:100%%;width:100%;position:relative;float:none;margin-top:-30px;} #main .main-cont .right-acc a {width:100%;height:100%;display:block;} #main .main-cont .slide-acc{height:auto; width:100%;position:relative;float:none;} #main .main-cont .bloc-1{position:relative; left:inherit;top:0; height:200px;width:100%;overflow:hidden;float:left;margin-bottom:3%;} #main .main-cont .bloc-2{position:relative; left:inherit;top:0; height:200px;width:100%;overflow:hidden;background:#fdc13b;float:left;margin-left:0%;margin-bottom:3%;} #main .main-cont .bloc-3{position:relative; left:inherit;top:0; height:200px;width:100%;overflow:hidden;float:left;margin-bottom:3%;} #main .main-cont .bloc-4{position:relative; left:inherit;top:0; height:200px;width:100%;overflow:hidden;float:left;margin-left:0%;margin-bottom:3%;} #main .main-cont .bloc-5{position:relative; left:inherit;top:0; height:200px;width:100%;overflow:hidden;float:none;clear:both;} #main .main-cont .bloc-2 img{position:absolute;width:60px;height:62px; margin-left:-30px; left:50%; margin-top:-31px; top:50%;} span.mobi{width:30px;height:14px;position:absolute;top:70px; right:25px;z-index:999999;display:block;cursor:pointer} .bx-wrapper .bx-prev {right: 0px;bottom:80px;background: url(images/controls-p.png) no-repeat top left;display:none;} .bx-wrapper .bx-next {right: 0px;bottom: 0;background: url(images/controls-p.png) no-repeat top right;display:none;} .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover{opacity:0.8} .bx-wrapper .bx-controls-direction a {position: absolute;outline: 0;width: 30px;height: 69px;text-indent: -9999px;z-index: 9999;} p{font-size:0.85em;line-height:120%;} #main .main-cont h3{ font-family:roboto slab, serif; text-transform:uppercase;font-weight:700; padding:15px 20px 10px 5px; background-color:#ffffff;display:inline-block;font-size:1.4em; text-align:left;position:absolute;top:30px; color:#474747; line-height:85%;} .bx-wrapper .bx-pager {bottom:10px;left:40px;display:none;} .bx-wrapper .bx-pager.bx-default-pager a {background: #474747;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0px 5px 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; border:2px solid #474747;} #prim-menu{height:30px;width:100%; background-color:#fdc13b;border-bottom:0px solid #ffffff;} #prim-menu .prim-menu-cont{margin:0 25px 0 25px;position:relative;height:30px;} #prim-menu .prim-menu-cont .left{position:absolute;right:0;top:0;left:inherit;} #prim-menu .prim-menu-cont .left li{float:left;margin-right:0px;height:20px;padding-top:5px;position:relative;} #prim-menu .prim-menu-cont .left li:first-child{} #prim-menu .prim-menu-cont .left li.facebook::before{content:''; background: url('../img/facebook.png') no-repeat top left;width:23px ;height:23px;position:absolute;top:4px;left:0;} #prim-menu .prim-menu-cont .left li.number::before{content:''; background: url('../img/number.png') no-repeat top left;width:23px ;height:23px;position:absolute;top:3px;left:0;} #prim-menu .prim-menu-cont .left li a{text-transform:uppercase; font-weight:700; font-family:"roboto slab";font-size:1.1em;color:#000000;padding-left:30px;} #prim-menu .prim-menu-cont .left li:first-child a{text-transform:uppercase; font-weight:700; font-family:"roboto slab";font-size:0.8em;color:#474747;padding-left:30px;} #prim-menu .prim-menu-cont .right{position:absolute;right:0;top:0;display:none;} #prim-menu .prim-menu-cont .right li{float:left;margin-left:30px;height:20px;padding-top:7px;position:relative;overflow:hidden;} #prim-menu .prim-menu-cont .right li a{text-transform:uppercase;color:#474747;font-weight:700;font-size:0.8em;} #prim-menu .prim-menu-cont .right li a::before{content:''; background: url('../img/rock.png') no-repeat top left;width:23px ;height:23px;position:absolute;top:100px;left:50%;margin-left:-11px;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s; text-decoration:none;} #prim-menu .prim-menu-cont .right li a:hover::before{top:30px;} #prim-menu .prim-menu-cont .right li a:hover{color:#9b5617;} #second-menu{height:100px;width:100%;background:url('../img/black.jpg') no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #second-menu .second-menu-cont{margin:0 25px 0 25px;position:relative;height:100px;} #second-menu .second-menu-cont .left{position:absolute;left:0;top:-20px;} #second-menu .second-menu-cont .left img{width:190px;height:auto;} #second-menu .second-menu-cont .right{position:absolute;right:0;top:20px;display:none;} #second-menu .second-menu-cont .right li{font-size:1.7em; text-transform:uppercase; font-weight:900;float:left;margin-left:40px;height:60px; padding-top:10px;overflow:hidden;display:block;position:relative;line-height:70%;} #second-menu .second-menu-cont .right li:first-child a::before{content:'CONSTRUCTION';color:#fdc13b; padding-bottom:24px; border-bottom:6px solid #fdc13b;} #second-menu .second-menu-cont .right li:nth-child(2) a::before{content:'excavation'; color:#9b5617; padding-bottom:24px; border-bottom:6px solid #9b5617;} #second-menu .second-menu-cont .right li:last-child a::before{content:'déneigement';color:#B0B0B0;padding-bottom:24px; border-bottom:6px solid #B0B0B0;} #second-menu .second-menu-cont .right li a{color:#ffffff; border-bottom:2px solid #ffffff;padding:0px 0 5px 0;margin-top:0px;display:block;} #second-menu .second-menu-cont .right li:hover a{margin-top:-70px;} #second-menu .second-menu-cont .right li:hover a::before{top:10px;} #second-menu .second-menu-cont .right li a::after{font-size:1em; text-transform:uppercase; font-weight:900;position:absolute;top:85px;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s; color:#fdc13b;left:0;} #second-menu .second-menu-cont .right li:first-child a::after{content:'residentielle & commerciale'; font-size:0.5em; color:#fdc13b;} #second-menu .second-menu-cont .right li:nth-child(2) a::after{content:'& terrassement'; font-size:0.5em; color:#9b5617;} #second-menu .second-menu-cont .right li:last-child a::after{content:'residentiel & commercial';font-size:0.5em; color:#B0B0B0;} #second-menu .second-menu-cont .right li:hover a::after{top:28px;} #main .main-cont .bloc-1 span.second span, #main .main-cont .bloc-3 span.second span, #main .main-cont .bloc-4 span.second span{text-align:left;display:block; margin:20px 20px 20px 10px; padding-top:10px; border-top:1px solid #fdc13b; color:#fdc13b;text-transform:uppercase;font-weight:700; font-family:roboto slab;} #main .main-cont .bloc-1 span.second span br, #main .main-cont .bloc-3 span.second span br, #main .main-cont .bloc-4 span.second span br{display:none;} .bxslider{display:none;} #main .main-cont .slide-acc{min-height:0px;height:auto;position:relative;float:none;display:inline-block;;padding-bottom:0;width:100%;} #main .main-cont .slide-acc .text-slide{background-color:#ffffff;display:block; width:100%;position:relative;bottom:inherit;left:inherit;z-index:999999; height:auto;} #main .main-cont .slide-acc .text-slide h1{padding:20px 20px 5px 20px; font-size:1.2em; } #main .main-cont .slide-acc .text-slide p{padding:10px 20px 0px 20px;text-align:justify;} #main .main-cont .bloc-5 span {background-color:rgba(141,80,8,0.850);position:absolute;top:0;bottom:0;left:0;right:0;z-index:99999999;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;} #main .main-cont .bloc-5:hover span{background-color:rgba(141,80,8,1)} #main .main-cont .bloc-5 span h2{font-family:'lato', sans-serif; color:#ffffff;text-transform:uppercase;color:#ffffff;font-size:1.1em;font-weight:900;display:block;text-align:center;width:150px;height:45px; position:absolute; left:50%;margin-left:-75px;top:50%;margin-top:-26px;border:2px solid #ffffff;padding-top:7px;} #main-in .main-in-cont{padding:50px 25px 25px 25px;} #main-in .main-in-cont h2{font-size:1.2em;margin:0 auto 30px 0;} #main-in .main-in-cont h2 br{display:none;} .un-trois{width:100%;margin-left:0%;float:none;margin-top:20px;margin-bottom:20px;position:relative;border-bottom:1px solid #676767;padding-bottom:20px} .un-trois:nth-of-type(2), .un-trois:nth-of-type(3){padding-top:10px} .un-trois:nth-of-type(3){border-bottom:0px} footer.rock .foot-cont ul{display:none;} footer.rock .foot-cont ul:last-of-type{margin-right:0;float:none;clear:both;padding-top:0px;display:block;} footer.rock .foot-cont{padding:25px;} footer.rock .foot-cont .foot-logo{display:none} .un-trois .img{width:100%;height:175px;margin-bottom:15px; position:relative;display:block;} .bloc-temoignage{width:100%;float:left;margin-left:0%; border:1px solid #e9e9e9;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding:5%;margin-top:5%;} .bloc-gauche{width:20%;float:left;} .bloc-gauche img{width:100%;height:auto; } .bloc-droite{width:75%;float:right;} #main-in .main-in-cont .propos{width:100%;float:none;} #main-in .main-in-cont .propos h3{width:100%;} .bloc-gauche-propos{width:100%;float:none;} #main .main-cont .slide-acc2{display:none;} .Residentielle{width:100%;display:block;} .Residentielle_deneigement{width:100%;display:block;} .commerciale_deneigement{width:100%;display:block;} .flex_col .flex_col__1_3{ width:100%; } .flex_col .flex_col__2_3{ width:100%; } .flex_col .flex_col__2_3 iframe{ width:100%; height:300px; } } /*------------------------------------------------------------------------------------------------------------------------*/ /* CLASS */ /*------------------------------------------------------------------------------------------------------------------------*/ .clear{clear:both;}