Gagnez un robot de cuisine Magimix !

/* ----------------------------------------- */ /* Vue : slider vue Echantillons : début */ /* ----------------------------------------- */ .slider-derniers-echantillons { width : 100%; /*background : #f0f0f0;*/ background : #f0f0f0; height: 250px; } .slider-derniers-echantillons .bx-wrapper { width : 100%; display : block; padding : 0px 50px; margin-bottom: 0px; -moz-box-shadow: none ; -webkit-box-shadow: none; box-shadow: none; border: 0px; background: transparent; } .slider-derniers-echantillons .bx-wrapper img { max-width:100%; display:block } .bxslider { margin:0; padding:0 } ul.bxslider { list-style:none } .bx-viewport { -webkit-transform:translatez(0) width: 100%; overflow: hidden; position: relative; margin-top: 15px; margin-bottom: -15px; } .bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager { position:absolute; bottom:-30px; width:100% } .bx-wrapper .bx-loading { min-height:50px; background:url(images/bx_loader.gif) center center no-repeat #fff; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000 } .bx-wrapper .bx-pager { text-align:center; font-size:.85em; font-family:Arial; font-weight:700; color:#666; padding-top:20px } .bx-wrapper .bx-pager.bx-default-pager a { background:#666; text-indent:-9999px; display:block; width:10px; height:10px; margin:0 5px; outline:0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px } .bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus,.bx-wrapper .bx-pager.bx-default-pager a:hover { background:#000 } .bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager-item { display:inline-block; vertical-align:bottom } .bx-wrapper .bx-pager-item { font-size:0; line-height:0 } .bx-wrapper .bx-prev { left:10px; background:url(images/controls.png) 0 -32px no-repeat } .bx-wrapper .bx-prev:focus,.bx-wrapper .bx-prev:hover{ background-position:0 0 } .bx-wrapper .bx-next { right:10px; background:url(images/controls.png) -43px -32px no-repeat } .bx-wrapper .bx-next:focus,.bx-wrapper .bx-next:hover { background-position:-43px 0 } .bx-wrapper .bx-controls-direction a { position:absolute; top:50%; margin-top:-16px; outline:0; width:32px; height:32px; text-indent:-9999px; z-index:9999 } .bx-wrapper .bx-controls-direction a.disabled { display:none } .bx-wrapper .bx-controls-auto { text-align:center } .bx-wrapper .bx-controls-auto .bx-start { display:block; text-indent:-9999px; width:10px; height:11px; outline:0; background:url(images/controls.png) -86px -11px no-repeat;margin:0 3px } .bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus,.bx-wrapper .bx-controls-auto .bx-start:hover { background-position:-86px 0 } .bx-wrapper .bx-controls-auto .bx-stop { display:block; text-indent:-9999px; width:9px; height:11px; outline:0; background:url(images/controls.png) -86px -44px no-repeat;margin:0 3px } .bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus,.bx-wrapper .bx-controls-auto .bx-stop:hover { background-position:-86px -33px } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align:left; width:80% } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right:0; width:35px } .bx-wrapper .bx-caption { position:absolute; bottom:0; left:0; background:#666; background:rgba(80,80,80,.75); width:100% } .bx-wrapper .bx-caption span { color:#fff; font-family:Arial; display:block; font-size:.85em; padding:10px } /* ----------------------------------------- */ /* Vue : slider vue Echantillons : fin */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Modèle de contenu : Slider – FID – Popup display - démarrer */ /* ----------------------------------------- */ .os-offer-slider-popup-display { width : 260px; height: 320px; } .os-offer-slider-popup-display h3{ width : 100%; display: block; font-family: 'Comfortaa', sans-serif; font-size: 17px; background-color: #fa5e09; color: white; margin: 0px !important; padding-left: 12px; padding-right: 12px; padding-top: 5px; padding-bottom: 5px; text-align : center; vertical-align : middle; display: table-cell; height : 65px; overflow : hidden; } .os-offer-slider-popup-display h3{ width : 100%; } .os-offer-slider-popup-display .btn.os-yes-button{ text-decoration: none; color: white; width:100%; margin-top: 0px; background: #fa5e09!important; border-radius: 0px !important; border: 0px !important; color: #fff; font-family: 'Comfortaa', sans-serif; } /* ----------------------------------------- */ /* Modèle de contenu : Slider – FID – Popup display - terminer */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Modèle de contenu : Slider – CONQ – Display P2 bis - démarrer */ /* ----------------------------------------- */ .os-offer-slider-p2-conq { width : 260px; height: 450px } .os-offer-slider-p2-conq h3{ width : 100%; display: block; font-family: 'Comfortaa', sans-serif; font-size: 15px !important; background-color: #f2b48d; color: white; margin: 0px !important; padding-left: 12px; padding-right: 12px; padding-top: 5px; padding-bottom: 5px; text-align : center; vertical-align : middle; display: table-cell; height : 65px; overflow : hidden; } .os-offer-slider-p2-conq h3{ width : 100%; } .os-offer-slider-p2-conq .btn.os-yes-button{ text-decoration: none; color: white; width:100%; margin-top: 0px; background: #FA5E09!important; border-radius: 0px !important; border: 0px !important; color: #fff; font-family: 'Comfortaa', sans-serif; font-size: 15px !important; } /* ----------------------------------------- */ /* Modèle de contenu : Slider – CONQ – Display P2 bis - terminer */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Modèle de contenu : Loop item in slider derniers echantillons - démarrer */ /* ----------------------------------------- */ .loop-item-in-slider-derniers-echantillons { width : 200px; background : #f0d5b9; } .loop-item-in-slider-derniers-echantillons a, .loop-item-in-slider-derniers-echantillons a:hover { text-decoration : none; } .loop-item-in-slider-derniers-echantillons h3 { height : 70px; font-size : 14px; color : #000; text-align: center; margin: 0px 5px 0px 5px; padding : 5px; } .loop-item-in-slider-derniers-echantillons button, .loop-item-in-slider-derniers-echantillons button:hover { width : 160px; margin : auto; display : block; background : #FF8300; border: 0px; font-size : 12px; } /* ----------------------------------------- */ /* Modèle de contenu : Loop item in slider derniers echantillons - terminer */ /* ----------------------------------------- */