body{padding-top:55px;background-color:#ffffff;color:#797979;font-size:15px} a{color:#797979} button{vertical-align:middle} p{margin:0} select{height:38px;vertical-align:middle;border:1px solid #B6B6B6;font:13px 'open_sansregular',arial,helvetica,sans-serif;box-sizing:content-box} textarea{padding:2px;border:1px solid #B6B6B6;font:12px 'open_sansregular',arial,helvetica,sans-serif} label{color:#797979;font-weight:100} b { font-weight:600;} input[type="radio"] ~ label{cursor:pointer; margin-right:10px;} .clear { clear:both;} /*COLOR #517f9b Bleu-Lok #f27857 Orange-Lok #aac2a8 Vert Amande */ /*TITRES ET TEXTE*/ /* ------------------------------------------------------------------------------------------- */ h1{font-family: 'robotocondensed-regular', 'open_sansregular' ; font-weight:bold; font-size:50px; font-weight:100; color:#ffffff;} h1.orange { color:#f27857;} /*ICOMOON*/ /* ------------------------------------------------------------------------------------------- */ .iconmoon_lok { font-family: 'icomoon' !important; font-size:70px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} /*TOOLS*/ /* ------------------------------------------------------------------------------------------- */ .no-display { display:none; } /* JQuery UI*/ /* ------------------------------------------------------------------------------------------- */ .ui-tooltip{position:absolute;z-index:9999;padding:5px 10px;color:#FFF;font-size:12px;background:#333;-o-box-shadow:0 0 5px #CCC;-moz-box-shadow:0 0 5px #CCC;-webkit-box-shadow:0 0 5px #CCC;box-shadow:0 0 5px #CCC} /* Global*/ /* ------------------------------------------------------------------------------------------- */ .both{display:block;content:'';clear:both;width:100%;height:1px;overflow:hidden} .absolute{position:absolute} .relative{position:relative} .align-center{text-align:center} .align-right{text-align:right} .left {float:left;} .right{ float:right;} .no-gutter{padding-left:0;padding-right:0} #hautpage{width:70px;height:70px;position:fixed;right:0;bottom:0;background:url(../images/hautpage.png) no-repeat top left;cursor:pointer;display:none} .vertical-center{display: flex;align-items: center;} /* Message*/ /* ------------------------------------------------------------------------------------------- */ .success{color:#3d6611} .error{color:#df280a} .notice{color:#e26703} .success,.error{font-weight:bold} .messages,.messages ul{list-style:outside none none;margin:0;padding:0;overflow:hidden} .messages{margin-bottom:15px} .customer-account-login .page_fonctionnalite .messages{width:100%;margin-bottom:40px;padding:0 15px;} .error-msg,.success-msg,.notice-msg,.note-msg{background-position:10px 10px;background-repeat:no-repeat;font-size:12px;min-height:23px;padding:15px 10px 15px 55px;color:#ffffff} .error-msg{background-color:#F16048;background-image:url(../images/message_exclamation.png);} .success-msg{background-color:#AAC2A8;background-image:url(../images/message_ok.png);} .success-msg2{color:#ffffff} .notice-msg,.note-msg{background-color:#d0b841;background-image:url(../images/message_ampoule.png);color:#ffffff} /* Message Création de compte*/ /* ------------------------------------------------------------------------------------------- */ .customer-account-create .page_fonctionnalite{margin-top:40px;} .customer-account-create ul.messages{padding:0 15px;} .customer-account-create #form-validate h1{margin-top:20px;} /* Data-table*/ /* ------------------------------------------------------------------------------------------- */ table.data-table{color:#434343;width:100%;border:1px solid #D9DDE3} table.data-table thead tr{display:none} table.data-table tbody tr{position:relative;border:1px solid #D9DDE3} table.data-table tbody tr td{display:block;padding:10px 2%} table.data-table tfoot tr{position:relative;border:1px solid #D9DDE3} table.data-table tfoot tr td{display:block;padding:10px 2%} table.data-table .a-center{text-align:center} table.data-table .a-right{text-align:right} /* Boutton-set*/ /* ------------------------------------------------------------------------------------------- */ .button-full-orange { color:#ffffff!important; text-decoration:none!important;min-width:200px; overflow:hidden; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-duration: 0.2s;transition-duration: 0.2s; -webkit-transition-property:background;border-radius:30px; font-size:13px; font-weight:bold; text-transform:uppercase; padding: 16px 25px; background: #f27857; display: inline-block; text-align: center;text-decoration:none;} .button-full-orange:hover:before { text-decoration:none; background: -moz-linear-gradient(top, #c95b48 1%, #d37d4c 100%);background: -webkit-linear-gradient(top, #c95b48 1%,#d37d4c 100%);background: linear-gradient(to bottom, #c95b48 1%,#d37d4c 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c95b48', endColorstr='#d37d4c',GradientType=0 );} .button-full-orange:active {background: -moz-linear-gradient(top, #ad6b60 1%, #d28960 100%);background: -webkit-linear-gradient(top, #ad6b60 1%,#d28960 100%);background: linear-gradient(to bottom, #ad6b60 1%,#d28960 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad6b60 ', endColorstr='#d28960',GradientType=0 );} .button-full-orange:before {content: ""; position: absolute; z-index: -1;top: 0; left: 0; right: 0; bottom: 0; background: #f27857; border-radius: 100px; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.1s; transition-duration: 0.1s;-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;} .button-full-orange:active:before { -webkit-transform: scale(0); transform: scale(0); } .button-full-orange[disabled]:before{background: #C2C2C2;} .button-border-orange { color:#f27857; min-width:165px; border-radius:30px; font-size:11px; font-weight:bold; text-transform:uppercase; padding:10px; border: solid 2px #f27857; display: inline-block; text-align: center;text-decoration:none; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; overflow:hidden;} .button-border-orange:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: -moz-linear-gradient(top, #f27857 0%, #ef8b50 100%); background: -webkit-linear-gradient(top, #f27857 0%,#ef8b50 100%); background: linear-gradient(to bottom, #f27857 0%,#ef8b50 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef8b50', endColorstr='#ed8d55',GradientType=0 ); color:#ffffff; text-decoration:none; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;} .button-border-orange:hover:before {-webkit-transform: scaleY(1); transform: scaleY(1);} .button-border-orange:hover { color:#ffffff; text-decoration:none;} .button-border-vert, .button-border-gray { color:#aac2a8; min-width:165px; border-radius:30px; font-size:11px;font-weight:bold; text-transform:uppercase; padding:10px; border: solid 2px #aac2a8; display: inline-block; text-align: center;text-decoration:none; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; overflow:hidden;} .button-border-vert:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-color:#aac2a8; color:#ffffff; text-decoration:none; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;} .button-border-vert:hover:before {-webkit-transform: scaleY(1); transform: scaleY(1);} .button-border-vert:hover { color:#ffffff; text-decoration:none;} .button-full-orangepetit { color:#ffffff!important; text-decoration:none!important;min-width:165px; overflow:hidden; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-duration: 0.2s;transition-duration: 0.2s; -webkit-transition-property:background;border-radius:30px; font-size:11px; font-weight:bold; text-transform:uppercase; padding: 10px; background: #f27857; display: inline-block; text-align: center;text-decoration:none;} .button-full-orangepetit:hover:before { text-decoration:none; background: -moz-linear-gradient(top, #c95b48 1%, #d37d4c 100%);background: -webkit-linear-gradient(top, #c95b48 1%,#d37d4c 100%);background: linear-gradient(to bottom, #c95b48 1%,#d37d4c 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c95b48', endColorstr='#d37d4c',GradientType=0 );} .button-full-orangepetit:active {background: -moz-linear-gradient(top, #ad6b60 1%, #d28960 100%);background: -webkit-linear-gradient(top, #ad6b60 1%,#d28960 100%);background: linear-gradient(to bottom, #ad6b60 1%,#d28960 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad6b60 ', endColorstr='#d28960',GradientType=0 );} .button-full-orangepetit:before {content: ""; position: absolute; z-index: -1;top: 0; left: 0; right: 0; bottom: 0; background: -moz-linear-gradient(top, #f27857 0%, #ef8b50 100%); background: -webkit-linear-gradient(top, #f27857 0%,#ef8b50 100%); background: linear-gradient(to bottom, #f27857 0%,#ef8b50 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef8b50', endColorstr='#ed8d55',GradientType=0 ); border-radius: 100px; /*-webkit-transform: scale(2); transform: scale(2);*/ -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.1s; transition-duration: 0.1s;-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;} .button-full-grispetit{ color:#ffffff; min-width:165px; border-radius:30px; font-size:11px; font-weight:bold;text-transform:uppercase; padding: 10px; background:#cccccc; display: inline-block; text-align: center;text-decoration:none;} .button-full-grispetit:hover { background:#c6c6c6; color:#ffffff; text-decoration:none;} .button-full-gray{ color: #ffffff; background-color: #c2c2c2; margin-top:15px;min-width:200px; border-radius:30px; font-size:13px; font-weight:bold; text-transform:uppercase; padding: 16px 25px; display: inline-block; text-align: center;} .button-not-available{ margin-right: 20px; margin-bottom:5px; margin-top:15px; text-align:right; font-size:12px; line-height: 20px; } .dot { height: 13px; width: 13px; background-color: #d1b842; border-radius:5px 8px 7px 7px/9px 4px 12px 8px; display: inline-block } .columns.center{ text-align: center} .button_plus { text-decoration:none; cursor:pointer;} .button_plus span.border-deform { opacity:0; display:block; border: solid 1.3px #ffffff!important; border-radius: 200px 5px 200px 5px/5px 200px 5px 200px; position: absolute; right: 80%; top: -7px; margin-right: -25px; z-index: 1; white-space: nowrap; color: #ffffff; padding: 20px; text-transform: uppercase; font-weight: bold; padding-right: 40px;-webkit-transition: right 0.5s linear, opacity 0.5s ease-in;-moz-transition: right 0.5s linear, opacity 0.5s ease-in; -o-transition: right 0.5s linear, opacity 0.5s ease-in; transition: right 0.5s linear, opacity 0.5s ease-in;} .button_plus::before {content:'+'; transition-property: background-color; position:relative; color:#ffffff; z-index:2; display:block; text-align:center; font-weight:bold; background: -moz-linear-gradient(top, #f27857 0%, #ef8b50 100%); background: -webkit-linear-gradient(top, #f27857 0%,#ef8b50 100%); background: linear-gradient(to bottom, #f27857 0%,#ef8b50 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef8b50', endColorstr='#ed8d55',GradientType=0 ); font-size:25px; border-radius:50px; height:50px; width:50px; line-height:50px; -webkit-box-shadow:0 3px 7px rgba(0,0,0,0.15);-moz-box-shadow:0 3px 7px rgba(0,0,0,0.15);box-shadow:0 3px 7px rgba(0,0,0,0.15) } .button-border-round { color:#f27857; width:50px; border-radius:25px; height:50px; font-size:11px; font-weight:bold; text-transform:uppercase; border: solid 2px #f27857; display: inline-block; text-align: center;text-decoration:none; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; overflow:hidden;} .button-border-round:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-color:#f27857; color:#ffffff; text-decoration:none; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;} .button-border-round:hover:before {-webkit-transform: scaleY(1); transform: scaleY(1);} .button-border-round:hover { color:#ffffff; text-decoration:none;} /* Moteur de recherche*/ /* ------------------------------------------------------------------------------------------- */ #search_mini_form { display:inline-block;position: absolute; top: 55px; left: 0; right: 0; padding:10px; background:#ffffff; border-top: solid 1px #f0eded;} #search_mini_form .mini-search #search { border:1px solid #CCC; display: inline-block; width: calc(100% - 60px); outline:0; padding:.5rem; box-sizing: inherit;} #search_mini_form .mini-search .search_btn { position:relative; background-color:#F27857; width:60px; color:#ffffff; border:none; height:38px; font-size: 24px; overflow:hidden; margin-left: -5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;} #search_mini_form .mini-search .search_btn:before {content: ""; position: absolute;top: 0; left: 0; right: 0; bottom: 0; background-color:#F27857; color:#ffffff; padding: 7px; text-align:center;} #search_mini_form .mini-search .search_btn:hover:before { text-decoration:none; background: -moz-linear-gradient(top, #c95b48 1%, #d37d4c 100%);background: -webkit-linear-gradient(top, #c95b48 1%,#d37d4c 100%);background: linear-gradient(to bottom, #c95b48 1%,#d37d4c 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c95b48', endColorstr='#d37d4c',GradientType=0 );} .catalogsearch-result-index .aucun_resultat { margin-bottom:50px;padding-top: 85px;} #main { top: 59px; position: relative;} .footer-container { margin-top: 59px;} #univers1.layer { top: 114px;} /* Sticker Energy - Page list et Fiche Produit*/ /* ------------------------------------------------------------------------------------------- */ .fprod #stickerEnergy{position:absolute;padding-left:8px;} .filet #stickerEnergy{position:absolute;bottom:20px;left:-20px;padding-left:8px;} .fprod .product-img-box .pictoEnergy{display:none;position:absolute;margin-left:-5px;margin-top:25px;} .catalogsearch-result-index .filet #stickerEnergy{left:0px;position:absolute;bottom:20px;} .catalogsearch-result-index .filet .sticker_casse_vol{left:0px;position:absolute;bottom:20px;} /* Formulaire*/ /* ------------------------------------------------------------------------------------------- */ .validation-advice,.required{color:#EB340A} .validation-failed{background:#FAEBE7 none repeat scroll 0 0 !important;border:1px dashed #eb340a !important} form .container_input { position: relative; padding: 10px 0;} form .container_input input, form .container_input select { border:1px solid #CCC; display: block; width: 100%; outline:0; padding:.5rem; box-sizing: inherit;} form .container_input input:placeholder-shown:valid ~ label { top:28px; color: #797979; font-size:14px;} form .container_input input:placeholder-shown:focus ~ label, form .container_input input:invalid ~ label, form .container_input input:valid ~ label, form .container_input input:disabled ~ label { top:10px; left:10px; font-size:12px; background:#ffffff; padding:0 2px;} form .container_input_select label { top:10px; font-size:12px!important; background:#ffffff; padding:0 2px;} form .container_input label {top:10px;position: absolute; left: 10px; transform: translateY(-50%); transition: all 0.2s; font-size:14px;} form .container_input textarea { border:1px solid #CCC; width: 100%; outline:0; padding:.5rem; box-sizing: inherit;} form .container_input textarea:placeholder-shown:valid ~ label { top:28px; color: #797979; font-size:14px;} form .container_input textarea:placeholder-shown:focus ~ label, form .container_input textarea:invalid ~ label, form .container_input textarea:valid ~ label { top:10px; left:10px; font-size:12px; background:#ffffff; padding:0 2px;} form .container_input .red { text-align:right;color:red;font-size:11px;display:block;} /* Captcha */ /* ------------------------------------------------------------------------------------------- */ .captcha-container{background-color: #f5f5f5; padding: 15px;} .captcha-refresh{font-size: 20px !important;margin-left: 8px; cursor: pointer;} .captcha-input{border: 1px solid #CCC; width: 100%; padding: .5rem; outline: 0;margin-top: 10px;font-size: 13px;} /* Captcha Math page contact*/ #mathcaptchatext {padding-right:1rem;} #mathcaptchainput {height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;} /* ------------------------------------------------------------------------------------------- */ /*questionnaire*/ .questionnaire .question { margin-bottom:30px;} .questionnaire input[type=radio] { opacity: 0; position: absolute; z-index: -1;} .questionnaire input[type=radio]:checked + label, .questionnaire input[type=radio]:hover + label {border-color:#f27857; color:#f27857;} .questionnaire input[type=radio]+ label { border: solid 1px #a2a2a2; border-radius:5px; padding:10px; float:left; font-size: 13px; margin-right:15px; margin-top:10px; min-width: 50px; text-align: center;} .questionnaire input[type=text], .questionnaire input[type=price], .questionnaire input[type=date],.questionnaire input[type=number] { border:1px solid #CCC; display: block; outline:0; padding:.5rem; box-sizing: inherit; margin-top:10px;} /*Accordion*/ .accordion-container .set a.accordion_lien { text-decoration: none; display:table; margin:auto; cursor:pointer; position:relative; padding-right:50px;} .accordion-container .set a.accordion_lien span { position:absolute; right:2px; top:2px; transform: rotate(90deg); font-size:20px;} .accordion-container .set > a.accordion_lien.active span{ -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);top: 2px;} .accordion-container .set .accordion_panel{ display:none; margin-top:25px;} /* Formulaire création de compte */ /* ------------------------------------------------------------------------------------------- */ form .container_input .validation-advice + .tooltip_password {display: none;} form .container_input .tooltip_password {font-size:12px; line-height: 16px; display: block; margin-top: 5px;} form .container_input .eye{cursor: pointer;width: 25px;height: 19px;position: absolute;right: 13px;top: 19px;} form .container_input .eye-opened{background: url("/img/eye_icon_opened.png") no-repeat center;background-size: cover;} form .container_input .eye-closed{background: url("/img/eye_icon_closed.png") no-repeat center;background-size: cover;} /* Notice DoB Form */ /* ------------------------------------------------------------------------------------------- */ #advice-validate-minor-age-year {padding-left:0.9375rem;} /* Page de fonctionnalite*/ /* ------------------------------------------------------------------------------------------- */ .page_fonctionnalite { padding-bottom:70px;} .page_fonctionnalite .required { text-align:right; margin-bottom:10px;color:red;font-size:11px;} .informations_cnil p { color:#999999; font-size:13px;} .message_bcc {margin-top: 40px;} /*Sitemap*/ /* ------------------------------------------------------------------------------------------- */ ul.sitemap li { margin-bottom:5px;} table.pager ol{color:#aac2a8;display:block;font-weight:bold;white-space:nowrap;text-align: right;margin-bottom:50px;} table.pager ol li{display:inline;padding-right:8px} table.pager ol li a{color:#aac2a8;text-decoration:none;} table.pager ol li span.on {color:#797979; font-size:20px;} table.pager ol li a:hover {color:#a9a9a9} table.pager ol li.previous, table.pager ol li.next { border: solid 1px #aac2a8; height:40px; width:40px; display: inline-block; border-radius: 30px; margin-bottom:-12px;line-height: 37px; padding-right:0;text-align: center; margin-right:15px; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; overflow:hidden;} table.pager ol li.previous a {transform: rotate(180deg);} table.pager ol li.next a, table.pager ol li.previous a {display:block;font-size: 13px;line-height: 37px;} table.pager ol li.next { margin-left:7px;} table.pager ol li.next:before, table.pager ol li.previous:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background:#aac2a8 ; color:#ffffff; text-decoration:none; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;} table.pager ol li.next:hover:before, table.pager ol li.previous:hover:before {-webkit-transform: scaleY(1); transform: scaleY(1);} table.pager ol li.next:hover a, table.pager ol li.previous:hover a { color:#ffffff;} /* Inscription Newsletter*/ /* ------------------------------------------------------------------------------------------- */ .cms-newsletter #catalog-messages-container {width: 91.66667%;margin: auto;padding: 0 15px;} .cms-newsletter .page_fonctionnalite h1 {margin-top:0;} /* Mise en page*/ /* ------------------------------------------------------------------------------------------- */ #main {padding:0;} .col1-layout .col-main{background:#FFF;position:relative;min-height:200px;border-top:1px solid transparent} /* Header*/ /* ------------------------------------------------------------------------------------------- */ .header{position:fixed;z-index:200;top:0;height:55px;left:0;width:100%;background:#FFF;-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.15);-moz-box-shadow:0 3px 7px rgba(0,0,0,0.15);box-shadow:0 3px 7px rgba(0,0,0,0.15)} .header .header-top #logo { padding-left: 0.9375rem; padding-right: 0.9375rem;} .header .header-top #logo img {cursor:pointer; padding:10px 0; height:50px;} .header .header-top #logo .toggle-menu {text-decoration:none;position:relative} .header .header-top #logo .toggle-menu:before{ content:""; position:absolute;left:0;top:-2px;background:url(../images/icone_menu.png) no-repeat left; width:27px; height:27px;cursor:pointer;} .header .header-top #logo .toggle-menu.open_menu:before{background:url(../images/icone_croix.png) no-repeat left;} /*Lien Comment ça marche ?*/ /* ------------------------------------------------------------------------------------------- */ .header .header-top .header_lien_concept { position:absolute; right:100px; top:0} .header .header-top .header_lien_concept > ul > li {cursor:pointer; text-align: right;line-height:16px; color:#797979; font-size:14px; font-family:'open_sanssemibold'; padding: 3px 10px; height: 55px; display: table-cell; vertical-align: middle;transform: perspective(1px) translateZ(0); -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.2s; transition-duration: 0.2s;} .header .header-top .header_lien_concept > ul > li:hover { color:#f27857/*Orange-Lok*/;} .header .header-top .header_lien_concept > ul > li:before { content: ""; position: absolute; z-index: -1; top: 52px; left: 0; right: 0; bottom: 0; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;} .header .header-top .header_lien_concept > ul > li:hover:before { padding-bottom:0px;border-bottom: 3px solid #f27857/*Orange-Lok*/;-webkit-transform: scaleX(1); transform: scaleX(1); } .header .header-top .header_lien_concept ul li:hover ul {opacity:1!important; visibility:visible!important;} .header .header-top .header_lien_concept ul li ul { -webkit-transition: opacity 0.2s, visibility 0.2s; transition: opacity 0.2s, visibility 0.2s; visibility:hidden; position:absolute; top:55px; right:0px; width: 225px; background: -moz-linear-gradient(top, #f27857 0%, #ef8b50 100%); background: -webkit-linear-gradient(top, #f27857 0%,#ef8b50 100%); background: linear-gradient(to bottom, #f27857 0%,#ef8b50 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef8b50', endColorstr='#ed8d55',GradientType=0 );-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.15);-moz-box-shadow:0 3px 7px rgba(0,0,0,0.15);box-shadow:0 3px 7px rgba(0,0,0,0.15); padding:10px 0;} .header .header-top .header_lien_concept ul li ul li { line-height:15px;} .header .header-top .header_lien_concept ul li ul li a{ padding: 10px 20px; font-family:'open_sansregular'; text-decoration:none; display:block; color:#ffffff;} .header .header-top .header_lien_concept ul li ul li a:hover {font-family:'open_sanssemibold';} /*Espace client - Panier*/ /* ------------------------------------------------------------------------------------------- */ .header .header-top .header_block { height:55px; position:relative;transform: perspective(1px) translateZ(0); -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.2s; transition-duration: 0.2s;} /* .header .header-top .header_block:hover svg {padding-bottom:7px;height: 52px;} */ .header .header-top .header_block:hover .titre-icon {padding-bottom: 7px;} .header .header-top .header_block:hover a { color:#f27857/*Orange-Lok*/; } .header .header-top .header_block:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;} .header .header-top .header_block:hover:before { border-bottom: 3px solid #f27857/*Orange-Lok*/;-webkit-transform: scaleX(1); transform: scaleX(1); } .header .header-top .header_block svg { margin:auto; display:block; padding:10px; height: 50px; width: 50px;} .header .header-top .header_block .icomoon.icon-check{ position: absolute ;left: 25px; bottom: 10px; font-size: 14px;} .header .header-top .header_block .titre-icon {font-size:10px; display:block; text-align:center; padding:0 30px 10px 30px;} .header .header-top .header_block a {text-decoration:none;} .header .header-top .header_block .count-cart {background:#f27857; line-height: 20px; border-radius:20px; color:#ffffff; height:20px; width:20px; display:block; text-align: center; font-size: 13px; position: absolute; top: 18px; left: 53%;} .header .welcome-msg_layer{-webkit-transition: opacity 0.2s, visibility 0.2s; transition: opacity 0.2s, visibility 0.2s; visibility:hidden; -webkit-box-shadow:0 3px 7px rgba(0,0,0,0.15);-moz-box-shadow:0 3px 7px rgba(0,0,0,0.15);box-shadow:0 3px 7px rgba(0,0,0,0.15); padding:30px; padding-top:10px; position:absolute;text-align:left;top:100%;right:114px;width:330px;z-index:999;background:#ffffff;} .header .welcome-msg_layer .block-content .button-full-orange{ margin:15px auto; display:block; margin-bottom: 10px;} .header .welcome-msg_layer .block-content .forgotten_password{font-size:11px;color:#a2a2a2;display:block;line-height:13px; text-align:center;} .header .welcome-msg_layer .non_client .titre a {color:#517f9b /*Bleu-Lok*/; display:block; text-align:center; margin:20px 0; text-decoration:none;} .header .welcome-msg_layer .non_client .inchoo-socialconnect-mini-login .sep { margin-top:10px;} .header .welcome-msg_layer .non_client .inchoo-socialconnect-mini-login .sep span {text-align:center; font-size:11px; color:#a2a2a2; background-color:#ffffff;margin: auto; width: 50px; display: block; z-index: 1; position: relative;} .header .welcome-msg_layer .non_client .inchoo-socialconnect-mini-login .sep .trait { background:#a2a2a2; height:1px; width:100%; margin-top:-8px; margin-top: -8px;} .header .welcome-msg_layer .non_client .inchoo-socialconnect-mini-login .inchoo-socialconnect-login {margin-top:20px;} .welcome-msg_layer.customer-connected{width:300px;padding:20px} .welcome-msg_layer.customer-connected .account_acces_rapide ul{list-style:outside none none;margin:0;padding:0} .welcome-msg_layer.customer-connected .account_acces_rapide ul li a{border-bottom:1px solid #e6e6e6;display:block;font-size:15px;padding:8px 0;text-decoration:none} .welcome-msg_layer.customer-connected .button-full-orange { display:block; margin:auto; margin-bottom:20px;} .welcome-msg_layer.customer-connected .button-border-vert { display:block; margin:auto; margin-bottom:0; margin-top:20px;width:50%;} /*.wrapper .row.relative {bottom: 15px;}*/ /* Footer*/ /* ------------------------------------------------------------------------------------------- */ .footer-container{background:#FFF;overflow:hidden;} .footer-container .footer .texture-papier {background-image:url('../images/old_wall.png'); background-repeat:repeat;} .footer-container .footer .texture-papier .services {padding: 20px 0px;} .footer-container .footer .texture-papier .services .icon-service {padding: 0px 5px;} .footer-container .footer .texture-papier .services .icon-service .iconmoon_lok {color:#EF7958;margin: auto; display: block;width: 100%; margin-bottom:0; font-size:8vw;} .footer-container .footer .texture-papier .services .icon-service p{color:#a2a297;text-align: center; font-weight: 700;line-height: 16px;} .footer-container .footer .texture-papier .services .icon-service p span.br{ font-weight: 500; display: block;} .footer-container .footer .texture-papier .services .icon-service p span.br.st{font-size: 10px !important;} .footer-container .footer .texture-papier .services .icon-service:hover p {color:#EF7958;} .footer-container .footer .texture-papier .services .icon-service a {text-decoration: none;} .footer-container .footer .texture-papier .services .center-icon { width: 50% !important;} .footer-container .footer .contact-client {background: #eae9e9; padding: 10px 0px;} .footer-container .footer .contact-client .align-middle {display: block;} .footer-container .footer .contact-client p { color: #a2a297; font-size:16px; font-weight:bold; vertical-align:middle; display:table-cell; text-align: center;} .footer-container .footer .contact-client .texte .newsletter, .footer-container .footer .contact-client .texte .reseaux-sociaux > div{ display:table; height:60px;} .footer-container .footer .contact-client .newsletter p span a {color: #ffffff;background:url('../images/fleche_cabin.png') center center no-repeat #EF7958; text-indent:-99999px; font-weight: bold;font-size: 16px;border-radius: 45px; height:45px; width:45px; line-height:45px;text-decoration: none;margin-left:20px; display:inline-block;} .footer-container .footer .contact-client .newsletter p span a:hover { background-color:#c95b48;} .footer-container .footer .contact-client .reseaux-sociaux {float: left;} .footer-container .footer .contact-client .reseaux-sociaux a {text-decoration: none; padding:0 5px; display: inline-block; vertical-align: middle; line-height: 0;} .footer-container .footer .contact-client .reseaux-sociaux p { margin-right:20px;} .footer-container .footer .contact-client .reseaux-sociaux div {margin:auto;} .footer-container .footer .contact-client .reseaux-sociaux .iconmoon_lok {color:#a2a297; font-size: 40px; line-height: 54px; margin-left: 15px;} .footer-container .footer .contact-client .reseaux-sociaux .iconmoon_lok:before {color:#a2a297;} .footer-container .footer .contact-client .reseaux-sociaux a:hover .iconmoon_lok:before { color:#EF7958; } .footer-container .footer .texte-lien .texte {padding: 40px 0px; border-bottom: solid 1.3px #c9cec4; border-radius: 0px 0px 760px 910px/0px 0px 20px 10px;} .footer-container .footer .texte-lien .texte .column-block{margin-bottom: 20px;} .footer-container .footer .texte-lien a, .footer-container .footer .texte-lien strong {text-decoration: none !important;display: block;font-size: 13px; color:909090;text-align:left;} .footer-container .footer .paiement {padding: 20px 0px;} .footer-container .footer .paiement .texte p .footer-container .footer .paiement .texte .right p {font-size:11px;} .footer-container .footer .paiement .texte .paiement-securise,.footer-container .footer .paiement .texte .filiale {text-align: center;margin: auto; padding-bottom: 15px;} .footext-container .footext {padding-bottom: 40px;} .footext-container .footext p {font-size:13px;} /* MODAL - quand produits indisponible*/ /* ------------------------------------------------------------------------------------------- */ #catalog-messages-container.modal { max-width: 780px; padding: 50px;display: inline-block; } #redirect.modal { display: inline-block; max-width: 760px; position: relative; z-index: 2; box-sizing: border-box; margin:auto; vertical-align:middle; background:#ffffff; padding:30px;} #redirect.modal p { text-align:left;} .cms-home a.close-modal-first {cursor: initial!important;} .cms-home a.close-modal-first:hover {color:#797979;} #redirect.modal a.close-modal::before { content: '\e934'; cursor: pointer; position: absolute; z-index: 200; top: -58px; right: -50px; font-weight:100;color:#ffffff; width: 50px; height: 50px; font-size: 50px; text-indent: 0; font-family: 'icomoon';} @media screen and (max-width:63.9375em) { #redirect.modal {top:0; transform:inherit;} #redirect.modal a.close-modal::before { right: -8px;} } /* Navigation*/ /* ------------------------------------------------------------------------------------------- */ #univers1.layer{display:none;position:fixed; padding-left:0; width:100%;z-index:199;height:100%; background:rgba(0,0,0,.5)} #univers1.layer > .row{height:100%} #univers1.layer .navigation{background:#FFF;border-right:1px solid #DDD;border-bottom:1px solid #DDD;height:100%;overflow:auto} #univers1.layer #nav2{display:block;position:relative;} #univers1.layer #nav2 > li{display:block;border-top:1px solid #e6e4e4;} #univers1.full #nav2 > li > p > a:hover{color:unset;} #univers1.layer #nav2 > li > p .fleche{content:'';cursor:pointer;position:absolute;z-index:200;top:13px;right:15px;width:20px; height:27px; background:url(../images/fleche_grey.png) no-repeat right;} #univers1.layer #nav2 > li .sub{overflow-y:auto!important;display:none} #univers1.layer #nav2 > li .sub .menu{padding-bottom:10px} #univers1.layer #nav2 > li .sub .menu ul li.cat a.gros, #univers1.layer #nav2 > li .sub .menu ul li.cat .subSubCat li a{display:block;text-decoration:none;font-size:14px;font-family:'open_sanssemibold';line-height:50px;cursor:pointer;border-top:1px solid #e6e4e4; position:relative;padding-left: 0.9375rem; padding-right: 0.9375rem;} #univers1.layer #nav2 > li .sub .menu ul li.cat a.gros:before{content:'';position:absolute;z-index:200;top:10px;right:15px;width:20px; height:27px; background:url(../images/fleche_grey.png) no-repeat right;} #univers1.layer #nav2 > li .sub .menu ul li.cat a.tousles{display:block;color: #f27857;font-size: 12px;text-decoration: underline !important;line-height: 50px;cursor: pointer;border-top: 1px solid #e6e4e4;position: relative;padding-left: 0.9375rem;padding-right: 0.9375rem;} #univers1.layer #nav2 > li .sub .menu ul li.cat .subSubCat {height:auto;} #univers1.layer #nav2 > li > a {display: none;} #univers1.layer #nav2 > li .layermenu{display:none} #univers1.layer a.resp_menu_close{position:absolute;right:0;top:0;height:64px;width:48px;background:#FFF;color:#434343;font-size:32px;line-height:64px;text-align:center;text-decoration:none;font-weight:bold} #univers1.layer.show{display:block} #univers1.layer .backToCat , #univers1.layer .backToHome, #univers1.layer .gros{ cursor:pointer;} /*Texte*/ #univers1 #nav2 > li p{position:relative;z-index:201;text-transform: capitalize;font-size:17px;font-family:'robotocondensed-regular';text-decoration:none;line-height:55px;display:block;cursor:pointer;margin:0;padding-left:15px;} #univers1.layer .backToHome, #univers1.layer .backToCat {line-height:50px; padding-top:5px;padding-left: 0.9375rem; padding-right: 0.9375rem; background:url(../images/old_wall.png) repeat; color:#a2a2a2; font-size: 17px; font-family:'robotocondensed-regular'; text-transform:capitalize;} #univers1.layer .backToHome:before, #univers1.layer .backToCat:before {content:''; background:url(../images/fleche_grey.png) no-repeat left; width:20px; height:27px; display: inline-block; margin-right: 15px; margin-bottom: -4px; transform: rotate(180deg);} #nav2 > .actif > div , .cat > ul {position:absolute;top:0;left:100%;width:100%;height:calc(100vh - 55px);} #univers1.layer #nav2 > li .sub , #univers1.layer .navigation { overflow:hidden;} /*element reassurance*/ #univers1 .navigation_reassurance .besoin_aide > div > p > a{font-size:17px;font-family:'robotocondensed-regular'; text-decoration: none;line-height: 55px; padding-left: 15px;z-index:1;display:block;transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent;-webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.2s; transition-duration: 0.2s;cursor:pointer;color:#797979!important;} #univers1 .navigation_reassurance:before {content:"";border-top: 1px solid #cac8c8; width:100%; position: absolute; right: 0; left: 0; top:0;margin:auto;} #univers1 .navigation_reassurance {margin-top:15px; padding-top:15px; position:relative;} #univers1 .navigation_reassurance .besoin_aide:first-child .buttom2 > p > a{font-family: 'gunny_rewrittenregular',sans-serif; font-size: 22px;} #univers1 .velo> div > p > a{font-size:17px;font-family:'robotocondensed-regular'; text-decoration: none;line-height: 55px; padding-left: 15px;z-index:1;display:block;transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent;-webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.2s; transition-duration: 0.2s;cursor:pointer;color:#797979!important;} #univers1 .navigation_reassurance.trustpilot-widget:before {border-top: initial;} @media screen and (min-width:64em){ #univers1 .navigation_reassurance.trustpilot-widget {position: absolute!important;bottom:30px;} } /* Popin Kiamo*/ /* ------------------------------------------------------------------------------------------- */ #popin_kiamo {max-width:1100px; width: 98%;} #popin_kiamo .content_modal .popin_kiamo_left .faq { background-color: #f27857; padding: 20px;text-align:left; margin-bottom: 20px;} #popin_kiamo .content_modal .popin_kiamo_left .faq > p:first-child, #popin_kiamo .content_modal #kiamo-form-holder > div#regular_payment > p:first-child {font-size:17px; margin-bottom: 20px;} #popin_kiamo .content_modal .popin_kiamo_left .faq p, #popin_kiamo .content_modal .popin_kiamo_left .faq ul li {margin-bottom:10px;color:#ffffff;} #popin_kiamo .content_modal .popin_kiamo_left .faq ul li a {color:#ffffff;} #popin_kiamo .content_modal .popin_kiamo_left .faq > a {color:#f27857; display: table; margin: auto; margin-top: 20px;} #popin_kiamo .content_modal #kiamo-form-holder > div {background-color: #ffffff;padding: 20px;text-align:left;} #popin_kiamo .content_modal #kiamo-form-holder .form-button { display: table; margin: auto; margin-top: 20px;} #popin_kiamo .content_modal #kiamo-form-holder > div#regular_payment > p:nth-child(2) {font-size: 13px;} #popin_kiamo .content_modal #kiamo-form-holder #kiamo-form ul li:first-child {margin-bottom: 10px;} #popin_kiamo .content_modal #kiamo-form-holder > div > p.mentions {color:#FF0000; font-size: 11px; text-align: right; margin-bottom:-10px;margin-top: 10px;} #popin_kiamo .content_modal #kiamo-form-holder .type_demande > div { display: block;} #popin_kiamo .content_modal #kiamo-form-holder .trait { position: relative; text-align: center; margin-top: 20px; margin-bottom: 20px;} #popin_kiamo .content_modal #kiamo-form-holder .trait:before { content: ""; height: 1px; background-color: #cccccc; position: absolute; top: 13px; left: 0; right: 0;} #popin_kiamo .content_modal #kiamo-form-holder .trait span { display: inline-block; position: relative; z-index: 1; background-color: #ffffff; padding: 0 20px;} #popin_kiamo .content_modal #kiamo-form-holder .creneaux {font-size: 10px;} #popin_kiamo .content_modal #kiamo-form-holder .creneaux span { height: 12px; width: 12px; display: inline-block; background-color: #c7e1c6;} #popin_kiamo .content_modal #message-holder > div {background-color: #ffffff;padding: 20px;} #popin_kiamo .content_modal #message-holder.success .iconmoon_lok {font-size: 50px;} #popin_kiamo .content_modal #message-holder.success .iconmoon_lok:before { color:#3d6611;} #popin_kiamo .content_modal #message-holder.success span + p { font-size:20px; margin-top: 15px;} #popin_kiamo .content_modal #message-holder.error > div { background-color:#ffffff; padding: 10px; padding-bottom: 0;} #popin_kiamo .content_modal #message-holder.error p {background-color: #df280a;color:#ffffff; padding: 10px;} #popin_kiamo .content_modal #outstanding_payment_holder > div {border:solid 1px #df280a; padding: 20px!important; padding-bottom: 0;} #popin_kiamo .content_modal #outstanding_payment_holder .button-full-orange { display: table; margin: auto;margin-top: 15px;} #popin_kiamo .content_modal #outstanding_payment_holder span { display: block; font-size: 11px; text-align: center; margin-top: 10px;} /*popin reprise de commande */ .popin_reprise_commande { margin-top:30px;} .popin_reprise_commande .popin_header { color:#797979;} .popin_reprise_commande .button-full-orange { margin-top:30px; margin-bottom:5px;} .popin_reprise_commande .button-full-orange + span { font-size:13px; display:block;} .popin_reprise_commande .trait { position: relative; margin:15px 0;} .popin_reprise_commande .trait:before { content: ""; height: 1px; background-color: #cccccc; position: absolute; top: 13px; left: 0; right: 0;} .popin_reprise_commande .trait p { display: inline-block; position: relative; z-index: 1; background-color: #ffffff; padding: 0 20px;} .popin_reprise_commande .iconmoon_lok { font-size: 40px; background-color: #f27857; height: 80px; width: 80px; border-radius: 50px; display: block; position: absolute; margin: auto; text-align: center; left: 0; right: 0; top: 0px; padding-top: 20px;} .popin_reprise_commande .iconmoon_lok:before { color: #ffffff;} /* Info-bulle - L'infomation s'affiche en dessous de l'élément*/ /* ------------------------------------------------------------------------------------------- */ .info-bullebot.tooltip-group .tooltip { display: block; position: absolute; top: -3px;line-height: 18px; left: 50%; padding: 0.8rem 1rem; border-radius: 3px; font-size: 0.8rem; background:#dddbe0; color:#434343; opacity: 0; pointer-events: none; width:260px; transform: translate(-50%, -70px); transition: all 0.3s ease; z-index: 102; -webkit-box-shadow: 0px -10px 30px -13px rgba(67,67,67,0.45); -moz-box-shadow: 0px -10px 30px -13px rgba(67,67,67,0.45); box-shadow: 0px -10px 30px -13px rgba(67,67,67,0.45); } .info-bullebot.tooltip-group .tooltip:after { display: block; position: absolute; bottom: 0; left: 50%; width: 0; height: 0; content: ""; border: solid; border-width: 10px 10px 0 10px; border-color: transparent; transform: translate(-50%, 100%); border-top-color:#dddbe0;} .info-bullebot.tooltip-group .item { position:relative; cursor:pointer; display: inline-block;margin-left: 7px;} .info-bullebot.tooltip-group .item:hover .tooltip { visibility: visible; opacity: 1; transform: translate(-50%, -120px);} /* Breadcrumbs*/ /* ------------------------------------------------------------------------------------------- */ .breadcrumbs-scroll{overflow-x:auto; margin-top: 15px; margin-bottom: 30px;} .breadcrumbs{color:#797979;font-size:11px;line-height:1.25em;white-space:nowrap} .breadcrumbs li{display:inline-block;padding:10px 0;font-size:12px} .breadcrumbs li a{color:#797979;} .breadcrumbs li.gt.active,.breadcrumbs li.active,.breadcrumbs li.product{color:#797979;} .breadcrumbs li.gt {padding-left:5px; padding-right:5px;} /* Services inclus*/ /* ------------------------------------------------------------------------------------------- */ .services_inclus .item { display:inline-block;} .services_inclus .item:first-child { margin-left:0;} .services_inclus .item:last-child { margin-right:0;} .services_inclus a { text-decoration:none;display: table;} .services_inclus span.iconmoon_lok { color:#ffffff;font-size: 70px; } .services_inclus span.texte{font-size:12px; color:#ffffff; font-weight:bold; line-height: 16px; vertical-align: middle; display: table-cell; text-align:left;} .services_inclus span.texte span{font-weight:100; display:block;} .services_inclus span.texte span.st { font-size:8px;} .services_inclus a:hover span.iconmoon_lok,.services_inclus a:hover span.texte { color:#e4e4e4;} .services_inclus a[title~="Livraison"] span.iconmoon_lok { margin-right:10px;} /* Formule location*/ /* ------------------------------------------------------------------------------------------- */ .formules .choice p.name{font-weight:bold;font-size:18px;text-transform:uppercase;line-height:20px;margin-top:5px;text-align:left;color:#517f9b;} .formules .choice .engagement{font-size:13px;line-height:13px;margin-top:5px;text-align:left; color:#f27857;} .formules .choice .tarif{font-size:11px;line-height:19px;text-align:left;} .formules .padding-lf {color:#FFF; font-weight:bold;font-size:20px;height:60px;line-height:20px;margin:10px 0 28px 0;position:relative;text-align:center} .formules .padding-lf > div {background:#517f9b;} .formules .price1:before, .formules .price2:before, .formules .price3:before, .formules .price4:before, .formules .price5:before{content:'/MOIS';position:absolute;z-index:101;bottom:0;left:0;width:100%;font-size:10px;line-height:16px;color:#FFF;} .formules .price1:after{content:'Année 1';position:absolute;top:100%;left:0;width:100%;font-size:9px;color:#666;font-family:'Arial';line-height:20px} .formules .price2:after{content:'Année 2';position:absolute;top:100%;left:0;width:100%;font-size:9px;color:#666;font-family:'Arial';line-height:20px} .formules .price3:after{content:'Année 3';position:absolute;top:100%;left:0;width:100%;font-size:9px;color:#666;font-family:'Arial';line-height:20px} .formules .price4:after{content:'Année 4';position:absolute;top:100%;left:0;width:100%;font-size:9px;color:#666;font-family:'Arial';line-height:20px} .formules .price5:after{content:'Année 5';position:absolute;top:100%;left:0;width:100%;font-size:9px;color:#666;font-family:'Arial';line-height:20px} .formules sup{font-size:10px} .formules .echeancier-mobile3ans .price1 sup, .formules .choice-1 .echeancier-3ans .price1 sup, .formules .choice-2 .echeancier-lineaire3ans .price1 sup {font-size:11px;line-height:14px} .formules .echeancier-mobile3ans .price1, .formules .echeancier-3ans .price1, .formules .echeancier-lineaire3ans .price1 {position:absolute;z-index:100;bottom:0;left:0;width:32.66%;height:60px;padding-top:24px} .formules .echeancier-mobile3ans .price2, .formules .echeancier-3ans .price2, .formules .echeancier-lineaire3ans .price2 {position:absolute;bottom:0;left:33.66%;width:32.66%;height:52px;padding-top:17px} .formules .echeancier-mobile3ans .price3, .formules .echeancier-3ans .price3, .formules .echeancier-lineaire3ans .price3 {position:absolute;bottom:0;left:67.33%;width:32.66%;height:44px;padding-top:10px} .formules .echeancier-mobile4ans .price1, .formules .echeancier-4ans .price1, .formules .echeancier-lineaire4ans .price1 {position:absolute;z-index:100;bottom:0;left:0;width:24.25%;height:60px;padding-top:27px} .formules .echeancier-mobile4ans .price2, .formules .echeancier-4ans .price2, .formules .echeancier-lineaire4ans .price2 {position:absolute;bottom:0;left:25.24%;width:24.25%;height:54px;padding-top:20px} .formules .echeancier-mobile4ans .price3, .formules .echeancier-4ans .price3, .formules .echeancier-lineaire4ans .price3 {position:absolute;bottom:0;left:50.5%;width:24.25%;height:47px;padding-top:13px} .formules .echeancier-mobile4ans .price4, .formules .echeancier-4ans .price4, .formules .echeancier-lineaire4ans .price4 {position:absolute;bottom:0;left:75.75%;width:24.25%;height:40px;padding-top:6px} .formules .echeancier-mobile5ans .price1, .formules .echeancier-5ans .price1, .formules .echeancier-lineaire5ans .price1 {position:absolute;z-index:100;bottom:0;left:0;width:19.2%;height:60px;padding-top:27px} .formules .echeancier-mobile5ans .price2, .formules .echeancier-5ans .price2, .formules .echeancier-lineaire5ans .price2 {position:absolute;bottom:0;left:20.2%;width:19.2%;height:54px;padding-top:21px} .formules .echeancier-mobile5ans .price3, .formules .echeancier-5ans .price3, .formules .echeancier-lineaire5ans .price3 {position:absolute;bottom:0;left:40.4%;width:19.2%;height:48px;padding-top:15px} .formules .echeancier-mobile5ans .price4, .formules .echeancier-5ans .price4, .formules .echeancier-lineaire5ans .price4 {position:absolute;bottom:0;left:60.6%;width:19.2%;height:42px;padding-top:9px} .formules .echeancier-mobile5ans .price5, .formules .echeancier-5ans .price5, .formules .echeancier-lineaire5ans .price5 {position:absolute;bottom:0;left:80.8%;width:19.2%;height:36px;padding-top:3px} .formules .echeancier-lineaire3ans .price1, .formules .echeancier-lineaire3ans .price2, .formules .echeancier-lineaire3ans .price3 {height:44px;padding-top:10px} .formules .echeancier-lineaire4ans .price1, .formules .echeancier-lineaire4ans .price2, .formules .echeancier-lineaire4ans .price3, .formules .echeancier-lineaire4ans .price4 {height:40px;padding-top:6px} .formules .echeancier-lineaire5ans .price1, .formules .echeancier-lineaire5ans .price2, .formules .echeancier-lineaire5ans .price3, .formules .echeancier-lineaire5ans .price4, .formules .echeancier-lineaire5ans .price5 {height:36px;padding-top:3px} .formules .offreneuf .prix {font-family:'open_sansbold'; color:#f27857;margin-bottom: 5px;} .formules .offreneuf .prix .price { font-size:40px; display:inline-block; line-height:40px; margin-right:3px;} .formules .offreneuf .prix div { display: inline-block;} .formules .offreneuf .prix div sup{color:#f27857; font-size:17px;display:block;} .formules .offreneuf .prix div span.parmois { font-size:14px; display:block; color:#797979; font-family:'open_sansregular'; } .formules .offreneuf .premier-versement { font-family:'open_sanssemibold';color:#797979;font-size:10px;line-height:11px;clear:both;} .formules .offreneuf .premier-versement span { color:#f27857;} .formules .offreneuf .premier-versement sup {font-size:7px;} /* Popin LIGHTBOX*/ /* ------------------------------------------------------------------------------------------- */ #bg_fade{background:#000;width:100%;height:100%;left:0;top:0;position:fixed;visibility:hidden;z-index:100} #bg_popin{background:#000;width:100%;height:100%;left:0;top:0;position:fixed;z-index:10000001;opacity:0.5;filter:alpha(opacity=50)} .popindetechbox{position:absolute;top:0;left:0;background:#FFF;width:100%;color:#434343;z-index:9999;line-height:15px;display:none;overflow:auto} .popindetechbox .titre{font-size:16px;font-family:'open_sansbold';margin:0 0 20px 0;text-transform:uppercase;color:#79af10;text-align:center} .popindetechbox .btn a.refuser{font-size:12px;background:#9D9E9E;color:#FFF;line-height:14px;display:block;text-decoration:none;cursor:pointer;text-align:center;margin-top:15px;text-transform:uppercase;padding:10px 0} .popindetechbox .btn a.accepter{font-size:14px;background:#79AF10;color:#FFF;line-height:14px;text-align:center;display:block;text-decoration:none;text-align:center;margin-top:15px;margin-bottom:15px;text-transform:uppercase;padding:10px 0} /* Créer un compte*/ /* ------------------------------------------------------------------------------------------- */ .creation_compte_checkbox { margin-top:30px; margin-bottom:30px;} .creation_compte_checkbox:first-child { margin-top:10px;} .creation_compte_checkbox label:last-child {display: none !important;} .creation_compte_checkbox #is_subscribed_bon_plan {display: none !important;} .button-set .required { text-align:right; margin-bottom:10px;color:red;font-size:11px;} #progress-bar {height: 4px;border:1px solid #ccc;border-top : 0px;display : none;transition: width 500ms linear;} /* Account login page*/ /* ------------------------------------------------------------------------------------------- */ .create-account { padding-bottom:70px;} .create-account h2 {font-family: 'robotocondensed-regular', 'open_sansregular'; font-size: 50px; color: #517f9b; margin: 0 auto 1em auto; font-weight: 200; line-height: 1em; } .create-account .ligne_2 {font-family: 'open_sansregular', sans-serif; font-size: 23px; font-weight: bold; display: block;} .create-account .button-full-orange { margin:auto; margin-top:25px; display: block;} .create-account .borderL { padding-bottom:30px; border-bottom:solid 1px #e6e6e6;} .create-account .borderR { padding-top:30px;} .create-account .informations_cnil { margin-top:70px;} /* Account page contrat - Encart Aide*/ /* ------------------------------------------------------------------------------------------- */ .pcontrats-contrats-info .aide .contact a:hover:before{color:#AAC2A8} .pcontrats-contrats-info .aide .contact a:before{color:#FFF} .pcontrats-contrats-info .icon-tel_esthetiques, .pcontrats-contrats-info .icon-Email{font-size: 20px;margin-right: 10px;} .pcontrats-contrats-info .aide{background:#a2a298;padding:30px;} .pcontrats-contrats-info .aide h2{font-family: 'robotocondensed-regular', sans-serif;font-weight: 200;font-size: 1.8em;color:#FFF;text-align: center;} .pcontrats-contrats-info .aide p{color:#FFF;text-align: center;margin-bottom:20px;} .pcontrats-contrats-info .aide p.heure {margin-bottom:0; margin-top:5px;} .pcontrats-contrats-info .aide .contact .button-border-white{width:100%;} .pcontrats-contrats-info .aide .contact .button-border-white:hover{color:#a2a298} .pcontrats-contrats-info .aide .contact .heures{font-size: 12px;} .pcontrats-contrats-info .aide .contact .petit{font-size: 10px;} .pcontrats-contrats-info .aide .contact .button-border-white span.iconmoon_lok:before {color: #FFF;} .pcontrats-contrats-info .aide .contact .button-border-white:hover span.iconmoon_lok:before {color: #a2a298;} @media screen and (min-width: 64em) and (max-width: 1600px) { .pcontrats-contrats-info .aide .contact > .small-centered { width:80%;} } /* Page de déconnexion*/ /* ------------------------------------------------------------------------------------------- */ .deconnexion{margin:20px;} /* Page Confirmation de commande*/ /* ------------------------------------------------------------------------------------------- */ body.pcontrats-contrats-info #popinverte { display:none;} /* Homepage slider viewed products*/ /* ------------------------------------------------------------------------------------------- */ #slider .title {padding-left : 10px;} .slider .slick-list> div {margin-left:0;} .slider .slick-slide {margin: 0px 10px;transition: all ease-in-out .3s;} .slider .slick-slide img {width: 60%;margin : auto;} .slider .item{background-color : white;padding : 20px;text-align : center;height : 370px;position : relative;} .slider .item .formules{text-align : left;position : absolute;bottom : 20px;} .slider .item a{text-decoration : none;} .slider .item .a-partir-de{font-size : 9px;} .slider .item p{margin-top : 20px;margin-bottom : 10px;} .slider .slick-next:before{content:"\e9e6"; color:#fd5300; font-family: 'icomoon' !important; font-size:20px; font-style: bold; font-weight: normal; font-variant: normal; text-transform: none;cursor:pointer; } .slider .slick-prev:before{content:"\e9e6"; color:#fd5300; font-family: 'icomoon' !important; font-size:20px; font-style: bold; font-weight: normal; font-variant: normal; text-transform: none;cursor:pointer; } .slider .slick-prev{transform: translate(0, -50%) rotate(180deg);left:-15px;} .slider .slick-next{right:-15px;} .slider .slick-arrow {display:block;z-index : 999;border-radius : 50px;border : solid 1px #fd5300;height : 50px;width : 50px;} .slider .image{position: relative;} .slider .odr{position: absolute;text-align: center;background: #f37857;font-size: 12px;right: -25px;bottom: 40px;} .slider .odr .offrerbt .icon-Porte-voix {font-size: 13px;margin-right:5px;text-decoration: none;} .slider .odr .offrerbt .icon-Porte-voix::before{color:#ffffff;} #page_contenu_2021 .slider .odr p{margin-bottom: 3px;} .slider .odr .offrerbt{color:#ffffff;margin:3px;} .slider .odr .montant{text-decoration: underline;} /* viewed products fiches produits et pages listes*/ /* ------------------------------------------------------------------------------------------- */ #viewed_products .premier-versement{font-size:10px;} #viewed_products .titre{padding-left:15px;color: #f27857;font-family: 'robotocondensed-regular';font-size: 30px;text-transform: capitalize;margin: 0;font-weight: normal;} #viewed_products .slick-arrow {top:50%;} @media screen and (max-width: 40em){#viewed_products .titre{padding-top:30px;}} #viewed_products .slick-slide{border : 1px solid #c9cec4;box-sizing: border-box;margin:0px 15px;} #viewed_products #recently-viewed-items{margin-top:15px;margin-bottom:70px;} #viewed_products .slick-arrow{background:#FFF;} #viewed_products .slick-next{right:-10px;} #viewed_products .slick-prev{left:-10px;} #viewed_products .slick-disabled{border-color:#c9cec4;} #viewed_products .slider .slick-arrow.slick-disabled:before{opacity:1;color:#c9cec4;} /* Appareil neuf/reconditionné */ div.label-condition { color: #ffffff; font-weight: bold; border-radius: 15px; display: table; font-size: 13px; font-family: "open_sansregular"; line-height: 30px; padding: 0 10px; margin-bottom: 5px; } div.label-condition.new { background-color: #797979; } div.label-condition.reconditioned { background-color: #67B290; } body.catalog-category-view div.label-condition { line-height: 23px; font-size: 11px; } .loaderbackground { position : fixed; z-index: 9999; top : 0px; left : 0px; background-color: #000000; opacity: 50%; height : 100%; width : 100%; cursor : wait; } .loaderimage { position : fixed; z-index: 9999; background : url('/media/loading_b.gif') no-repeat; top : calc(50% - 100px); left : calc(50% - 100px); height: 200px; background-size: contain; width: 200px; } /* Media query [tablette & smartphone]*/ /* ------------------------------------------------------------------------------------------- */ @media screen and (max-width:400px){ .header .header-top #logo {height: 55px; display: table;} .header .header-top #logo img { margin-left:42px!important;max-width: 86%;} .header .header-top .header_lien_concept > ul > li { font-size:12px; padding: 3px 5px;} .header .header-top #logo a { display: table-cell; vertical-align: middle;} .header .header-top #logo .toggle-menu:before { top:13px;} } /* Media query [tablette & smartphone]*/ /* ------------------------------------------------------------------------------------------- */ @media screen and (max-width:63.9375em){ .header .header-top #logo img { margin-left:50px;} .header .header-top .header_block svg {fill:#797979;} .content_modal > .columns {padding: 0;} /*Bandeau cookies*/ #layer_cookies_publicitaires p, #layer_cookies_detechbox p { padding-right:55px; text-align:left;} #layer_cookies_publicitaires #cookies_pub_accept, #layer_cookies_detechbox .accepter{ position:absolute;text-decoration: none;} #layer_cookies_publicitaires #cookies_pub_accept .close-button, #layer_cookies_detechbox .accepter .close-button{ border-radius:50%;cursor:pointer;background-color:#f27857; font-size: 40px;} /* Navigation */ #univers1 #nav2, #univers1 .subCat{transition:transform 0.5s;} #univers1 #nav2 > li > p > a{text-decoration: none;} /* Account login page */ .create-account {width:95%;} /* Sitemap */ .catalog-seo-sitemap-product .page-sitemap ul.sitemap{margin-bottom:30px;} } /* Media query [tablette]*/ /* ------------------------------------------------------------------------------------------- */ @media screen and (min-width:40em){ body{padding-top:60px} .iconmoon_lok { font-size:50px;} .header {height:60px;} .header .header-top .header_lien_concept > ul > li:before { top:57px;} .header .header-top .header_lien_concept ul li ul {top:60px;} /* Header */ .header .header-top #logo img { height: 60px; padding: 10px 0;} .header .header-top .header_block { height: 60px;} .header .header-top .header_block svg { height:60px; width:60px; padding:13px; fill:#797979;} .header .header-top .header_block:hover svg {fill:#f27857;} .header .header-top .header_block .icomoon.icon-check{left:31px; bottom: 8px;} /* .header .header-top .header_block:hover svg { height: 67px; } */ .header .header-top .header_lien_concept { right:120px;} .header .header-top .header_lien_concept > ul > li { line-height:18px;padding: 3px 20px; height:60px; font-size: 14px;} .header .header-top .header_lien_concept ul li ul { width:275px;} .header .header-top .header_lien_concept ul li ul li { line-height:20px;} .header .header-top .header_lien_concept ul li ul li a{ padding: 10px 30px;} /* Footer */ .footer-container .footer .contact-client p {text-align:left;} .footer-container .footer .paiement .texte .paiement-securise {text-align: initial;} .footer-container .footer .paiement .texte .filiale {text-align: right;} .footer-container .footer .paiement .texte .filiale img {float: right;} .footer-container .footer .contact-client .reseaux-sociaux div {float:right;} .footer-container .footer .contact-client .texte .newsletter {padding-right:0;} .footer-container .footer .contact-client .reseaux-sociaux {padding-left:0;} .footer-container .footer .texture-papier .services { padding: 30px 0px 20px 0px;} /* Data-table */ table.data-table thead tr{display:table-row} table.data-table thead tr th{background:#434343;border:1px solid #434343;color:#FFF;font-size:14px;font-weight:bold;height:30px;padding:0 10px;text-align:left;vertical-align:middle;white-space:nowrap} table.data-table thead tr th span{font-size:10px;line-height:10px} table.data-table tbody tr{border:0 none} table.data-table tbody tr td{display:table-cell;border-left:1px solid #D9DDE3;border-bottom:1px solid #E6E6E6;padding:10px} table.data-table tfoot tr{border:0 none} table.data-table tfoot tr td{display:table-cell;border-left:1px solid #D9DDE3;border-bottom:1px solid #E6E6E6;padding:10px} /* Services inclus */ .services_inclus .visuel a{display:block;padding:0 5%} /* Account login page */ .create-account .borderL { border-right:solid 1px #e6e6e6; padding-right:31px; border-bottom:0;} .create-account .borderR { padding-left:0px; padding-top:0;} /* Navigation et moteur de recherche*/ #univers1.layer{top:119px;} #main { top: 59px;} .footer-container {margin-top:59px;} #search_mini_form {top: 60px;} } /* Bandeaux cookies*/ /* ------------------------------------------------------------------------------------------- */ @media screen and (min-width: 64em) and (max-width: 1380px) { #layer_cookies_detechbox p{ margin-right:100px; text-align:left;} #layer_cookies_detechbox .accepter{ margin-left: 30px; position:absolute;} #search_mini_form { left: 220px!important;} } @media screen and (max-height: 755px) { #univers1.full #nav2 > li .sub.row{overflow: hidden;overflow-y: scroll;} } @media screen and (min-width: 64em){ #layer_cookies_publicitaires p { margin-right:110px; text-align:left;} #layer_cookies_publicitaires #cookies_pub_accept { margin-left: 30px; position:absolute;} } @media screen and (min-width:1024px) and (max-width:1400px){ #layer_cookies_publicitaires {width: calc(100% - 210px)!important;} } /* Media query [desktop]*/ /* ------------------------------------------------------------------------------------------- */ @media screen and (min-width:64em){ body{padding-top:60px;} .breadcrumbs-scroll { margin-top:30px;} .iconmoon_lok { font-size:45px;} /* Tooltip */ .ui-tooltip{display:none !important} /* Bandeau cookies */ #layer_cookies_publicitaires, #layer_cookies_detechbox { top:0;} #layer_cookies_publicitaires {width: calc(100% - 280px); left: initial!important;} #layer_cookies_detechbox .accepter{ margin: 0 0 0 10px;} /* Header */ .header{z-index:9999991;top:0; left:0; right:0; width:100%;height:60px;} .header .header-top #logo {padding-left:25px;} .header .header-top #cartlayer.header_block { background: #f27857; height: 60px;} .header .header-top #cartlayer.header_block .titre-icon { color:#ffffff;} .header .header-top #cartlayer.header_block svg path { fill:#ffffff;} .header .header-top #cartlayer.header_block:hover:before{ border-bottom: solid 3px #b55a42;} .header .quick-access{display:block} .header .header-top .header_block { height: 60px;} .header .header-top .header_block svg { height:40px; width:50px; padding:0px; padding-top: 10px;} .header .header-top .header_lien_concept { position:relative; right:0;} .header .header-top .header_lien_concept > ul > li { padding: 3px 20px; height: 60px;} .header .header-top .header_lien_concept > ul > li:before { top:58px;} .header .header-top .header_lien_concept ul li ul { position:absolute; top:60px; right:0px; width: 285px;} .header .header-top .header_lien_concept ul li ul li {line-height:20px;} /* .header .header-top .header_block:hover svg { height:50px; padding-bottom: 0;} */ .header .header-top .header_block .count-cart {background:#ffffff; color:#f27857;} /* Moteur de recherche*/ .header .header-top #logo { position:relative;} #main { top:0;} .footer-container {margin-top:0;} #search_mini_form { top:0; left: 270px;} /*Footer*/ .footer-container .footer .texture-papier .services .icon-service .iconmoon_lok { margin-bottom:10px;font-size:50px;} /* Navigation */ #main {min-height: calc(100vh - 60px); width:calc(100% - 280px);} #univers1.full{ position:absolute; float:left; bottom:0; top:0; z-index:999999; width:280px} /*#univers1.full .sticky { position:sticky; z-index:9998; top:60px; height:calc(100vh - 60px);background: #f1f1f1; border-right: 1px solid #E2E2E2;}*/ #univers1.full .sticky {position:fixed;width:280px;position:-webkit-sticky;position:sticky; z-index:9998; top:60px; height:calc(100vh - 60px);background: #F9F9F9; border-right: 1px solid #edecec;} #univers1.full .navigation{z-index:102;} #univers1.full #nav2 {margin-top:15px;} #univers1.full #nav2 > li p:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #edecec; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;} #univers1.full #nav2 > li.actif p:before , #univers1.full #nav2 > li:hover:before {background-color:#edecec; border-right: solid 5px #f27857; -webkit-transform: scaleX(1); transform: scaleX(1);} #univers1.full #nav2 > li p{ line-height: 52px; border-bottom:solid 1px #ffffff0f; padding-left:25px;z-index:1;display:block;transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent;-webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.2s; transition-duration: 0.2s;cursor:pointer;margin:0; } #univers1.full #nav2 > li .sub.row{height: calc(100vh - 60px);position:absolute;left: calc(100% + 1px);top:0; bottom:0; padding:40px 26px;display:none;background-color:#ffffff;width:800px;margin:-20px 0 0 0; border-right:solid 1px #dcdcdc;} #univers1.full #nav2 > li .sub ul li.cat{ float:left;width:33%;margin-bottom:40px;overflow:hidden;display:block;height:auto;text-align:left;padding-left: 15px;} #univers1.full #nav2 > li .sub ul li.cat--clear {clear:both;} #univers1.full #nav2 > li .sub ul li.cat a{display:block;color:#797979;font-size:13px;text-decoration:underline;text-transform:none;cursor:pointer} #univers1.full #nav2 > li .sub ul li.cat a.gros{font-size:17px;cursor:pointer;text-decoration:none;font-family: 'robotocondensed-regular'; } #univers1.full #nav2 > li .sub ul li.cat a.tousles{color:#f27857;font-size:11px} #univers1.full #nav2 > li .sub ul li.cat ul{padding:0;position:static;width:auto;height:auto;} #univers1.full #nav2 > li .sub ul li.cat ul li{text-transform:none;color:#797979;background:url(../images/puce.gif) no-repeat left 7px;text-align:left;margin:0} #univers1.full #nav2 > li .sub ul li.cat ul li a{text-decoration:none;color:#797979;padding-left:7px;cursor:pointer} #univers1.full #nav2 > li .sub ul li.cat ul li a:hover{text-decoration:underline} #univers1.full #nav2 > li > p > a {position: inherit;top:0;bottom:0;left:0;right:0;text-decoration: none;} #univers1 .backToHome, #univers1 .backToCat { display:none;} @media screen and (max-width:1400px){ #main {width:calc(100% - 210px);} #univers1.full{ width:210px} #univers1.full .sticky {width:210px;} } /*Bloc produit layer menu*/ #univers1.full .row > .subCat { min-height: calc(100vh - 350px);} #univers1.full .row > .push.show-for-large {padding:0px 15px; margin-top:40px;} /* Reassurance */ /* #univers1 .navigation_reassurance {position:absolute; bottom:0; width:100%; background: #fff; padding-bottom:20px;margin-top: 100px;} */ /* #univers1 .navigation_reassurance iframe { margin:auto; margin-top:10px; max-width: 100%;} */ /* #univers1 .navigation_reassurance .icon{ padding:0 15px; margin-bottom:15px;max-width: 280px; margin: auto;} */ /* #univers1 .navigation_reassurance .icon a { text-decoration:none;} */ /* #univers1 .navigation_reassurance .icon .iconmoon_lok { padding:0 5px; color:#ffffff;font-size: 60px;text-align: center; display: inline-block;width: 100%;} */ /* #univers1 .navigation_reassurance .besoin_aide .iconmoon_lok{ padding:0 10px; color:#ffffff;} */ /* #univers1 .navigation_reassurance .besoin_aide {position:relative; margin-bottom:20px; background:#fff; height:65px;cursor:pointer; transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent;-webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.2s; transition-duration: 0.2s;} */ /* #univers1 .navigation_reassurance .besoin_aide .buttom { padding: 0px 20px; display: table;height: 70px;} */ /* #univers1 .navigation_reassurance .besoin_aide .buttom .iconmoon_lok { float:left;margin-top: 2px;font-size: 60px;padding-left: 0;} */ /* #univers1 .navigation_reassurance .besoin_aide .buttom p { font-family: 'gunny_rewrittenregular'; color:#ffffff; font-size:25px; line-height: 20px; display: table-cell; line-height: 20px; vertical-align: middle;} */ #univers1.full #nav2 > li.velo.actif p:before {visibility: hidden!important;} #univers1.full #nav2 > li.velo.actif:hover p:before {visibility: visible!important;} #univers1 .navigation_reassurance .besoin_aide:hover .besoin_aide_content {display:block!important; background:#ffffff; cursor: initial; position:absolute; left: calc(100% + 1px); width: 500px; top:0; -webkit-box-shadow:0 3px 7px rgba(0,0,0,0.15);-moz-box-shadow:0 3px 7px rgba(0,0,0,0.15);box-shadow:0 3px 7px rgba(0,0,0,0.15);} #univers1 .navigation_reassurance .besoin_aide .besoin_aide_content .besoin_aide_content_texte { padding:25px;} #univers1 .navigation_reassurance .besoin_aide .besoin_aide_content .besoin_aide_content_texte a { color:#f27857; text-decoration:none;} #univers1 .navigation_reassurance .besoin_aide .besoin_aide_content .besoin_aide_content_texte a[href] { text-decoration:underline;} #univers1 .navigation_reassurance .besoin_aide .besoin_aide_content .besoin_aide_content_texte span {font-size:11px; color:#9a9a9a;} #univers1 .navigation_reassurance .besoin_aide .besoin_aide_content .besoin_aide_content_texte p { margin-bottom:10px;} #univers1 .navigation_reassurance .besoin_aide .besoin_aide_content .besoin_aide_content_texte p:last-child { margin-bottom:0;} #univers1 .navigation_reassurance .besoin_aide .besoin_aide_content .besoin_aide_content_rs { background:#f27857; position: absolute; top: 0; bottom: 0; right:0; padding-top:15px; padding-bottom:15px;} #univers1 .navigation_reassurance .besoin_aide .besoin_aide_content .besoin_aide_content_rs .iconmoon_lok { padding:0; font-size:40px; text-align: center; display: block; margin-bottom:15px;} #univers1 .navigation_reassurance .besoin_aide .besoin_aide_content .besoin_aide_content_rs a { text-decoration:none; color:#ffffff;} #univers1 .navigation_reassurance .besoin_aide .besoin_aide_content .besoin_aide_content_rs a:hover .iconmoon_lok {color:#e4e4e4;} #univers1 .navigation_reassurance .besoin_aide:last-child {position:relative;} #univers1 .navigation_reassurance .besoin_aide .buttom2 > p > a:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;} #univers1 .navigation_reassurance .besoin_aide .buttom2 > p > a:hover:before {background: #edecec; border-right: solid 5px #f27857; -webkit-transform: scaleX(1); transform: scaleX(1);} #univers1 .navigation_reassurance .besoin_aide > div > p > a{line-height: 52px;padding-left:25px;} #univers1 .navigation_reassurance:before {width:82%;} /*Popin Kiamo*/ #popin_kiamo .content_modal .popin_kiamo_left .faq, #popin_kiamo .content_modal #kiamo-form-holder > div { padding: 30px;} /* Accroche Marketing */ .accroche.eco-r {color: #67B290!important;} .accroche.eco-r::before{content:"";font-family: 'icomoon_dedie_lokeo'!important;color: #67B290;font-size: 20px;margin-right: 5px;} /* Services inclus */ .services_inclus{text-align:left} .services_inclus .item { margin: 5px 8px; } .services_inclus .visuel a{display:block} .services_inclus .visuel a img{display:block;width:80%;max-width:60px;margin:0 auto} .services_inclus .text{color:#434343;text-align:center;padding-bottom:12px; line-height: 20px;} .services_inclus .text a{color:#434343;text-decoration:none;text-transform:uppercase} .services_inclus .text .st {font-size: 9px; line-height: 10px; text-transform: initial;display: block;} /* Account login page */ .create-account .borderL { border-right:solid 1px #e6e6e6; padding-right:45px; border-bottom:0;} .create-account .borderR { padding-left:14px;} /* slider viewed products hompepage*/ .slider .slick-prev{transform: translate(0, -50%) rotate(180deg);left:-25px;} .slider .slick-next{right:-25px;} } /*MENU*/ #univers1 #nav2 > li p { line-height:50px!important;} #univers1 .navigation_reassurance .besoin_aide:first-child .buttom2 > p > a { line-height:45px!important;} #univers1 .navigation_reassurance { margin-top:13px;} #univers1.layer #nav2 > li .sub, #univers1.layer .navigation {overflow-y: scroll; padding-bottom: 130px;} @media (max-height:655px){ #univers1.full .navigation_reassurance.trustpilot-widget { position:relative!important; margin-top: 30px;} #univers1.full .sticky { overflow-y:scroll;} } /* Gestion des ancres et menu fixe*/ /* ------------------------------------------------------------------------------------------- */ a[name="description"]:target, a[name="fichetechnique"]:target{padding-top:55px} @media screen and (min-width:40em){a[name="description"]:target, a[name="fichetechnique"]:target{padding-top:90px}} @media screen and (min-width:64em){a[name="description"]:target, a[name="fichetechnique"]:target{padding-top:0}} /*Services inclus*/ .services_inclus {margin: 5px 0;} .services_inclus>div {text-align: center!important;font-size: 51px!important;} .services_inclus .item {margin: 0px;} @media (max-width:1800px) { .category-head.backimg .services_inclus span.iconmoon_lok {display: block;} .services_inclus span.texte {text-align: center;display: block;} } @media (max-width:1120px) { .services_inclus a span.texte {display: none;visibility: hidden;} } .slimpay-iframe { padding: 100px; }