/**************************************************** ##################################################### ##-------------------------------------------------## ## OUVRARD - Version 1 ## ##-------------------------------------------------## ## Copyright = diabloedesign.com- 2017 ## ## Date = Octobre 2017 ## ## Author = olivier angevin ## ## Websites = http://www.diabloedesign.com ## ## ## ##################################################### ****************************************************/ @charset "UTF-8";body{font-size:14px;}h1{font-size:26px;}h2, h3{font-size:14px;}.pagewidth{width:640px;}.logo{width:200px;margin-top:15px;}.contact-h{width:300px;background:url('../images/contact-h-2.png') no-repeat 0 0 transparent;font-size:20px;margin-right:-30px;}.contact-h h3{font-size:23px;width:130px;margin-top:10px;}.contact-h a.telephone{font-size:20px;width:120px;margin-top:-10px;}.contact-h .btns a img{max-width:20px;}.header-content .devis{width:160px;right:190px;top:0;}.monprofil{width:282px;}#top-menu, #top-menu .menu li.activites, #top-menu .menu li.activites-pro{font-size:14px;}#top-menu .menu li{line-height:26px;}#top-menu .menu li.qui-sommes-nous, #top-menu .menu li.activites,#top-menu .menu li.qui-sommes-nous-2, #top-menu .menu li.activites-pro{width:130px;}#top-menu .menu li.je-suis-un-particulier, #top-menu .menu li.je-suis-un-professionnel,#top-menu .menu li.je-suis-un-particulier-2, #top-menu .menu li.je-suis-un-professionnel-2{width:140px;}#top-menu .menu li.parent > ul li {width:80px;font-size:14px;}#top-menu .menu li.parent > ul.nav-child::before {border-top: 8px solid #000;border-right: 8px solid transparent;border-left: 8px solid transparent;margin-bottom: 8px;}.container-qui-sommes-nous #top-menu .menu li.active::after{left:56px;}.container-je-suis-un-particulier #top-menu .menu li.active::after, .container-je-suis-un-professionnel #top-menu .menu li.active::after{left:59px;}.recrutement{width:75px;top:-50px;}#carres{width:500px;margin-left:-250px;margin-top:-156px;}.featured .leading h3{font-size:17px;}.featured .leading h4{font-size:28px;}#main-full, .blog .leading-0{padding-top:30px;}.articleBody, .jesuisun{width:400px;bottom:30px;}.articleBody{min-height:250px;}.pull-right, .pull-none{width:200px;}.annonces{float:none;width:98%;margin:0 auto;}.annonce .articleBody, .annonces .articleBody{float:none;width:100%;}.formulaire{float:none;margin:0 auto;}.formulaire .visform .visBtnCon input{bottom:-19px;}.jesuisun h1{font-size:20px;}.jesuisun a{font-size:20px;width:200px;}.leading .page-header h2{font-size:26px;}.blog .btn-liens a img{width:100px;}.realisations h3, .partenaires h3{font-size:25px;}.slider-slide, .slider-navig{width:640px;}.contact .moduletableentete h3{font-size:26px;}.visform input, .visform textarea{width:300px;font-size:14px;line-height:20px;}.visform .field2 input{width:150px;}.visform .field3 input{width:140px;}.visform .field5{width:95px;}.visform .field5 input{width:85px;}.visform .field6{width:205px;}.visform textarea{height:135px!important;}.visform .field31{padding-top:20px;}.visform .field31 input{top:20px;}.visform .visBtnCon input{width:40px;height:40px;background:url('../images/btn-send-2.png') center center no-repeat transparent;right:-6px;bottom:70px;}.contact .adresse{bottom:-110px;font-size:10px;line-height:10px;} @media screen and (max-width: 900px) { .slider{ display:none; } .slider-s{ display:block; } .header-logo{ height:44%; top:-20%; }} @media screen and (max-width: 800px) { .container-actualites .pagewidth .blog{ width:100%; } .container-actualites .articleBody{ min-height:auto; }} @media screen and (max-width: 640px) { .logo{ margin-top:5px; margin-left:5px; }} @media screen and (max-width: 639px) { .header, .quisuisje, .contact{ overflow-x:hidden; } .pagewidth{ width:320px; } .logo{ width:180px; } .header-logo{ width:120%; height:52%; } .header-content .devis{ top:45px; } .actualites-close .btn-open{ top:100%; margin-top:-66px; } .carres-img{ display:none; } #top-menu, .contact-h{ display:none; } #small-menu, .contact-h-s{ display:block; position:relative; width:100%; height:40px; background:#212e59; } #menu-toggle:before { content: "\f0c9"; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; position: relative; top: 1px; line-height: 0; font-size: 28px; margin-right:10px; } #small-menu #menu-toggle{ display: block; width: 100%; font-size:24px; font-weight: normal; text-align: center; border: none; cursor: pointer; color:#FFF; text-decoration:none; line-height:40px; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; } #small-menu #menu-toggle:hover{ text-decoration:none; } #mobile-menu, body.active #mobile-menu ul.menu{ display: block; } body.active #container, #mobile-menu ul.menu{ display: none; } #mobile-menu ul.menu{ padding:20px 0 0; } #mobile-menu li{ list-style-type:none; font-size:25px; text-align:left; position:relative; } #mobile-menu li a, #mobile-menu li span{ color:#FFF; display:block; width:100%; min-height:40px; line-height:40px; padding-right:-10px; padding-left:10px; cursor:pointer; text-decoration:none; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; } #mobile-menu li.parent ul{ display:block; visibility:hidden; height:0; border-bottom:3px solid #7dccc7; } #mobile-menu li.parent ul li.parent ul{ border:none; } #mobile-menu li.parent > span:after{ content:"+"; display:block; right:10px; top:0; position:absolute; } #mobile-menu li.open > span:after{ content:"-"; } #mobile-menu .menu li.open ul{ visibility:visible; height:auto; } #mobile-menu li a:hover, #mobile-menu li span:hover{ text-decoration:none; color:#7dccc7; } .nav #menu-mobile-close{ padding:10px; float:right; } .contact-h-s{ text-transform:uppercase; text-align:center; color:#f0ece5; width:300px; background:url('../images/contact-h-2.png') no-repeat 0 0 transparent; font-size:16px; height:150px; position:absolute; top:12%; right:-70px; z-index:199; } .contact-h-s h3{ font-size:20px; width:120px; margin:0 auto; margin-top:40px; color:#f0ece5; font-family: avenir-demibold, arial, tahoma, sans-serif; border-bottom:1px solid #FFF; } .contact-h-s a.telephone{ font-family: avenir-demibold, arial, tahoma, sans-serif; color:#f0ece5; font-size:16px; display:block; margin:0 auto; width:120px; margin-top:-10px; } .contact-h-s .btns a{ margin-left:1px; margin-right:1px; } .contact-h-s .btns a img{ max-width:20px; } .quisuisje .featured .items-leading{ display:block; } .quisuisje .featured .leading{ width:100%; display:block; } .float50{ width:100%; } .featured .leading .besoin{ width:60%; margin:0 auto; } .featured .leading h4{ font-size:24px; line-height:24px; } .featured .leading-0 .besoin p, .featured .leading-0 h4{ margin-right:0; } .featured .leading .parrainage a::before, .featured .leading-1 .sav a::before{ border:1px solid #818181; } .featured .leading .parrainage a, .featured .leading-1 .sav a{ color:#818181; } .featured .leading h3:after{ content:''; background:url('../images/fleches-bas.png') center center no-repeat #7dccc7; width:100%; height:30px; display:block; } .nosmart{ display:none; } .item-image{ display:none; } .leading .page-header h2{ font-size:20px; } .articleBody, .jesuisun{ width:320px; } .jesuisun{ position:relative; } .slider-slide, .slider-navig{ width:220px; } .joomimg_row{ margin-right:0; } .slider-auto .img-auto{ width:220px; } .contact-form{ text-align:center; } .visform .field2 input, .visform .field5 input{ margin-left:7px; } .visform .field6{ width:205px; margin-left:7px; } .contact .content{ top:6%; } .formulaire{ width:300px; padding:10px; } .formulaire .visform input, .formulaire .visform textarea{ width:285px; } .formulaire .visform .visBtnCon input{ bottom:-40px; } a.small-recrutement{ display:block; width:100%; color:#FFF; font-size:22px; text-align:center; background:#dba24d; font-family: bad_scriptregular, avenir-regular, arial, tahoma, sans-serif; line-height:40px; } .visform .field31 .visCSSlabel{ width:90%; font-size:10px; } .visform .visBtnCon{ margin-bottom:-8px; }} @media screen and (max-width: 480px) { .actualites{ display:none; } .btn-actus-s{ background:url('../images/btn-actus.png') center 0 no-repeat; display:block; position:absolute; bottom:0px; height:66px; width:98px; right:0; z-index:200; } .container-actualites .blog .item img{ max-width:100%!important; position:relative; } .container-actualites .articleBody{ min-height:auto; } .article-info{ margin-bottom:20px; }.copyright{line-height:20px;padding:5px 0}}/**end file***/