/* Theme Name: Cube Author: Jocelyn Bouget Text Domain: cube Domain Path: /languages */ @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i'); body{font-family: 'Roboto Condensed', sans-serif; letter-spacing: 0em; font-size: 1em; margin: 0; padding: 0;} header{background: #323232; color: #fff; height: 80px;position: fixed; width: 100%; z-index: 20;top:0px;} header a{color: #fff; text-decoration: none;} .fullhight{} footer{ background-color: #323232; color: #ccc; clear: both; text-align: center; position: fixed; bottom: 0px; width: 100%; padding: 10px 0px; z-index: 18} li,ul{text-decoration: none; list-style: none; margin: 0; padding: 0;} nav>div>ul>li{display: block;float: left; padding: 8px 16px; margin-top: 21px; } nav>div>ul>li>ul{padding: 8px 0px; margin-top: 0px; text-align: center; width: 100%;} nav>div>ul{display: block; height: 40px;} nav{position: relative; margin: auto; float: right; z-index: 9} .content{max-width: 80%; margin: auto;} section{padding-bottom: 100px;} .content:nth-child(2){margin-top: 80px;margin-bottom: 100px;} .single .content:nth-child(2){margin-top: 0px;margin-bottom: 100px;} #logo,#menu-item-1902,#menu-item-1901{font-size: 3em; float: left;background-image: url(img/logofr.svg); height: 80px; width: 200px;background-repeat: no-repeat; background-position: center; z-index: 10; position: relative; padding: 0; margin: 0; left: 0; overflow: hidden; text-indent: -2000px;} nav{width: 100%;} #logo a,#menu-item-1902 a,#menu-item-1901 a{display: block;position: absolute; width: 200px; height: 80px;} #logo:hover,#menu-item-1902:hover,#menu-item-1901:hover{background-image: url(img/logofrhover.svg);transition: all 0.3s;} .scroll #logo,.scroll #menu-item-1902,.scroll #menu-item-1901 {background-image: url(img/logofrscrool.svg); height: 40px; transition: all 0.3s} .scroll header{background-color: #fff; height: 40px; border-bottom: solid 1px #ccc;transition: all 0.3s} .scroll header a{color: #323232;transition: all 0.3s} .scroll .wpm-languages{ background-color: #fff;padding: 5px 5px 5px; transition: background-image 0.3s } .scroll nav>div>ul>li{margin-top: 3px;transition: all 0.3s} .scroll .langues{margin-top: 7px !important;transition: all 0.3s} .scroll nav>div>ul>li{padding: 8px 8px;} footer{ background-color: #fff; color: #555; transition: all 0.3s; padding:3px 0px;} .item .prix,#blockhautFiche .prix,.wpforms-field-label-inline span,.wpforms-field-required span{display: none !important;} h1.titrePage{ border:none; margin: 0px; font-size: 2em; } nav a i{padding-right: 10px;} a{transition: all 0.3s; text-decoration: none;} a:hover{color: #4493cc; transition: all 0.3s;} .page-template-page-Articles ul{} .page-template-page-Articles ul{} .visuels img{position: absolute; left: 50%; transform: translateX(-50%); top: 0px;} .visuels p{height: 300px; width: 300px;margin: auto;} .visuels .options p{height: auto; width: auto; width: auto;position: relative;} .visuels .options p img{position: relative; border:solid 1px #ccc; width: 15px; height: 15px;display: inline; right: 0px; left: auto; transform: none; margin-top: 0px} .blockimage{width: 60%; float: left;position: relative;} .infos{width: 33%;float: left;text-align: justify;} .single .infos{width: 33%;float: right;text-align: justify;} .category .options{ width: auto; margin: auto; text-align: right;bottom: 0px; position: relative; margin-top: 44%; padding-right: 50px } .description{display: block; clear: both;text-align: justify;} .wpforms-field-label-inline span{float: right !important; font-weight: bold; font-size: 0.9em !important;} .wpforms-field-container .wpforms-field .wpforms-form>ul>li{border-bottom: solid 1px #ccc !important} .wpforms-submit-container{display: none !important;} .commander input{display: none !important;} .wpforms-form.active .wpforms-submit-container{display: block !important;} .commander .choice-1.depth-1 label{background-color: #4493cc !important; text-align: center; color: #fff; padding: 5px 10px 6px 10px !important; display: block; cursor: pointer} .commander .choice-1.depth-1 label:hover{background-color: #3280b8 !important; transition: all 0.3s;} .commander .choice-1.depth-1 label{font-size: 1.3em !important;cursor: pointer;width: 100%; display: block !important;text-transform: uppercase;} .commander .choice-1.depth-1.wpforms-selected label{background-color: transparent !important; color: #000; border-bottom: solid 1px;} .wpforms-submit {background-color: #3280b8 !important; text-align: center; color: #fff !important; padding: 8px 20px 8px 20px !important; display: block; cursor: pointer; border:none !important; font-weight: bold; float: right !important; text-transform: uppercase !important;width: 100% !important;} .wpforms-submit:hover{background-color: #769c00 !important;} li.current-menu-parent>a,li.current-menu-item>a{color: #4493cc;} .bx-wrapper .bx-pager.bx-default-pager a{height: 5px; width: 5px;border-radius: 0px;} .bx-wrapper .bx-prev,.bx-wrapper .bx-next {background-image: none; text-indent: 0} .bx-wrapper .bx-controls-direction a{text-indent: 0; font-size: 2em; color: #ccc; z-index: 18} .bx-wrapper .bx-controls-direction a:hover{color: #000;} .bx-wrapper{box-shadow: none; background-color: transparent; border:none;} .image a{cursor: zoom-in;} .image{display: block;width: 100%;height: 100%;position: absolute; top: 0; left: 0;} .visuels{top: 0px;display: flow-root;} .single .visuels img{position: absolute; top: auto; left:50% !important; transform: translateX(-50%);} .single .blockimage{height: 500px;} .category .blockimage{height: 300px;} .voirProduit{ display: block;background-color: #555;text-align: center; color: #fff; padding: 5px;text-transform: uppercase;} .infos h2 a{color: #555} .prix{text-align: right; font-size: 1.6em; color: #4493cc;} .prixTTC{font-size: 0.6em; color: #555;} .content h1{text-align: left; font-weight: lighter; text-transform: uppercase; border-bottom: solid 1px #ccc; font-size:1.7em; margin-bottom: 50px; } .category .content h1{ margin-bottom: 0px; } .taxonomy-description p{font-size: 1.5em; font-weight: 200; margin-top: 5px} .prix span{font-size: 0.5em} .prix span.tax{font-size: 0.8em} .single .prix{margin-bottom: 3px} .wpforms-field-payment-multiple ul{display: none;} .wpforms-field-payment-multiple label.wpforms-field-label i{margin-left: 10px !important; display: block; float: right; font-size: 0.6em; padding-top: 5px;} .wpforms-field-payment-multiple label.wpforms-field-label{border-bottom: solid 1px #ccc !important;cursor: pointer;} .wpforms-field-label-inline{cursor: pointer;} .wpforms-field-payment-total{text-align: right} .wpforms-field-payment-total div{font-size: 1.6em !important; color: #4493cc;} .single .options{position: absolute; bottom: 20px; text-align: right; right: 20px} .single .options p img{width: 30px; height: 30px;} .single .content h1{margin-bottom: 0px; text-align: right; text-transform: none; border:none;} .category .image a{cursor: pointer;} .category .infos h2{ text-align: right; font-weight: normal; margin:0; } #photoBackground{position: fixed;top: 0px; right: 0px; left: 0px; bottom: 0px; background-repeat: no-repeat;background-position: right bottom; background-size: 50%; z-index: -1;opacity: 0.2;} .page-id-190 .wpforms-submit-container{display: block !important;} .page-id-190 .wpforms-container{padding: 10px; margin-top: 40px; margin-bottom: 80px;} .spec{display: block;width: 100%;clear: both; margin: auto;} .descritionSpec{float: left; width: 300px; font-weight: bold;} .ligneSpec{border-bottom: solid 1px #ccc; padding: 4px 10px;} .spec .ligneSpec:last-child{border: none;} .valeurSpec{text-align: right; margin-left: 300px;} .menu-item-object-category {background-color: #323232} .sub-menu{display: none;} .stockbox{text-align: right; color: #4493cc} .wpforms-form .wpforms-list-2-columns ul li{width: auto !important} .spec h5{font-size: 1.5em; margin: 0} #wpforms-114-field_29-container{margin: 0; padding-bottom: 0} #wpforms-114-field_25-container{padding-top: 0px;} #galerieFiche,.description,#videoFiche{margin-bottom: 70px;text-align: center;} #galerieFiche{margin-bottom: -16px} #galerieFiche h5,.description h5,#videoFiche h5,.spec h5,#personnalisation h5,h5{font-size: 1.7em; margin: 0; text-align: center; margin-bottom: 30px; margin-top: 40px; border-bottom: solid 1px #ccc;font-weight: lighter;} #galerieFiche>div{text-align: center;} #galerieFiche .gallery-item{float: none !important; display: inline-block; height: 150px; width: 300px !important; overflow: hidden;position: relative; margin: 20px; border: solid 1px #ccc} #galerieFiche .gallery-item a{position: absolute; left: 0; height: 100% !important;width: 100%;cursor: zoom-in;} #galerieFiche .gallery-item img{border: none; transform: translateX(-50%) translateY(-50%);left: 50%;top: 50%; position: relative; width: 100% !important;height: auto !important;} #galerieFiche .gallery-icon{} .description p{text-align: justify;} #blockhautFiche{position: relative; clear: both;overflow: auto;} .breadcrumbs{padding-top: 10px} .single .breadcrumbs{padding-top: 90px} .home .breadcrumbs{display: none;} .breadcrumbs a,.breadcrumbs{color: #ccc; font-size: 0.9em} .breadcrumbs .current-item{color: #000} div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul{text-align: center} div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul li{display: inline-block !important;} .crossSell li,.upSell li{width: 19.5%; display: inline-block; text-align: center; } .crossSell .imagesell,.upSell .imagesell,.crossSell .titresell,.upSell .titresell{display: block; color: #555;} .delais-stock{color: #555;font-size: 0.8em;display: block;} .crossSell .bouton,.upSell .bouton{display: block; color: #fff; background-color: #4493cc; margin: 10px;padding: 5px 10px 6px 10px !important;} .crossSell .bouton:hover,.upSell .bouton:hover{background-color: #3280b8; transition: all 0.3s} .single .image,.single .visuels img,.single .image a{z-index: 1} .single .options{z-index: 10} .langues,nav ul.menu,#menu-en{position: relative; float: left; } .langues{position: absolute; right: -50px;} .langues img,.langues span{display: none !important;} .langues{margin-top: 25px !important; width: 25px;} .pll-parent-menu-item{position: absolute; right: -50px;} nav ul.menu .pll-parent-menu-item .sub-menu,#menu-en .pll-parent-menu-item .sub-menu{position: absolute; width: auto; padding: 16px;} .wpm-languages{display:none; padding:9px 3px; background-color: #323232;height: 15px; width: 15px; position: relative; right: 0px; padding: 5px 5px 5px; margin: 0px !important; float: right; } .wpm-languages a{display: block; position: relative; height: 15px; width: 15px;} #menu-item-language-fr a {background-image: url(img/fr.jpg); background-size: 100%;} #menu-item-language-en a {background-image: url(img/en.jpg); background-size: 100%;} .langues .active-language{display: block; float: left;} #pictosPlus div{ width: 33%; float: left; height:250px; text-align: center; } #pictosPlus h5{font-size: 1.5em; border: none; margin-bottom: 0px; padding-bottom: 0px;} #pictosPlus h5 a{color: inherit;} #pictosPlus p{margin: 0px; font-weight: lighter; font-size: 0.8em} #pictosPlus img{width: 60px; height: 80px} #detailstechniques h5{padding-top: 70px; text-align: left; padding-left: 90px;} #detailstechniques{margin-bottom: 80px;} #detailstechniques img{width: 60px;} #detailstechniques img,#detailstechniques svg{float: left; margin-top: -20px;margin-left: -100px; background-color: #fff} .menu-item-object-category{padding:5px 20px; } .sub-menu{margin-left: -30px; width: 140px; position: absolute;} #pictosPlus{margin-top: 50px; padding-top: 50px; border-top: solid 1px #ccc; overflow: hidden;} .menu-item-has-children>a{cursor: default;} #woow:before{content: ' ';background-image: url(img/woow.svg);display: block;float: left;height: 54px;width: 70px;position: relative;margin-left: -90px;background-repeat: no-repeat;background-color: #fff;background-size: 65%;background-position: center;margin-top: -11px;} .page-template-contact{ background-color: transparent; background-image: none; } .page-template-contact header,.page-template-contact footer,.home .breadcrumbs,#photoBackground{display: none;} .page-template-contact .content:nth-child(2){margin: 0 auto;} .page-template-contact .content h1{} #carnet{transform: translateX(-50%) translateY(-50%); left: 50%; top: 50%; position: absolute;width: 80%;} #carnet .wpforms-submit-container{display: block !important} .category-accessoires .demandededemo,.category-accessoires .crosssell{display: none;} #detailstechniques svg,#pictosPlus svg{color: #4493cc} #pictosPlus svg,#pictosPlus img{display: block;text-align: center; width: 100%; height: 70px;margin-bottom: 20px;} #detailstechniques>div>div{float: left; width: 50%;height: 480px; background-repeat: no-repeat; background-position: center; background-size: 80% } #detailstechniques>div{clear: both; position: relative; overflow: auto;} .fenetre-conso .flote-droite{background-image: url(img/consommation.jpg);} .fenetre-baterie .flote-gauche{background-image: url(img/brevetantigel.jpg);} .fenetre-recharge .flote-droite{background-image: url(img/batterierechargeable.jpg);} .fenetre-woow .flote-gauche{background-image: url(img/effetwoow.jpg);} .fenetre-acier .flote-droite{background-image: url(img/acierinoxydable.jpg);} .fenetre-silence .flote-gauche{background-image: url(img/silencieux.jpg);} .fenetre-garantie .flote-droite{background-image: url(img/garantie2ans.jpg);} .fenetre-electro .flote-gauche{background-image: url(img/electroniquetropicalisee.jpg);} .fenetre-main .flote-droite{background-image: url(img/main.jpg);} .fenetre-ert .flote-gauche{background-image: url(img/optionert.jpg);} //*.langues{display: none;}*/ .home #display_home{width: 100%; max-width: 100%} .home .content{width: 100%; max-width: 100%} .home #display_home>div,.home header .content{max-width: 1000px; margin: auto;} .home #display_home #sliderhome{max-width: 100%; width: 100%; height: 500px; background-color: #000;} #sliderhomeProduct .image{position: relative; height: 300px; width: auto;} #sliderhomeProduct .blockimage,#sliderhomeProduct .infos{ float: none; width: 100%; margin: auto; } #sliderhomeProduct .visuels{display: block;} #sliderhome .bx-wrapper,#sliderhome .bx-viewport,#sliderhome .item,#sliderhome .sliderhome{height: 100% !important;} .imghome,#sliderhome img{display: block; margin: auto; position: relative; text-align: center;} #sliderhome img{width: auto; height: auto; max-width: none; } #sliderhome .textedessus{color: #fff; position: absolute; z-index: 2; text-align: center; top: 50%; transform: translateY(-50%);} #sliderhome .textedessus a{background-color: #4493cc; display: block; text-align: center; color: #fff; padding:6px; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; font-weight: 300;} #sliderhome .textedessus h2{text-transform: uppercase; font-weight: bold; margin: 0px; padding-bottom: 0px;} #sliderhome .textedessus p{ font-weight: lighter; margin-top: 0px; padding-top: 0px; font-weight: 300; font-style: italic;} .item.thrillCube .textedessus,.item.cocktailContest .textedessus{ right:20% !important; } .item.thrillF1 .textedessus{ left:20%; } .item.thrillLCD .textedessus{ left:20%; } .item.gammeThrill .textedessus{ right:20%; } .item.thrillSBI .textedessus{ right:20%; } .item.introThrill .textedessus{ display: none; } .item.thrillCube img{float: left;} .item.thrillF1 img{float: right;} .item.thrillLCD img{float: right;} .item.gammeThrill img{float: left;} .item.thrillSBI img{float: left;} #sliderhome .item.introThrill{overflow: hidden; text-align: center;} #sliderhome .item.introThrill a{position: absolute; display: block; left: 50%; transform: translateX(-50%); } #sliderhome .item.introThrill img{margin: auto;position: absolute; left: 50%; top:50%; transform: translateX(-50%) translateY(-50%); } .sculpt360{height: 100%; width: 100%;} .sculpt360 img{max-width: 100%; max-height: 100%; opacity: } .info360{position: absolute;bottom: 41px;left: 50%;transform: translateX(-50%);color: #fff;background-color: #555;padding: 7px 15px 3px 15px;border-radius: 7px;display: none;} .sculpt360:hover .info360{display: block;z-index: 10;} #vue360 ul{width: 100%;position: absolute;transform: translateX(-50%) translateY(-50%); left: 50%; top: 50%} #vue360 li{width: 18%; display: block; float: left; margin: 1%} #vue360 li img{width: 100%} .home #display_home #vue360{width: 100%; max-width: 100%; background-color: #000; height: 500px; position: relative;} .home #display_home #events{width: 100%; max-width: 100%; position: relative;} .home #display_home #videoHome{background-color: #000; width: 100%; max-width: 100%; text-align: center;} .home #display_home iframe{max-width: 1000px; margin: 50px auto; position: relative;} .home #display_home iframe.intrinsic-ignore {max-width: auto; margin: 0px auto; position: relative;} .home #display_home #reassurancehome{position: relative; display: block;clear: both; background-color: #fff; overflow: hidden;} .home #pictosPlus {margin-top: 0px;padding-top: 0px;border-top: none;} .home #pictosPlus div{ width: 20% } .home #pictosPlus h5{font-size: 1em;} #presentation{ text-align: center; font-size: 1.2em; padding: 40px; } .picto360{width: 150px; margin: auto; position: relative; margin-top: 40px} .single #vue360{position: relative;overflow: hidden;width: 100%;background-color: #555; padding-bottom: 50px} .single #vue360 li{width: 80%; display: block; margin: auto;float: none;} .single #vue360 ul{position: relative;transform: none;top: auto;left: auto;} .single .picto360{margin-top: 10px; width: 100px; margin-bottom: 30px} #danslesbars h4{text-align: center; font-size: 2em; font-weight: normal; } #danslesbars h5{text-align: left; font-size: 1em; font-weight: bold; border-bottom: none; margin-bottom: 0; padding-bottom: 0px; } #danslesbars p{padding-top: 0px; margin-top: 0px;} #danslesbars td{border-bottom: solid 1px #ccc; padding:3px 5px; text-align: center; } #danslesbars td:nth-child(1){text-align: left;} #danslesbars td:nth-child(3){text-align: right;} #danslesbars .titres{font-weight: bold;} .home #display_home #danslesbars {padding-bottom: 50px; overflow: hidden;} #danslesbars p{text-align: justify;} #utilisations img{max-height: 50px; margin: auto;position: relative; display: inline-block;} #utilisations td{text-align: center;border-bottom: solid 1px #ccc; padding:3px 5px;} #utilisations td:nth-child(1){text-align: left;} #utilisations td:nth-child(4){text-align: right;} #utilisations .titres{font-weight: bold;} #utilisation h4,#pictosPlus h4,.blochome h2, h2{text-align: center; font-size: 2em; font-weight: normal !important; color: #000 !important;font-family: 'Roboto Condensed', sans-serif !important; } .home .infos h2{font-size: 1em;} footer ul{display: block; float: left; text-align: left;margin:0 2%; width: 29%;} footer ul a{color: #fff !important} footer ul a i{margin-right: 10px} footer ul li{margin:1% 10%} footer:hover{border-top:solid 1px #ccc;} footer:hover ul{display: block;} footer:hover ul a{color:#000 !important;} #burger{display: none;} footer ul{display: none;} footer .content>div{overflow: hidden;} footer .content{max-width: 1000px !important; margin: auto;} #logofooter{height: 50px; width: 150px; background-image: url(img/logofr.svg); background-size:auto 100%; background-repeat: no-repeat; margin-top: 0px; margin-left: -50px} footer .social{font-size: 1.5em; float: left; margin-top: -8px; margin-left: 0px} footer .fab.fa-facebook-square{margin-left: -5px;} .scroll #logofooter{background-image: url(img/logofrscrool.svg);} nav ul.menu .social span,#menu-en .social span{display: none;} .anwp-pg-wrap .anwp-pg-post-teaser--layout-b .anwp-pg-post-teaser__muted_bg{display: none !important;} .anwp-pg-wrap .anwp-pg-post-teaser--layout-b .anwp-pg-post-teaser__title{color: #000 !important;} .anwp-pg-wrap .anwp-pg-post-teaser__thumbnail-img{background-size: 80% !important;} #vue360>img{margin: auto;} .sliderhomeProducts .item{ padding: 10px; } .videosliste{margin-bottom: 100px; overflow: hidden;} .page-template-videos .videosliste li{display: block; float: left; padding:1%; width: 48%} .page-template-videos .videosliste iframe{ width: 100%; height: 250px} .page-template-videos .videosliste h3{margin-bottom: 0px} .page-template-videos .videosliste p{margin-top: 0px} .page-template-contact .breadcrumbs{display: none;} .page-template-contact div.wpforms-container-full .wpforms-form button[type=submit]{display: block !important;} #wpforms-form-650 button,#wpforms-form-653 button[type=submit]{display: block !important;} #wpforms-form-650 .wpforms-submit-container,#wpforms-form-651 .wpforms-submit-container,#wpforms-form-653 .wpforms-submit-container{display: block !important;} .demandededemo h3{background-color: #555; color: #fff; font-weight: 400; text-align: center; padding: 5px 50px; text-transform: uppercase; font-size: 1em; display: inline-block; margin: auto; left: 50%; position: relative; transform: translateX(-50%);} .demandededemo h3:hover{color: #4493cc; transition: all 0.3s; cursor: pointer;} .demandededemo,#wpforms-form-65,#wpforms-form-653{padding-bottom: 100px;} #wpforms-form-651 .wpforms-field-payment-multiple ul{display: block;} .page-template-sav{} .demandededemo{position: absolute; top: 40px; right: 0px; z-index: 19; } .demandededemo form{ background-color: #fff; padding: 10px; overflow: hidden; } .category .content{position: relative;} .uneactu h2{font-weight: 200; border-bottom: solid 1px #ccc; margin-bottom: 0; margin-top: 50px} .uneactu .date{margin-bottom: 20px; text-align: right; margin-top:-20px } .uneactu .visuelstexte{margin-top: 50px} .uneactu .visuelstexte img{float: left; margin-right: 10px;} .uneactu {overflow: hidden;} .uneactu:nth-child(even){text-align: right;} .uneactu:nth-child(even) .date{text-align: left;} .uneactu:nth-child(even) img {float: right; margin-left: 10px; margin-right: 0px} .uneactu a{background-color: #555; display: inline-block; color: #fff; padding: 5px 20px} .page-template-page-Actu h2{ font-size: 2em; font-weight: 200; margin-bottom: 0px; } footer{font-weight: 200; font-size: 0.8em } #credits{ margin-top: 20px; font-weight: 200; font-size: 0.9em } #personnalisation{padding-top: 40px;} #personnalisation img{ width: 50px; height: auto; float: left;margin-top: -83px } #personnalisation p{text-align: center} #personnalisation iframe{position: relative;text-align: center; display: block; margin:10px auto 100px auto; } .persohover{width: 20px; height: 20px; margin-left: 2px; position: relative; } .persohover img{width: 20px; height: 20px;} .persohover span{display: none; background-color: #fff; width: 150px; text-align: center; font-size: 0.8em; box-shadow: 0 0 5px #00000059; padding: 5px; position: absolute; top: -171px; left: -80px; } .persohover:hover span{display: inline-block;} .persohover:hover span img{height: auto; width: auto; border: none;} #personnalisation .imageperso{width: 250px; margin-top: 0px; float: none; margin: auto; position: relative; display: block;} .blochome.actu{ } .blochome.actu h2{} .blochome.actu .uneactu{background-color: #000; color: #fff; padding: 20px 40px 40px; text-align: center; } .blochome.actu h3{margin-bottom: 0; margin-top: 0px; text-align: center; font-size: 2em; color: #999} .blochome.actu .dateActu{ text-align: center; font-size: 3em; text-transform: uppercase; font-weight: 100; color: #999; } .blochome.actu .bouton{ transition: all 0.3s; background-color: #4493cc; text-transform: uppercase; font-size: 1.7em; padding: 5px 30px; color: #fff; text-decoration: none; } .blochome.actu .bouton:hover{ transition: all 0.3s; color: #000; background-color: #fff; } .uneactu p a{background-color: transparent; padding: 0; text-decoration: underline; color: #4493cc; font-weight: normal; text-transform: none; } .error404{} .error404 h1{display: none;} .error404 .infos{padding-left: 2vw;padding-top: 10vh;display: block;height: 70vh;width:100% ; font-family: inherit; position: relative; left: 0; font-family: inherit;background-image: url(img/404.jpg); background-size: 100% auto; margin-bottom: 100px; } .error404 .infos a{display: block; background-color: #555; position: relative; width: 300px; margin: 4px; color: #fff; padding: 5px; text-align: center} .error404 .wp-block-preformatted{font-family: inherit;} .error404 .titre404{font-size: 15em; line-height: 0.5em } .error404 .titre404 span{font-size: 0.115em; display: block; } #paiementlocation{ text-align: left; width: 60%; margin: auto; } #paiementlocation span{font-weight: 600; display: block; float: right;} #paiementlocation div{border-bottom: solid 1px #ccc;} #paiementlocation .titre{ padding-top: 40px; font-size: 2em; margin-bottom: 20px; border-bottom: none; text-align: center } #paiementlocation .locataire{} #paiementlocation .article{} #paiementlocation .bouteilles{} #paiementlocation .dates{} #paiementlocation .total{border-bottom: none;} #paiementlocation .total span{font-size: 1.5em} #paiementlocation .commander{font-size: 1.3em; border:none; text-transform: uppercase; background-color: #4493cc; color: #fff; padding: 8px 40px; margin:60px auto; } #paiementlocation form{text-align: center} #paiementlocation div{padding: 15px} .page-template-location div.wpforms-container-full .wpforms-form .wpforms-field-label{font-size: 1em; text-transform: uppercase; font-weight: 400} .page-template-location div.wpforms-container-full .wpforms-form .wpforms-field{padding-bottom: 20px;} .page-template-location .wpforms-field-divider .titre{ margin-top: 0px; text-align: center; } .page-template-location div.wpforms-container-full .wpforms-form h3{ margin-top: 0px; text-align: left; color: #888; font-weight: 100; text-transform: uppercase; border-bottom: dashed 1px #ccc; } .page-template-location div.wpforms-container-full .wpforms-form .active h3{color: #000; font-weight: 400 } .page-template-location .wpforms-container{padding-bottom: 0px;} .page-template-location #wpforms-651-field_53-container{display: none;} .page-template-location #formule1,.page-template-location #formule2,.page-template-location #formuleW{display: none;} .page-template-location #wpforms-651-field_67-container h3,.page-template-location #wpforms-651-field_68-container h3{text-align: center !important; color: #888; font-size: 24px !important; margin-bottom: 0px} .page-template-location div.wpforms-container-full .wpforms-form h3{text-align: center; margin-bottom: 30px; padding-bottom: 10px;} .page-template-location #wpforms-651-field_67-container,.page-template-location #wpforms-651-field_68-container{ margin-bottom: 0px !important; padding-bottom: 0px; padding-top: 50px !important; } .page-template-location #wpforms-651-field_67-container{padding-top: 0pc !important} .page-template-location #wpforms-651-field_5-container{border-top: dashed 1px #ccc; } .page-template-location #wpforms-651-field_22 label{font-size: 1.3em;} .page-template-location #wpforms-651-field_22 label>span{font-size: 0.7em !important; font-weight: 200} .page-template-location #wpforms-651-field_22 label>span .tarif{font-size: 1.5em !important; font-weight: 400; float: none !important;} .page-template-location .titrepageloc{text-align: center; font-size: 2em; font-weight: 200;} .page-template-location #wpforms-651-field_50{text-align: center;} .page-template-location #formulaireVille{background-color: #ccc; color: #fff; padding: 5px 30px; margin: auto; display: inline-block; text-align: center;} .page-template-location #formulaireVille:hover{transition: all 0.3s; background-color: #000} .page-template-location .inforestitution,.page-template-location #wpforms-651-field_69{font-style: italic; font-size: 0.9em !important; color: #888; padding-bottom: 10px; text-align: center } .page-template-location #wpforms-651-field_69-container,#wpforms-651-field_75-container{ padding: 0px !important; margin: 0px !important; } .page-template-location .titrepageloc.formulaire{font-size: 2em; margin-top: 50px;} .page-template-location #wpforms-651-field_8 li{width: 50% !important; padding: 0px !important;} .page-template-location #wpforms-651-field_8 li label{font-size: 1.5em;} .page-template-location #wpforms-651-field_78{text-align: center;} .page-template-location #wpforms-651-field_78 label{text-align: center;font-size: 1.3em;} .page-template-location #wpforms-651-field_78 label a{color: #555; text-decoration: underline;} .page-template-location .presnmachine img,.page-template-location .presbouteuille img{display: block; position: absolute !important; top: 10px; left: 50%; transform: translateX(-50%); max-height: 160px} .page-template-location .presnmachine,.page-template-location .presbouteuille{height: 270px !important; position: relative !important; text-align: center; border: solid 1px #eee !important; padding: 20px !important;} .page-template-location .presnmachine .texte,.page-template-location .presbouteuille .texte{display: block; position: absolute; bottom: 10px;text-align: center; width: 90%} .page-template-location .presnmachine a{display: block !important; background-color: #ccc !important; margin: 10px 120px 0px !important; color: #fff; padding: 5px !important;} .page-template-location .presnmachine a:hover{ background-color: #555 !important; } .page-template-location .presbouteuille span{font-size: 1.5em!important;} .page-template-location div.wpforms-container-full .wpforms-form h3{font-size: 24px !important;} .page-template-location .titrepageloc{margin-bottom: 0px;} .page-template-location #afficheMethode{text-align: center;cursor: pointer;} .page-template-location #afficheMethode:before{content:'Afficher la méthode';} .page-template-location #afficheMethode.close:before{content:'Masquer la méthode';} .page-template-location #afficheMethode i{margin-left: 10px; font-size: 1.5em;} .page-template-location #afficheMethode i.fa-sort-up{margin-left: 10px; font-size: 1.5em;line-height: 0em; display: inline-block;height: 20px; position: relative;} .page-template-location #afficheMethode i.fa-sort-up:before{top: 20px; display: block; position: absolute;} .page-template-location div.wpforms-container-full .wpforms-form h3 span{color: red; font-size: 0.7em; display: inline-block;top: -10px;position: relative; margin-left: 5px;} .page-template-location .inforestitution span,.page-template-location #wpforms-651-field_69 span{color: red} .page-template-location #wpforms-651-field_8-container{margin-top:-30px } .page-template-location #wpforms-651-field_56-container{border-top: dashed 1px #3280b8; margin-top: 10px; } .page-template-location #methodeloc{text-align: left; font-size: 1.3em; font-weight: 200;} .page-template-location #methodeloc img{ width: 250px;margin-bottom: 0px;margin-top: 0px; display: block; margin-left: 50%; transform: translateX(-50%);} #wpforms-submit-651.open{display: block !important} #wpforms-submit-804{display: block !important;} .page-id-811 #carnet{position: relative;left: auto;top: auto;transform: none;width: auto; text-align: justify;} #wpforms-form-868 .wpforms-field-payment-multiple ul{display: block; margin-bottom: 10px !important} #wpforms-form-868 {margin-bottom: 200px;} #wpforms-form-868 .wpforms-submit-container{display: block !important;} #wpforms-868-field_20 #wpforms-submit-868{display: none !important;} #wpforms-868 label.wpforms-field-label{text-align: center; font-size: 1.5em; font-weight: 100; color: #888; border-bottom: dashed 1px #ccc ;text-align: center;margin-bottom: 10px; padding-bottom: 10px; text-transform: uppercase; } #wpforms-868-field_1,#wpforms-868-field_2,#wpforms-868-field_20,#wpforms-868-field_25{display: block; margin-bottom: 50px !important;} #wpforms-868-field_11{ width: 860px !important; margin: auto !important; position: relative !important; margin-bottom: 0px !important; } #wpforms-868 .wpforms-field-payment-multiple label.wpforms-field-label i{display: none;} #wpforms-868-field_20,#wpforms-868-field_21,#wpforms-868-field_22,#wpforms-868-field_23,#wpforms-868-field_24,#wpforms-868-field_25,#wpforms-868-field_26,#wpforms-868-field_27,#wpforms-868-field_28,#wpforms-868-field_29{display: block;margin: auto !important; margin-bottom: 50px !important; width: 280px !important; } #wpforms-868-field_25{display: block;margin: auto !important; margin-bottom: 0px !important; width: 290px !important; } .totalLDD div:after{content: ' HT/mois'} #wpforms-868 #wpforms-868-field_39-container label,#wpforms-868 #wpforms-868-field_40-container label,#wpforms-868 #wpforms-868-field_38-container label{text-align: left; border: none; font-weight: 500; color: #000; margin: 0; font-size: inherit;} #wpforms-868-field_8-container label{text-align: left !important; margin: 0 !important; padding: 0px !important; font-size: 1em !important; font-weight: 600 !important} #wpforms-868 .wpforms-field-payment-multiple.wpforms-list-inline>label{display: none;} #wpforms-868 .wpforms-field-payment-multiple.wpforms-list-inline ul:before{content: 'Quantité : '; display: block; border-bottom: dashed 1px #ccc; margin-bottom: 10px} #wpforms-868-field_11 img{max-width: 100px; clear: both;} #wpforms-868 .wpforms-form ul.wpforms-image-choices-modern img{max-width: 100px; clear: both; } #wpforms-868 .wpforms-field-label-inline span{float: none !important;} #wpforms-868 .wpforms-form .wpforms-list-inline ul.wpforms-image-choices-modern li{width: 205px; text-align: center; margin: 0px !important} #wpforms-868 .wpforms-form ul.wpforms-image-choices-modern label{padding: 0px 14px !important} #wpforms-868 .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-label{margin-top: 0px; font-weight: 100;} .category .blockimage { width: 100%; float: none; position: relative;} .category .visuels img { position: relative; left: 50%; transform: translateX(-50%); top: 0px; width: 100%;} .category .infos{width: 100%; float: none; text-align: center;} .category .infos h2{text-align: center; font-size: 1.2em} .category .listeProduits{display: flex; flex-wrap: wrap;} .category .item{ margin: -1px; flex: 1 0 18%; margin: 1%; flex-basis: 14.6%;flex-grow: 0; display: flex;flex-direction: column;position: relative; } .category .blockimage{height: auto;} .category .image{position: relative;} .category .voirProduit{align-self: flex-end; width: 80%; margin-top: auto; margin-left: auto; margin-right: auto;} nav ul.menu .sub-menu,#menu-en .sub-menu{position: fixed; width: 80vw; left: 0; margin: 0; text-align: left;padding:5vh 10vw 2vh 10vw; background-color: #323232; margin-top: -10px; box-shadow: 0px 10px 20px rgba(0,0,0,0.2);z-index: -1;} .persohover{position: relative; margin} .optionsPerso span{float: right;} #cubecat{text-align: center;} #cubecat #center{} #cubecat #center span{display: inline-block; height: 200px; width: 200px; background-image: url(img/block/cube.svg); background-size: 200%; background-repeat: no-repeat; background-position: center; background-color: #555; border-radius: 200px; } .nouveaute{display: block; position: absolute; background-color: #1dbb00; color: #fff; padding:2px 10px; top: 10px; transform: rotate(-10deg); text-transform: uppercase;} .encartintro #gauche, .encartintro #center, .encartintro #droit{background-color:rgba(0,0,0,0.1);height: auto; float: left; width: 40%; position: relative; } .encartintro #center{width: 200px !important;} .encartintro .title, .encartintro .titreblock{text-align: left; font-size: 2em; width: 100% !important} .encartintro .titreblock{padding-top: 10px; margin-bottom: -0.5em; background-color: #fff; position: relative; display: inline !important; width: auto !important;} .encartintro .titrec{font-size: 1.2em; padding-top: 10px;} .encartintro .medias>div{float: left; width: 25%; text-transform: uppercase;} .encartintro .image{background-image: url(img/block/VORTEX-CUBE.jpg); height: 150px; width: 150px; position: relative; background-size: 100%; border:solid 1px #ccc; border-radius: 10px; margin: auto;} .pointi{width: 100% !important; border-top: dashed 2px #ccc;} .pointi span{float: right;height: 13px; width: 13px; border:solid 3px #ccc; border-radius: 200px; margin-top: -11px;margin-right: -22px; background-color: #fff} .encartintro #droit .medias>div{float: right; width: 25%; text-transform: uppercase;} .encartintro #droit .titreblock{text-align: right;clear: both;} .encartintro #droit .pointi span{float: left;} #description h5,#personnalisation h5,#spec h5{padding-top: 50px; margin-top: 0;} .ctascroll{color: #999; float: right; padding: 5px; font-size: 0.9em} .descriptioncourte{text-align: right;} .single .persohover img{width: 30px; height: auto; padding-top: 20px;} .single .nouveaute{position: relative; display: inline-block; top: -5px; } .boutonTelecharge{display: block; color: #fff; background-color: #4493cc; margin: 10px; text-align: center; clear: both; width: 200px; float: right; padding: 0.5em 2em } .grilleDownload .elementor-column .elementskit-box-footer{margin-top: auto !important;} .grilleDownload .elementor-column .elementskit-box-body{display: flex; flex-direction: column; height: 270px;} .grilleDownload .ekit-wid-con .elementskit-btn{padding:10px 0; width: 100%} .grilleDownload .ekit-wid-con .elementskit-btn i{margin-left: 5px;} .grilleDownload.videos .elementor-column .elementskit-box-body{display: flex; flex-direction: column; height: 225px;} @media (max-width:1025px){ .content{max-width: 100%; margin: 10px;} .home #display_home #sliderhome{height: 430px;} .item.thrillCube .textedessus{ right:15%; } .item.thrillF1 .textedessus{ left:20%; } .item.thrillLCD .textedessus{ left:20%; } .item.gammeThrill .textedessus{ right:10%; } .item.thrillSBI .textedessus{ right:20%; } .item.introThrill .textedessus{ display: none; } .item.thrillCube img{float: left; left: -15%} .item.thrillF1 img{float: right;} .item.thrillLCD img{float: right;top: -40px;} .item.gammeThrill img{float: left; left: -10%} .item.thrillSBI img{float: left; left: -10%} #sliderhome .item.introThrill img{margin-top: -40px; } .page-template-videos .videosliste li{display: block; float: left; padding:1%; width: 48%} .page-template-videos .videosliste iframe{width: 100%; height: 200px} .category .item{ margin: -1px; flex: 1 0 23%; margin: 1%; flex-basis: 22%;flex-grow: 0; display: flex;flex-direction: column;position: relative; } } @media (max-width:991px){ #rev_slider_1_1_wrapper{width: 100vw !important; left: -40px !important; right: -20px;} nav ul.menu .sub-menu,#menu-en .sub-menu{background-color: transparent; box-shadow: none; padding: 0;} .menu-item-object-category{padding:10px 5px; padding-left: 5px;} .content{max-width: 100%; margin: 10px;} header{height: 40px;} nav ul.menu,#menu-en{padding-top: 30px} nav ul.menu i,#menu-en i{display: none;} #burger{display: block; position: absolute;left: 100%; top: 0; margin-right: -40px; height: 40px; width: 40px;} #burger i{padding: 10px; font-size: 1.4em;} #logo{float: none; height: 40px; width: 110px; margin: auto;left: 0;transition: all 0.3s; position: relative; margin-top: -0px;} .content:nth-child(2) {margin-top: 40px;} nav{position: fixed; background-color: #555; top: 0px; height: 100%; z-index: 10000000; width: 200px; left: -200px; transition: all 0.3s; text-align: left;} .scroll nav a{color: #fff} .scroll #burger{color: #333;} .navopen #logo{left: 240px; transition: all 0.3s;margin-left: 0px} .navopen nav{left: 0px;transition: all 0.3s; box-shadow: 20px 20px 50px #000000c7} nav>div>ul>li{display: block; float: none; width: auto;margin-top: 0px; font-size: 1.3em; padding: 20px; padding-right: 0px;} .scroll nav>div>ul>li{display: block; float: none; width: auto;margin-top: 0px;} .scroll nav>div>ul>li { padding: 8px 16px;} nav ul.menu .sub-menu,#menu-en .sub-menu{margin: auto; width: auto; position: relative; } nav ul.menu .menu-item-object-category,#menu-en .menu-item-object-category{background-color: transparent; text-align: left;} nav ul.menu,#menu-en{float: none; height: auto;} footer{z-index: 1} nav ul.menu .social:nth-child(1),#menu-en .social:nth-child(1){margin-top: 30px !important; position: relative;} nav ul.menu .social,#menu-en .social{font-weight: 100; font-size: 0.8em} nav ul.menu .social span,#menu-en .social span{display: inline-block;} nav ul.menu .social i,#menu-en .social i{display: inline-block;} footer{position: relative; font-size: 1.3em} footer i{ margin-right: 10px !important } .scroll footer ul{display: block; float: none; text-align: center; width: 100%; margin: 30px 0px} .scroll footer ul a{color: #333 !important} #logofooter{margin: auto} footer .social{float: none; margin: auto; font-size: 2.5em; margin: 10px; text-align: center;} footer .fab.fa-facebook-square,footer ul a i{margin: auto} .home #pictosPlus div{width: 100%; height: auto} #pictosPlus{margin-bottom: 50px} #pictosPlus h4{margin-bottom: 0px;} .home #utilisations tr td:nth-child(2){background-color: pink; display: none;} #vue360 li{float: none; width: 100%;margin: 1% 0;} #vue360 ul{position: relative; transform: none; left: auto; top: auto; overflow: hidden;} .home #display_home #vue360{height: auto; margin-top: 50px; padding: 0px 20px; width: auto} .picto360{margin-top: 10px;} #presentation,#danslesbars,#utilisation{padding:40px 20px } #sliderhomeProduct{padding:40px 50px } .home #display_home #sliderhome{height: 430px;} #sliderhome .textedessus{left:50%; transform: translateX(-50%) translateY(-50%); right:auto; top: 50%;} #sliderhome img{opacity: 0.5;} .item.thrillCube .textedessus{ right:15%; } .item.thrillF1 .textedessus{ left:20%; } .item.thrillLCD .textedessus{ left:20%; } .item.gammeThrill .textedessus{ right:10%; } .item.thrillSBI .textedessus{ } .item.introThrill .textedessus{ display: none; } .item.thrillCube img{float: left; left: -15%} .item.thrillF1 img{float: right;} .item.thrillLCD img{float: right;top: -40px;} .item.gammeThrill img{float: left; left: -10%} .item.thrillSBI img{float: left; left: -10%} #sliderhome .item.introThrill img{ opacity: 1; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); margin: auto; width: 160% !important; } #presentation h2,.infos h2 a,#danslesbars h4,#utilisation h4,#pictosPlus h4,#pictosPlus h5 a{font-size: 1.5em} #pictosPlus p{font-size: 1em} .home .voirProduit{margin-top: 20px; margin-bottom: 50px} .home .prix{text-align: center} /*liste rayon*/ .category{text-align: center;} .category .breadcrumbs{ text-align: center; } .category .blockimage{float: none; width: 100%;} .category .image{position: relative;} .category .visuels img{ position: relative;left: 50%;transform: translateX(-50%)} .category .visuels{position: relative; display: block;} .category section{padding-top: 0px} .category .options{margin: auto; text-align: center;padding: 0;bottom: auto;} .category .infos,.category .infos h2,.category .prix{width: 100%; float: none; text-align: center} .category .prix{margin-bottom: 50px} .category .content:nth-child(2){padding:0 20px} .content h1{text-align: center;} .category .item{padding: 50px 0; border-bottom: dashed 1px #ccc} .category .voirProduit{font-size: 1.3em; padding: 10px } .category .visuels .options p img{width: 50px; height: auto} /*fiche*/ .single .breadcrumbs{ text-align: center; } .single .content:nth-child(2){padding:0 20px} .single .blockimage{height: auto; width: 100%} .single #blockhautFiche{overflow: visible;} .single .image{height: 510px; position: relative;} .single .visuels img{max-width: 100%;top: 50%;transform: translateY(-50%);} .single .options{margin: auto; text-align: center;padding: 0;bottom: auto; position: relative; right: auto} .single .visuels .options p img{width: 50px; height: auto} .single .infos,.single .content h1,.single .prix,.single .stockbox{width: 100%; text-align: center;} .single .stockbox{margin-bottom: 50px} .single .wpforms-container{text-align: left; margin-bottom: 100px} .crossSell li{width: 100%; padding: 30px 0; border-bottom: dashed 1px #ccc;} .single #pictosPlus div{width: 100%} /*page video*/ .page-template-videos .videosliste li{display: block; float: left; padding:1%; width: 100%; } .page-template-videos .videosliste iframe{ width: 100%; height: 300px;} .demandededemo{position: relative;} .demandededemo h3{text-align: center;margin: auto; left: auto; transform: none; width: 100%; padding: 10px 0; font-size: 1.3em} .category .visuels .options .persohover:hover span img{width: 150px;} .category .visuels .options .persohover span {margin-top: -40px} .single #personnalisation #pictoPersonnalisation{ display: none; } .crossSell .bouton, .upSell .bouton{font-size: 1.5em; padding: 10px 0 !important;} .fenetre-conso .flote-droite,#detailstechniques>div>div{float: right; width: 100%; text-align: justify;} .page .flote-gauche,.page .flote-droite{display: none;} #detailstechniques h5{padding-top: 0px; padding-left: 50px} #detailstechniques>div>div{height: auto; margin-bottom: 30px;} #detailstechniques{padding: 0px 30px; overflow: visible;} #detailstechniques svg,#woow:before{width: 40px;margin-left: -45px; margin-top: -24px} #woow:before{margin-top: -10px; width: 50px; margin-left: -50px} .page-template-page-Actu .content,.page-id-716 .content,.page-template-videos .content, .page-template-sav .content{margin-left: 30px; margin-right:30px; } .page-id-716 .content,.page-template-videos .content,.page-template-sav .content{text-align: center} .page-template-sav .wpforms-field.wpforms-field-radio{ text-align: left } .page-template-page-Actu h2{margin-top: 0px;} .page-template-page-Actu h1{margin-bottom: 0px;} .uneactu{padding-top: 50px; text-align: center !important; padding-bottom: 50px; border-bottom: solid 1px #ccc; border-top: solid 1px #ccc} .uneactu h2,.page-template-sav div.wpforms-container-full .wpforms-form .wpforms-field-label,.page-id-716{text-align: center} .uneactu .date{text-align: center !important; margin-top: 0px;} .uneactu .visuelstexte img{float: none; margin: auto; display: block;} .uneactu a{ font-size: 1.3em; padding: 10px; width: 100%; text-align: center } .breadcrumbs{text-align: center;} footer ul a,#logofooter{padding-bottom: 40px !important; display: block;} #logofooter{width: 300px} #paiementlocation{ text-align: left; width: 100%; margin: auto; } .category .item{ flex: 1 0 33%; margin: 0%; flex-basis: 33%;flex-grow: 0; display: flex;flex-direction: column;position: relative; } } @media (max-width:600px){ .category .item{ flex: 1 0 100%; margin: 0%; flex-basis: 100%;flex-grow: 0; display: flex;flex-direction: column;position: relative; } .breadcrumbs{display: none;} }