@media only screen and (min-width : 1200px) and (max-width : 1800px) { .container{width: 1200px} #topthemes .colonnehome.col2 .titreflip .bottomtitle {width: 30%;} #topthemes .colonnehome.col3 .big .titreflip .bottomtitle {width: 85%;} #topthemes .colonnehome.col4 > div:first-child .titreflip .bottomtitle {width: 54%;} #topthemes .colonnehome.col4 > div:last-child .titreflip .bottomtitle {width: 44%;} #topthemes .colonnehome.col5 > div:first-child .titreflip .bottomtitle {width: 44%;} #topthemes .colonnehome.col5 > div:last-child .titreflip .bottomtitle {width: 56%;} #topinformations #imagecategorie {bottom: -45px;left: 500px;} #topinformations .bottom img {width: 100%;} #page-comment-vendre .static_page_info .comment-vendre-header-title, #page-processus-achat .static_page_info .comment-vendre-header-title {font-size: 49px;} #homeslider .slide span {bottom: 360px;} /*#reassurancefooter img{height: 100%;}*/ #newsletter.mini .inscription h3 {margin-left:0px;} #newsletter .top h3 {font-size: 31px; left: -54px;} #topinformations .top {height: 205px;} #topinformations .top .titre {bottom:0px;} #topinformations .top .titre .univers {top: -40px;font-size: 30px;} #topinformations .top .titre h1 {font-size: 68px; line-height: 54px;} #topinformations .top .titre h2 {font-size: 36px;margin-top: 10px;} #containertopbanner .infosCreateurs {font-size: 40px;} .espacevendeur .main .topmenuelem#histo_commande > div:first-child {width: 50%;} .espacevendeur .main .topmenuelem#catalogue_vente > div:first-child {width: 65%;} #topinformations #backgrndfournisseur {heig!ht: 280px; pos!ition: absolute; right: 0px; top: 60px; background-color: #fff;z-index: 1;} #topinformations #descriptionvendeur {font-size: 17px; font-family: 'Lora', serif; padding-top: 10px;} #topinformations #placement {height: 300px;} } @media only screen and (min-width : 1024px) and (max-width : 1200px) { .container{width: 1024px} /*ACCUEIL*/ .colonnehome .big .titreflip .bottomtitle {width: 60%;font-size: 80px;line-height: 44px;bottom: 0px;} #topthemes .colonnehome.col2 .titreflip .bottomtitle {width: 35%; line-height: 25px;} .colonnehome.col3 .big .titreflip .bottomtitle {line-height: 46px;width: 70%;font-size: 70px;} #topthemes .colonnehome.col4 > div:first-child .titreflip .bottomtitle {width: 54%;line-height: 30px;} #topthemes .colonnehome.col4 > div:last-child .titreflip .bottomtitle {width: 44%;font-size: 30px;line-height: 22px;} #topthemes .colonnehome.col5 > div:first-child .titreflip .bottomtitle {width: 40%;font-size: 30px;line-height: 24px;} #topthemes .colonnehome.col5 > div:last-child .titreflip .bottomtitle {font-size: 30px;line-height: 24px;} #newsletter #prevenir .input-group-btn {width: 15%;} #newsletter #prevenirsubmit {padding: 0!important;} /*ESPACE VENDEUR*/ #espacevendeur-catalogue-edition #mainphoto-edition .fileupload .ajout_image, #espacevendeur-catalogue-edition #mainphoto-edition .fileupload .supprime_image {font-size: 11px; padding: 6px 8px;} #bottompictoheader > div > div:not(:first-child){margin-left: 6.5%} #miniheader .infosuser {display: inline-flex;} .rechercheheader input[name="search"] {width: 178px;} #miniheader .container a {font-size: 11px;} .espacevendeur .main .topmenuelem#catalogue_vente > div:first-child {width: 59%;} .espacevendeur .main .topmenuelem#histo_commande > div:first-child {width: 55%;} .espacevendeur .main .topmenuelem#histo_commande > div:nth-child(2) {width:160px; font-size: 12px;} .inputbg .btn.btn-danger {font-size: 14px;} /* PAGES DE BOUTIQUES */ #topinformations .top {height: 185px;} #topinformations .top .titre .univers {top: -38px; font-size: 30px;} #topinformations .top .titre h1 {font-size: 65px; line-height: 55px;} #topinformations .top .titre h2 {font-size: 25px; margin-top: 20px;} #topinformations .top.little .titre {bottom:-18px;} #topinformations #fournisseurdetail h1 {font-size: 55px;} #topinformations #backgrndfournisseur {hei!ght: 250px; pos!ition: absolute; right: 0px; top: 44px; background-color: #fff;z-index: 1;} #topinformations #descriptionvendeur {font-size: 15px; font-family: 'Lora', serif; padding-top: 10px;} #topinformations #placement {height: 300px;} #containertopbanner .infosCreateurs {font-size: 40px;} /*PAGE CONNEXION INSCRIPTION*/ .inputbg.bg-danger.valider .btn {font-size: 13px;} /*PAGE BOUTIQUES*/ #searcharea .input-group {width: 95%;} #searcharea input {width: 70%;} /*REASSURANCE FOOTER*/ #reassurancefooter {padding: 15px 0;} #reassurancefooter img {height: 100%;} /* PAGE BONS PLANS*/ #topinformations .top.little .titre h1 {font-size: 55px;} /*PAGE MARQUES*/ #product-listing #listing-marques .brand-group a {font-size: 12px;} /*NEWSLETTER*/ #newsletter .bottom {padding: 60px 0 40px;} #newsletter .boutons .btn:first-child, #newslettermini .boutons .btn:first-child { margin-right: 15px; } #newsletter #prevenir > #prevenirbox {background: #fff;} #newsletterinvitation .bottom {padding: 0px 0 20px;} /*#fournisseurs-listing*/ #newsletter.mini #prevenir > #prevenirbox {width: 53%;} /*#fournisseurs-listing*/ #newsletter.mini .inscription h3 {margin-left: 0px; font-size: 15px;} /*#fournisseurs-listing*/ #newsletterinvitation .top h3 {font-size: 31px;} /*#fournisseurs-listing*/ #newsletter .inscription h3 {font-size: 15px;} /*#fournisseurs-listing*/ #newsletter .btn, #newslettermini .btn {padding: 9px 5px; width: 47%;} /*SLIDER TOP PRODUCT*/ #listing-products .item .item-marque { overflow: hidden;} #listing-products .item .item-photo .addtowishlist, #fournisseurs-listing .item .item-photo .addtowishlist_vendeur {right: 15px;} /*PAGE D'ACCUEIL*/ #homeslider .slide span {bottom: 300px;} #homeslider .slide h2.subtitlehome {top: 320px;} .titreflip .back .content {font-size: 9px;} .static_page_info .hublot{width: 150px; height: 150px} .static_page_info .hublot > div{font-size: 70px; height: 105px} .static_page_info .contenu.withbackground img{max-width: 100%} .static_page_info .corde{display: none} .static_page_info .contenu.withbackground{top:20px;padding-bottom: 120px} .static_page_info .hublot.num3 ,.static_page_info .hublot.num3 + div{margin-top: 40px} #newsletter > div > a > div:last-child{width: 280px} #product-detail #infovente > div:first-child ul.nav{margin-bottom: 20px; min-width: 473px; left:-26%; position: relative; padding-bottom: 0} #menu li a {font-size: 12px;letter-spacing: 2px;} #menu > .container > div {width: 30%;} /*PAGE CREATEUR / BOUTIQUE*/ #fournisseursbanner {padding-bottom: 130px;} } @media only screen and (min-width : 426px) and (max-width : 767px) { #bottompictoheader > div > div:not(:first-child){margin-left: 0!important} #bottompictoheader > div > div{width: 20%} /*footer*/ #footer .row > div:first-child{text-align: center;} #footer .logo {max-width: 150px; margin-top:0 ; position: relative; display: inline } #footer .logo + ul {display: inline-block; padding-left:50px; } #footer ul li{display: none} #footer .logo + ul li{display: inline; } #footer h3 { border-top: 1px solid #c5c5c5; text-align: center; padding:5px; padding-top: 10px; margin:0;} #footer #cgv {text-align: center; left:0;} #footer .row{border:0;} #footer .row > div:last-child{float:none!important;} #footer .row > div:last-child ul li{display: none!important; width: auto!important} #page-informations #header.small .searchform .col-md-5, #contact #header.small .searchform .col-md-5, #page-comment-vendre #header.small .searchform .col-md-5, #page-preparer-livraisons #header.small .searchform .col-md-5, #page-processus-achat #header.small .searchform .col-md-5, #page-processus-achat #header.small .searchform .col-md-5, #page-vendre #header.small .searchform .col-md-5 { float: left;width: 37.5%;} #page-informations #header.small .searchform .col-md-2, #contact #header.small .searchform .col-md-2, #page-comment-vendre #header.small .searchform .col-md-2, #page-preparer-livraisons #header.small .searchform .col-md-2, #page-processus-achat #header.small .searchform .col-md-2, #page-processus-achat #header.small .searchform .col-md-2, #page-vendre #header.small .searchform .col-md-2 { float: left; width: 25%;} #page-informations #header.small .searchform .hidden, #contact #header.small .searchform .hidden, #page-comment-vendre #header.small .searchform .hidden, #page-preparer-livraisons #header.small .searchform .hidden, #page-processus-achat #header.small .searchform .hidden, #page-processus-achat #header.small .searchform .hidden, #page-vendre #header.small .searchform .hidden{ display: none!important} #topthemes .title { color: #212c60; text-transform: uppercase; font-size: 28px; background-color: #fff; padding: 5px 15px; margin: 50px -5px 35px -5px; line-height: 1.1; box-shadow: 4px 4px 2px -1px #DDD; } #topthemes .title span { color: #19bcdc; font-size: 28px;} #topthemes .col-md-4{width: 33.3333%} #reassurancefooter .col-md-3 {margin-bottom: 20px;} #reassurancefooter img {width: 30px; object-fit: contain;} /*menu*/ #miniheader {border:0; width: 100%;} #topmenubar > .pull-left {float: none !important;text-align: center;} #topmenubar > .pull-right {float: none !important;text-align: center;} #miniheader .minilogo {display: none;} #miniheader .visible-xs .minilogo{ margin-left: 20px; display: inline; float:left; max-width: 105px; margin-top: -5px;} #miniheader .container {padding:10px; padding-top: 1px;padding-bottom: 5px;} #miniheader-placeholder{height: 64px; } #miniheader label {float:left;} #miniheader .fa-bars {color:inherit;font-size: 28px; color: #000} #miniheader .title {font-size: 18px; float: left;margin-bottom: 0; text-transform: uppercase;} #miniheader .title span{font-size: 18px;} #miniheader > .container > div:first-child { border:none; } #miniheader .menu {padding: 0; margin:0;border: none;} #miniheader .menu.connected li {margin-top: 1px;} #miniheader .menu li a {padding: 5px 3px;} #miniheader .infosuser img {margin-right: 5px; margin-top: 1px;} #miniheader .fa-power-off {left: -4px;} #miniheader .recherchemobile {margin-right: -1px;margin-top: 6px;border-left: 1px solid #b2b2b2;padding-left: 5px;} #miniheader .menu > li > a:not(.infominipanier){display: none;width:100%;} #miniheader .menu > li.selectionlangue {margin-bottom: 0;} #miniheader .menu > li.selectionlangue > a{display: inline-block;width: 43px;text-align: center;padding-top: 0;padding-bottom: 0;} #miniheader .menu > li > a.infominipanier img{ filter: invert(0%); } #miniheader .menu > li:last-child > a.infominipanier {display: none} #miniheader .categorisation {padding-top:15px;display: none;z-index: 10;} #miniheader .border { width: 100%; padding:0!important; border-top: 1px solid white; margin: auto; margin-bottom: 5px; height: 0; position: relative; top:-8px;} #miniheader #showcategorie + .categorisation{position: fixed; height: 100%} #miniheader .categorisation .container > div > a:first-child {display: none!important} #miniheader .categorisation .container > div{height: 25px;} #miniheader .categorisation .container > div > a:not(:last-child) {display: list-item; border:0;} #miniheader .categorisation .container > div > a > div i{margin-left:0;} #miniheader #showcategorie:checked + .categorisation{display: i!nitial;} #miniheader > .container:first-child > div.menu{padding-top: 0} #miniheader .infosuser {padding-right: 0;} .rechercheheader .btn {float: right;margin-top: 3px;} #miniheader {position: fixed;background: #fff; } #miniheader .categorisation{z-index: 11!important;color: black;white-space: unset;} #miniheader .categorisation hr{display:block;border-bottom: 2px solid #c1a95e;height: 0; width: 44vw; margin: 10px auto 10px auto;margin-right:2.5vw;margin-left:2.5vw;} #miniheader .categorisation a{display:block;} #miniheader .categorisation .vintage{font-family: 'Nothing You Could Do', cursive; text-transform: none; font-size: 23px; letter-spacing: 0;} #miniheader .categorisation{max-width:50vw!important;overflow-x:hidden;overflow-y: scroll;} #miniheader .categorisation .logos a { display: inline-block!important;background: #000; border-radius: 100%; color: #fff; display: inline-block; height: 26px; width: 26px; text-align: center;margin-right:10px;line-height: 26px;font-size: 16px;} #miniheader .categorisation .logos a i{color:white;margin-right: 10px;} #miniheader .categorisation .container{border-bottom:none;padding-right: 15px;padding-left:15px;letter-spacing: 2.5px;font-family: 'Open Sans', sans-serif; font-size: 13px;font-weight: 500;} #miniheader .categorisation .container p a{color: #000} #miniheader .categorisation .container .fermer{color: #000;letter-spacing: normal;font-family: 'Open Sans',;font-size: 15px;} #miniheader .nombot{margin-bottom: 0;} #miniheader .categorisation .container > div > a{display:inline-block!important;text-align: center;} #miniheader .categorisation .container > div > a:first-child{display:inline-block!important;} #miniheader .categorisation .container > div > a{width:30px;height: 30px; padding: 2px 0px 0px 9px; display: inline-flex;margin-top: 20px; /* margin-left: -5px; */} #miniheader .categorisation .rechercheheader input[name="search"]{padding: unset;width: 195px;height: 30px;white-space: unset; } #miniheader .categorisation .rechercheheader label{font-weight: 300;letter-spacing: normal;font-size: 13px;} #miniheader .categorisation .rechercheheader .les_imput{font-weight: 300;letter-spacing: normal;font-size: 13px;background-color: #fff;border-radius: 35px;border: 1px solid #bcbcbc;width: 44vw;margin-left: 0vw;} #listing-filters .panel-default > .panel-heading, #listing-filters #paneltaille .panel-heading {border-bottom: 1px solid #ccc;} #listing-filters {padding: 0; overflow: hidden;} #listing-filters .panel{padding: 15px 15px 0; margin: 0;} #listing-filters #titreswitch { color: #c1a95e; } #listing-filters .border{color : #c1a95e;} #listing-filters .border > div:not(.noborder) {border-color: #19bcdc} #listing-filters .panel-default .panel-default{padding-top: 5px; padding-bottom: 5px} #listing-filters {margin-top: 25px;} #listing-filters .filters-button {height: 50px;} #listing-filters .switchleftfilter-border {border-top: 5px solid #f6f6f6; position: relative; top: 20px;} #listing-filters .labelswitchleftfilter {border: 1px solid #c1a95e; padding: 10px 50px; background-color: #fff;} #listing-filters .filtrer-product {padding: 0px;} #listing-filters .nbcreateurs-mobile{line-height: 8px;} #listing-filters .labelswitchleftfilter:focus {outline: 0;} #listing-filters #filters {background-color: #f6f6f6; padding-top: 45px; margin-top: -25px; width: 100%;} #listing-filters #filters ul {padding: 15px;} #listing-filters #filters ul li {list-style: none; display: inline-block; margin-right: 5px;} #listing-filters #filters ul li i {color: #ccc;} #listing-filters #filters .panel {background-color: transparent;} #titreswitch{text-align: center; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: bold; margin: 0;} #listing-top2 {width: 100%;} } @media only screen and (min-width : 768px) and (max-width : 1024px) { #bottompictoheader > div > div:not(:first-child){margin-left: 0!important} #bottompictoheader > div > div{width: 20%} } /* iPads (portrait and landscape) ----------- */ @media only screen and (min-width : 426px) and (max-width : 1024px) { .espacevendeur-frais-livraison .form-control {width: 80px;} .espaceclient.wishlist .actionwishlist .btn {width: 100%;} .static_page_info .contenu.withbackground .img img{display: none} .static_page_info .hublot{width: 120px; height: 120px; margin: 40px 20px } .static_page_info .contenu.withbackground img{max-width: 100%} .static_page_info .hublot > div{font-size: 50px; height: 70px;} .static_page_info .hublot.num3 ,.static_page_info .hublot.num3 + div{margin-top: 40px} .static_page_info .hublot.num4{top:0!important;} #menu #divlogo {width: 35%;} #menu .vintage {font-size: 20px;} #topinformations .bottom img {width: 100%;position: absolute;top: 30px; right: 20px;} #topinformations #backgrndfournisseur {height: 100%} #listing-products .item .item-infos {overflow: visible;} #searcharea input {width: 75%;} #newsletterinvitation .top, #newsletterinvitation .background {height: 345px;} #newsletterinvitation .bottom {padding-bottom: 0px;} #listing-topfilters{font-size: 12px;} .colonnehome .big .titreflip .bottomtitle{font-size: 50px; line-height: 40px;} .colonnehome.col3 .big .titreflip .bottomtitle {line-height: 40px;} .titreflip .bottomtitle {font-size: 33px;line-height: 26px;} #topinformations .top {height: 250px;} #topinformations .top .titre {text-align: center; position: inherit;} #newsletter .container {text-align: center;} #newsletter .top h3 {left: 0px;} #topmessage h1{font-size: 6vw} #logo{max-width: 100%} #divlogo{max-width: 43%} .minipanier{right: 0; top:50px;} .minipanier:after, .minipanier:before{left:61%;} #page-devenez-vendeur .static_page_info .topmessage{max-width: 100%; padding: 20px; height: auto} .titreflip .bottomtitle{z-index: 0} .container {width: 100%;} #page{max-width: 100%;/* overflow: hidden;*/ margin-top:25px;} #header{height: auto;} header{overflow-x: hidden} .searchform .row > div {padding-left: 5px; padding-right: 5px} .searchform .inputbg.bg-danger.valider .btn{font-size: 13px; line-height: 2} #header.small{margin-top: 56px;} /* #miniheader {} #miniheader .rechercheheader .input-group {width: 80%;} #miniheader .container .headersocial {padding-right: 0px; margin-right: 0px;} #miniheader .container .headersocial a {margin-right: 0px;} #miniheader .rechercheheader form {width: 240px;} #miniheader .rechercheheader input[name="search"] {width: 70%;} #miniheader .menu li a.infominipanier img{filter: invert(0%);} #miniheader .menu li a.btn.boutoncontour{color:white;} #miniheader > .container:first-child > div.menu{padding-top: 0} #miniheader .minilogo {display: none;}*/ /*#miniheader .visible-xs{display: block!important}*/ /* #miniheader .visible-xs .minilogo{ display: inline-block!important; margin-left: 30px; float:left; max-width: 120px; margin-top: -5px;} #miniheader > .container > div:first-child { border:none; } #miniheader label {float:left;} #miniheader .fa-bars {color:#000;font-size: 28px;} #miniheader .infosuser {padding-right: 10px;} #miniheader .menu {padding: 0 10px 0 0px;margin-right: 10px;} #miniheader .selectionlangue {margin-left: 10px;} #miniheader .categorisation{padding-top:15px; display: none; transition: 0.4s;} #miniheader #showcategorie + .categorisation{position: fixed; height: 100%; overflow-y: scroll;} #miniheader .categorisation .container > div > a:first-child {display: none!important} #miniheader .categorisation .container > div{height: 25px;} #miniheader .categorisation .container > div > a{padding: 6px 17px} #miniheader .categorisation .container > div > a:not(:last-child) {display: list-item; border:0;} #miniheader .categorisation .container > div > a > div i{margin-left:0;} #miniheader #showcategorie:checked + .categorisation{display: initi!al; } #miniheader-placeholder{height: 58px;}*/ #menu > .container > div {width: 31%;} #menu li a {font-size: 12px;letter-spacing: 0px;} #toptexte .container div:first-child {line-height: 32px;font-size: 22px;} #toptexte .container div:last-child {font-size: 13px;} #topproduits #listing-products .item .item-photo .overlay{display: none} #product-detail #comments .commentaire{padding-bottom:0;} #product-detail #comments{padding-bottom: 40px} .topthemeselement .mobilehover{display: none!important} .topthemeselement:hover .titreflip {height: 100%;} .topthemeselement:hover .titreflip .flip .back{display: none;} .topthemeselement .titreflip:hover .bottomtitle{opacity: 1} #index #newsletter > div > a > div:last-child{text-align: center;} #connexion #page{margin-top: 56px} #connexion .checkbox .nowrap{white-space: initial;} #connexion .inputbg.bg-danger.valider .btn{font-size: 12px} #howto .btn{font-size: 18px} #howto .container > .col-sm-12{margin-left: 0; width: 100%;} #newsletter > div > div:last-child{left:0; margin-top: 15px; margin-bottom: 20px; } /*#index #newsletter > div > div:last-child{margin-top: 80px}*/ #newsletter .bottom {padding: 40px 0;margin-bottom: 25px;} #index #newsletter > div > a > div:last-child{width: 48%; max-width: 100%} #newsletter > div > a > div:last-child{width: 43%; max-width: 100%} #reassurancefooter .icones {margin-left: 0;} #footer .logo{max-width: 100%} #footer .row > div:first-child{text-align: center;} #footer .row > div:last-child{float: right;} .floatbox_connexion{max-width: 100%; max-height: 100%; width:80%; min-width: initial;} .floatbox_connexion h3{width: 100%;} #footer #cgv{left:0;} .ribbon{left:-4px; top:27px;} #page-devenez-vendeur .static_page_info .btn, #page-comment-vendre .static_page_info .containerbottom .btn, .page-informations #page > .container .btn{font-size: 2.2vw} #page-devenez-vendeur .static_page_info .topelem div, #page-comment-vendre .static_page_info .topelem div{font-size: 1.5vw} #page-comment-vendre .static_page_info .imgovered .imgtrimer{width: 40%; float: left; text-align:center;} #page-comment-vendre .static_page_info .imgovered .content > div{width: 100%; text-align: center;} #page-comment-vendre .static_page_info .content img{margin:auto; left:0;} #page-comment-vendre .static_page_info .imgovered .content{ left:0; width:60%; bottom: initial; position: relative; float: right;} #page-comment-vendre .static_page_info .imgovered .content > div > *{text-align: left;} #page-processus-achat .corde{display: none} .static_page_info .contenu.withbackground{top:0;} .static_page_info .imgovered .imgtrimer{max-height: 400px;} .static_page_info .imgovered .imgtrimer img{left:-75px;} #product-detail #sectionfichedetail{padding-top: 0; margin-top: -35px} #topproduits #listing-products .item .item-infos{height: 100px} #listing-filters .panel-default .panel-default .panel-body{padding-left: 0} #topproduits #listing-products .item .item-photo{padding-bottom: 0} /*#listing-products .item .reduction {top: 35px;}*/ #listing-products .item .item-infos .intitule {font-size: 13px;} #listing-products .item .item-price {font-size: 20px;} #page-informations #presse-et-publications table{max-width: 100%; width: 100%!important} #page-informations #presse-et-publications table img{height: auto!important } #page-informations #presse-et-publications > div > p{text-align: center;} #page-preparer-livraisons .static_page_info .imgovered .content{max-width: 70%} #page-preparer-livraisons .static_page_info .bottomcontainer .col-md-2{float:left;} #page-informations #header.small .searchform #titreswitch, #contact #header.small .searchform #titreswitch, #page-comment-vendre #header.small .searchform #titreswitch, #page-preparer-livraisons #header.small .searchform #titreswitch, #page-processus-achat #header.small .searchform #titreswitch, #page-processus-achat #header.small .searchform #titreswitch, #page-vendre #header.small .searchform #titreswitch{font-size: 1.4vw} } @media only screen and (min-width : 425px) and (max-width : 1024px) and (orientation : landscape) { /*.container{width: 100%;}*/ #page-comment-vendre .static_page_info .header-left, #page-processus-achat .static_page_info .header-left { top: -20px; } #page-comment-vendre .static_page_info .comment-vendre-header-title, #page-processus-achat .static_page_info .comment-vendre-header-title{font-size: 42px;} /*#topinformations .top.little .titre h1 { position: absolute; top: -40px;}*/ #topinformations #fournisseurdetail {top: 0px;} #topinformations #backgrndfournisseur {top: 60px; hei!ght: 300px;} #topinformations #placement {height: 380px;} #newsletter.mini {padding: 30px 0 5px;} #product-listing #newsletter .btn,#product-listing #newslettermini .btn {padding: 7px 0px;} #product-listing #newsletter #prevenirsubmit,#product-listing #newslettermini #prevenirsubmit {padding: 7px 20px;} #fournisseurs-listing #newsletter .btn,#fournisseurs-listing #newslettermini .btn {padding: 7px 0px;} #fournisseurs-listing #newsletter #prevenirsubmit,#fournisseurs-listing #newslettermini #prevenirsubmit {padding: 7px 20px;} #fournisseurs-listing #newsletterinvitation .top .img {top :-50px;} #fournisseurs-listing #newsletterinvitation .background {margin-top: -80px;} #fournisseurs-listing #newsletter.mini {padding:45px 0 5px;} #topinformations .top .titre h1 {font-size: 70px; line-height: 60px;} #bottompictoheader > div > div:not(:first-child){margin-left: 5.5%} #topproduits #listing-products .item {width:20%;} #topproduits #listing-products .item:nth-child(n+6){display: none} #topinformations .top {height: 210px;} #topinformations .top .titre {top:42px;} #topinformations .top .titre .univers {left:40%;} #topinformations #imagecategorie {top: -160px;right: -427px;} #topproduits.recommandation #listing-products .item{ width: 20%; } #connexion .panel-body #form_connexion_inscription_client #civ{width: 100%;} #page-informations #header.small .searchform #titreswitch, #contact #header.small .searchform #titreswitch, #page-comment-vendre #header.small .searchform #titreswitch, #page-preparer-livraisons #header.small .searchform #titreswitch, #page-processus-achat #header.small .searchform #titreswitch, #page-processus-achat #header.small .searchform #titreswitch, #page-vendre #header.small .searchform #titreswitch{display: none} #page-informations #header.small .searchform .hidden, #contact #header.small .searchform .hidden, #page-comment-vendre #header.small .searchform .hidden, #page-preparer-livraisons #header.small .searchform .hidden, #page-processus-achat #header.small .searchform .hidden, #page-processus-achat #header.small .searchform .hidden, #page-vendre #header.small .searchform .hidden{display: none!important} #page-informations #header.small .searchform .col-md-5, #contact #header.small .searchform .col-md-5, #page-comment-vendre #header.small .searchform .col-md-5, #page-preparer-livraisons #header.small .searchform .col-md-5, #page-processus-achat #header.small .searchform .col-md-5, #page-processus-achat #header.small .searchform .col-md-5, #page-vendre #header.small .searchform .col-md-5{float: left; width: 37.5%} #page-informations #header.small .searchform .col-md-2, #contact #header.small .searchform .col-md-2, #page-comment-vendre #header.small .searchform .col-md-2, #page-preparer-livraisons #header.small .searchform .col-md-2, #page-processus-achat #header.small .searchform .col-md-2, #page-processus-achat #header.small .searchform .col-md-2, #page-vendre #header.small .searchform .col-md-2{float:left; width: 25%} .moteurrecherche h3{font-size: 13px} #newsletter > div > div:last-child{margin-top:0; max-wi!dth: 80%; position: relative; left:0;} #newsletter > div > a > div{margin-right: 0} #newsletter > div > a > div:last-child{max-width: 295px} #index #newsletter > div > a > div:last-child{max-width: 32%;} /*#index #newsletter > div > div:last-child{margin-top: 0; max-width: 35%; position: relative; top:-5px;}*/ #newsletter .inscription h3{margin-top: 0; padding-top: 0; font-size: 22px; margin-bottom: 5px} #newsletter .inscription h4{margin-bottom: 0px} #newsletter .inscription #prevenir{position: relative; top:-3px;} #newsletter .top h3 {font-size: 27px;letter-spacing: 2px; left: -30px;} #newsletter .btn, #newslettermini .btn {padding: 7px 20px;} #newsletter .boutons .btn:first-child, #newslettermini .boutons .btn:first-child {margin-right: 5px;} #newsletter .top, #newsletter .background {height: 260px;} #newsletter #prevenir > #prevenirbox {width: 97%;} #product-detail #infovente div > h3, #product-detail #comments #infovendeur div > h3{font-size: 1.5vw} #product-detail #consultation, #product-detail #share #product-detail #consultation{ width: 80% } #product-detail #share{width: 80%; text-align: center;} #product-detail #ajoutenvie{margin-left: 0} #homeslider .slide h2 {font-size: 50px;width: 500px;} #homeslider .slide h2.subtitlehome {top:290px;} #newsletter .btn, #newslettermini .btn {padding: 7px 10px;font-size: 14px;} #reassurancefooter img {height: 100%!important} #newsletter #prevenirsubmit {padding: 7px 20px;} /*#product-detail #quantite{margin-left: 8.333%}*/ } @media only screen and (min-width : 425px) and (max-width : 1024px) and (orientation : portrait) { #designerBanner .top {top: 20px;} #page-comment-vendre .static_page_info .selection .art .cont {min-height: 120px;} .floatbox_vendre {min-width: 100%;} #page-comment-vendre .static_page_info .step {height: 350px;} #page-comment-vendre .static_page_info .content p {font-size: 13px;} #page-comment-vendre .static_page_info .header-left, #page-processus-achat .static_page_info .header-left {width: 50%;} #page-comment-vendre .static_page_info .comment-vendre-header-title, #page-processus-achat .static_page_info .comment-vendre-header-title {font-size: 31px;margin-top: 39px;} #topinformations #placement {height: 220px;} #topinformations .bottomfournisseur {height: 225px} #topinformations #fournisseurdetail h1 {font-size: 40px;} #topinformations #descriptionvendeur {font-size: 17px;} #topinformations #imagefournisseur {top:0px; left: 40px;} #topinformations #fournisseurdetail {margin-left: 0px; } #topinformations #notevendeurpro {height: 175px;} #topinformations #backgrndfournisseur {height: 215px; top: 25px;min-height: 200px;} #listing-products .item .reduction {height: 30px; width: 30px; line-height: 29px;font-size: 8px;} #fournisseurs-listing #newsletterinvitation .bottom {padding: 0px;} #fournisseurs-listing #newsletterinvitation .top h3 {font-size: 23px; letter-spacing: 2px;} #fournisseurs-listing #newsletterinvitation .top, #fournisseurs-listing #newsletterinvitation .background {height: 300px;} #listing-products .item .item-photo .addtowishlist, #fournisseurs-listing .item .item-photo .addtowishlist_vendeur {font-size: 15px; right: 0px;} #fournisseurs-listing #newsletter.mini {padding:0px;} /*#fournisseurs-listing #newsletterinvitation .top .img {left:35px;}*/ #topinformations .top {height: 150px;} #topinformations #imagecategorie{top:-115px;right: -320px;} #topinformations .top .titre {top:22px;} #topinformations .top .titre .univers {left: 30%; top: -29px; font-size: 25px;} #topinformations .top .titre h1 {font-size: 48px; line-height: 43px;} #topinformations .top .titre h2 {font-size: 23px; margin-top: 15px;} #homeslider .slide span {font-size: 18px;line-height: 1px;bottom: 235px;} #homeslider .slide h2 {font-size: 40px;top: 55px;width: 400px;} #homeslider .slide h2.subtitlehome {font-size: 12px;top:210px;width: 140px;} #containertopbanner .infosCreateurs {font-size: 27px;margin-top: 0px;} /*#topinformations #backgrndfournisseur{position: initial;}*/ /*#product-detail #quantite label {left: 15px;}*/ .espacevendeur .main .topmenuelem#catalogue_vente > div:first-child {padding-left: 200px;} .espacevendeur .main .topmenuelem#histo_commande > div:first-child {padding-left: 285px;} /*NEWSLETTER*/ #newsletter .background {width: 91%;} #newsletter .top h3 {font-size: 21px; margin-bottom: 30px; margin-top: 50px; left: -35px; letter-spacing: 1px;} #newsletter .top, #newsletter .background {height: 215px;} #newsletter .bottom {padding: 10px 0 10px;} #newsletter .boutons .btn, #newslettermini .boutons .btn {font-size: 13px; padding: 9px 9px;letter-spacing: 0px;} #newsletter .boutons .btn:first-child, #newslettermini .boutons .btn:first-child {margin-right: 0px;} #newsletter .inscription h3 {font-size: 15px;} #newsletter #prevenir >#prevenirbox {margin-top: 15px; width: 100%} #newsletter > div > div:last-child{max-width: 100%} #footer .row > div:last-child ul li{width: 50%; display: inline-block; float: left} #bottompictoheader > div > div:not(:first-child){margin-left: 2%} .topthemeselement .imgflip{position: relative;} #product-detail #share{text-align: center;} #product-detail #sectionfichedetail h1{text-align: center; padding-top: 15px} #topproduits #listing-products .item {width:25%;} #topproduits #listing-products .item:nth-child(n+5){display: none} #panier .resumepanier .panel-body div{padding:0 15px;} #panier .inputbg.medium.commander{margin-left:31%;} #topproduits.recommandation #listing-products .item{ width: 25%; } /*#product-detail #quantite{margin-left: 16.6666%}*/ #product-detail #ajoutenvie{text-align: center;} #product-detail #ajoutenvie .badge{right: 0;} #product-detail #ajoutenvie .hover{left: -22px} #product-detail #ajoutenvie .confirm{left: -80px} #menu > .container > div > li:last-child {text-align: center;} #reassurancefooter {font-size: 12px;} } /* iPhone 6 ----------- */ @media only screen and (min-width: 375px) and (max-height: 767px) { } @media only screen and (min-width: 375px) and (max-height: 767px) and (orientation : landscape) { } @media only screen and (min-width: 375px) and (max-height: 767px) and (orientation : portrait) { } /* Smartphones */ @media only screen and (max-width: 425px) { .container {width: 100%;} .floatbox_connexion{width: 100%; max-height: 100%; min-width: initial;} .floatbox_connexion h3{width: 100%} .floatbox_vendre {min-width: 100%;} .floatbox_vendre .inner-cadre {background-color: #fff;} #page-comment-vendre .static_page_info .selection .art .cont {min-height: 120px;} #page-comment-vendre .static_page_info .step {height: 350px;} #page-comment-vendre .static_page_info .content p {font-size: 13px;} #page-comment-vendre .static_page_info .header-left, #page-processus-achat .static_page_info .header-left {width: 50%;} #page-comment-vendre .static_page_info .comment-vendre-header-title, #page-processus-achat .static_page_info .comment-vendre-header-title {font-size: 31px;margin-top: 39px;} /* Responsive page Créateur/Boutiques */ #fournisseurs-listing {padding: 10px;} #fournisseurs-listing section {padding-bottom: 0px!important;} #fournisseurs-listing #fournisseursbanner {height: 290px;} #fournisseurs-listing #fournisseursbanner .top {height: 229px;} #fournisseurs-listing #containertopbanner .createurs {font-size: 24px; padding-top: 14px;} #fournisseurs-listing #containertopbanner .infosCreateurs {font-size: 24px;font-weight: bold; line-height: 30px; margin-top: 1px;} #fournisseurs-listing #containertopbanner .gouts {font-size: 24px;line-height: 24px;} #fournisseurs-listing #designerBanner .top {hei!ght: 240px;height: auto;padding-bottom: 20px;} #fournisseurs-listing #designerBanner .top img {height: 200px;} #fournisseurs-listing #designerBanner .slick-list {overflow-x: hidden;} #fournisseurs-listing #designerBanner .top .nameDesigner{font-size:25px;bottom: 10px;} #fournisseurs-listing #textarea {font-size: 14px;} #fournisseurs-listing #barderecherche input{width: 100%; padding: 0px 14px;} #fournisseurs-listing #searcharea h2 {font-size:24px;} #fournisseurs-listing #searcharea .btn {width: 100%; font-size:19px;} #fournisseurs-listing #searcharea > section {padding-bottom: 25px;} #fournisseurs-listing #searcharea > div {padding-bottom: 2px;} #fournisseurs-listing #searcharea .btn {padding: 15px 18px 0px 12px; margin-left: 0px;} #fournisseurs-listing #searcharea .input-group {width: 100%;} #fournisseurs-listing #searcharea input {width: 100%;} #fournisseurs-listing #searcharea input::placeholder {font-size: 18px;letter-spacing: 0.1px;} #fournisseurs-listing #searcharea input::-webkit-input-placeholder {font-size: 14px ;letter-spacing: 0.1px;} #fournisseurs-listing #searcharea input::-moz-input-placeholder {font-size: 14px;letter-spacing: 0.1px;} #fournisseurs-listing #searcharea input::-ms-input-input-placeholder {font-size: 14px;letter-spacing: 0.1px;} #fournisseurs-listing #searcharea input::-moz-placeholder {font-size: 14px;letter-spacing: 0.1px;} #fournisseurs-listing #searcharea #moteurrecherche {padding: 0px;margin-top: 5px;} #fournisseurs-listing #listing-top {display: none;} #fournisseurs-listing #listing-topfilters {padding-right: 0px;} #fournisseurs-listing #listing-topfilters #tria {padding: 0px 10px;} #fournisseurs-listing #listing-topfilters tr{display: -webkit-box;} #fournisseurs-listing #listing-topfilters td{padding: 8px 5px 0px 0px;} #listing-fournisseurs .item .item-photo .addtowishlist {margin-left: 68%;} #fournisseurs-listing #nbcreateurs {font-size: 14px;font-style: italic;font-family: 'Lora',sans-serif;width: 50%;height: 100%;padding-top: 19px;} #fournisseurs-listing #sliderlastconsulted .titlehome {padding: 0 5px} #fournisseurs-listing #newsletterinvitation .top {height: 360px;} #fournisseurs-listing #newsletterinvitation .top .container {height: 100%;} #fournisseurs-listing #newsletterinvitation .top h3 {left: 0px; font-size: 29px;} #fournisseurs-listing #newsletterinvitation .background {left: 0px;margin-top: 0px;width: 100%; height: 360px;} #fournisseurs-listing #newsletterinvitation .bottom{padding: 0px;} #fournisseurs-listing #newsletterinvitation .boutons{left: -4%!important;} #fournisseurs-listing #newsletterinvitation .btn{padding: 10px 10px 10px 10px;font-size: 15px;} #fournisseurs-listing #newsletter > div > div:last-child {padding: 20px 0px 30px 0px;} #fournisseurs-listing #newsletter.mini {padding: 5px 0;} #fournisseurs-listing #newsletter.mini #prevenir >#prevenirbox {margin-left: 0px; width: 100%;} #fournisseurs-listing #newsletter.mini #prevenir >#prevenirmail{font-family: 'Myriad Pro',sans-serif;font-size: 15px;} #fournisseurs-listing #newsletter.mini .inscription h3 {font-size: 20px;} /*responsive fournisseur detail*/ #topinformations #fournisseurdetail {width: 100%;} #topinformations #fournisseurdetail h1 {text-align: center; font-size: 40px;} #topinformations #descriptionvendeur { font-size: 18px;line-height: 30px;} /*#topinformations.topinfofournisseur {height: 220px;}*/ #topinformations.topinfofournisseur div {height: 100%;} #topinformations #notevendeurpro {margin-left: 0;} #topinformations #backgrndfournisseur {height: 100%;width: 100%;position: relative;top: 0;} #topinformations #descriptionvendeur {min-height: 142px;} #miniheader #showcategorie + .categorisation {position: fixed; height: 100%; overflow-y: scroll;width: 100%;} #listing-top {} #listing-top #listing-topfilters {width: 100%; text-align: left;} #listing-top #paginationtop {margin-top: 10px;} #listing-filters .panel-default > .panel-heading, #listing-filters #paneltaille .panel-heading {border-bottom: 1px solid #ccc;} #page-processus-achat .how .content {background-color: transparent;} #page-processus-achat .art > div {margin: 0!important;} #page-processus-achat .art .cont {padding: 30px;} #newsletter #prevenir #preveniremail {font-size: 0.7em;} /*layout*/ h1 {font-size: 30px;} .container {padding-left: 15px;padding-right: 15px;} body{overflow-x: hidden} .floatbox_connexion h3{width: 100%;} #filariane li{display: inline;} #filariane li a{text-decoration: none;/* font-weight: bold*/} #filariane li:not(:first-child) .fa{font-size: 22px; position: relative; top:2px;} #filariane li:first-child .fa{margin-right: 0; position: relative; top:1px;} /*index*/ #prelancement h2 {width: 100%;font-size: 20px;} #prelancement p#profitez {font-size: 20px;} #howto { padding:40px 0; background-position: 35%; overflow: hidden; } #howto .container { padding: 0 } #howto .title{margin-bottom: 30px;} #howto .btn{margin-top: 25px; font-size: 18px} #howto .subtitle{font-size: 6.2vw;} #howto .vague{margin-top: 20px; margin-bottom: 10px} #howto .text-center {padding: 0; margin-bottom: 70px;} #howto img.ligne {max-width: initial; width:100%; position: absolute; right:0; left:0; margin:auto;} /*menu*/ #miniheader {border:0; width: 100%;} #topmenubar > .pull-left {float: none !important;text-align: center;} #topmenubar > .pull-right {float: none !important;text-align: center;} #miniheader .minilogo {display: none;} #miniheader .visible-xs .minilogo{ margin-left: 20px; display: inline; float:left; max-width: 105px; margin-top: -5px;} #miniheader .container {padding:10px; padding-top: 1px;padding-bottom: 5px;} #miniheader-placeholder{height: 64px; } #miniheader label {float:left;} #miniheader .fa-bars {color:inherit;font-size: 28px; color: #000} #miniheader .title {font-size: 18px; float: left;margin-bottom: 0; text-transform: uppercase;} #miniheader .title span{font-size: 18px;} #miniheader > .container > div:first-child { border:none; } #miniheader .menu {padding: 0; margin:0;border: none;} #miniheader .menu.connected li {margin-top: 1px;} #miniheader .menu li a {padding: 5px 3px;} #miniheader .infosuser img {margin-right: 5px; margin-top: 1px;} #miniheader .fa-power-off {left: -4px;} #miniheader .recherchemobile {margin-right: -1px;margin-top: 6px;border-left: 1px solid #b2b2b2;padding-left: 5px;} #miniheader .menu > li > a:not(.infominipanier){display: none;width:100%;} #miniheader .menu > li.selectionlangue {margin-bottom: 0;} #miniheader .menu > li.selectionlangue > a{display: inline-block;width: 43px;text-align: center;padding-top: 0;padding-bottom: 0;} #miniheader .menu > li > a.infominipanier img{ filter: invert(0%); } #miniheader .menu > li:last-child > a.infominipanier {display: none} #miniheader .categorisation {padding-top:15px;display: none;z-index: 10;} #miniheader .border { width: 100%; padding:0!important; border-top: 1px solid white; margin: auto; margin-bottom: 5px; height: 0; position: relative; top:-8px;} #miniheader #showcategorie + .categorisation{position: fixed; height: 100%} #miniheader .categorisation .container > div > a:first-child {display: none!important} #miniheader .categorisation .container > div{height: 25px;} #miniheader .categorisation .container > div > a:not(:last-child) {display: list-item; border:0;} #miniheader .categorisation .container > div > a > div i{margin-left:0;} #miniheader #showcategorie:checked + .categorisation{display: i!nitial;} #miniheader > .container:first-child > div.menu{padding-top: 0} #miniheader .infosuser {padding-right: 0;} .rechercheheader .btn {float: right;margin-top: 3px;} #homeslider .slide span {line-height: 1.2;} .menu li {margin: 0 1px; margin-bottom: 5px; } .menu li a.btn.boutoncontour + .contourleft{display: none} .menu li a.btn.boutoncontour + .contourleft + .contourright{display: none} #videoaccueil{height: 68%;} #index #voirlasuite{margin-top: 15px ;font-size: 4vw} #maintenance #topmenubar .menu, #maintenance #footer, #maintenance .searchform, #maintenance #bottompictoheader, #maintenance #page {display: none;} #maintenance #header {height: 100vh;min-height: 0;} #maintenance #videoaccueil {height: 100vh;} #maintenance #messagemaintenance {font-size: 18px;} #maintenance .menu {display: none !important;} #maintenance #topmessage h1 {margin-top: 140px;} #maintenance .mobile label {display: none;} #maintenance .mobile a {height: 31px;display: inline-block;} #homeslider {margin-bottom: 70px;/*overflow: hidden;*/} /*#homeslider .slick-list {height: 400px;}*/ /*#homeslider .slide span {padding: 0 20px;width: 100%;font-size: 19px;bottom: -50px;} #homeslider .slide h2 {font-size: 29px;padding: 0 20px;top: 190px;width: 100%;} #homeslider .slide h2.subtitlehome {top: 320px;width: 100%;}*/ #homeslider .slide span {padding: 15px 20px 5px;width: 100%;font-size: 19px;position: initial;display: block;background: #f0f2f1;} #homeslider .slide h2 {font-size: 29px;padding: 0 20px 20px;width: 100%;position: initial;background: #f0f2f1;} #homeslider .slide h2.subtitlehome {width: 100%;position: initial;background: #fff;margin-top: 20px;padding-bottom: 0;} #homeslider .slide h2.subtitlehome br {display: none;} #toptexte {padding: 10px 0;} #toptexte .container {display: block;} #toptexte .container div:first-child {padding: 0 15px;font-size: 20px;line-height: 30px;margin-bottom: 20px;} #toptexte .container div:last-child {padding: 0 15px;} .titreflip .back {padding: 0 10px;} .titreflip .back .content {width: 100%;font-size: 12px;} #toptexte .derouler {margin-bottom: 10px !important;} #toptexte .derouler a {color: #000;text-decoration: underline;} .titlehome {min-width: 180px;padding: 0;} .titlehomediv hr {display: none;} #reseauxsociaux .container > div {padding: 0;margin: 0;} /*panier*/ #panier #page{margin-top: 5px;} #panier .inputbg.medium.commander .btn{font-size: 12px} #panier .paniersupprimer{ position: absolute; right: 10%; } #panier table .bg-heading > td:not(:first-child){display: none;} #panier table .bg-heading > td:first-child{width: 100%;} #panier .table > tbody > tr > td{border:0;} #panier table td {display: inline-block;} #panier .lignearticle{ border-bottom:2px solid #e5e3e4; } #panier table .lignearticle .description h4{} #panier .resumepanier{margin-top: 30px;} #panier .resumepanier .panel-body div{padding:0 15px;} #panier .containerquantite, #panier .totallignepanier{text-align: left;} #panier .totallignepanier{margin-left: 15%;} #panier .containerquantite a.panierplus, #panier .containerquantite a.paniermoins{right:initial; left:58px;} #topproduits.recommandation #listing-products .item{width: 50%; padding: 12px} #topproduits.recommandation #listing-products .item:nth-child(4){display: initial;} .minipanier{right: 10%;position: fixed;width: 80%;} .minipanier:after, .minipanier:before{left: 65%;} .minipanier .minipanierphoto{text-align: center;} .minipanier .minipanierphoto img{max-height: 120px} #floatbox_connexionpanier {width: 84%;left: 8%;height: 335px;top: 25%;} #connexion-panier form .col-xs-6, #connexion-panier form .valider {width: 100%;} #connexion-panier #fermer span {display: none;} #connexion-panier .alert {width: 90%;} .searchform{margin-top:25px; padding: 0;height: auto;} .searchform form .row > div { margin-top: 12px } /*#header{height: 740px; overflow: hidden;margin-top: 85px;}*/ #header.small{margin-top: 68px;} #header .container {padding: 0;} #header .container > div#topmessage{padding: 0 30px;} #topmessage {margin-top: 20px;} #topmessage h1 {font-size: 6.5vw; margin-top: 50px} #topmessage h2{font-size: 1.4em;width: 80%;margin: auto; margin-bottom: 40px} #topmessage img.a {height: 28px;} #topmessage .ligne {display: none;} #pictoshome {display: none;} #topmenubar {display: none;} #bottompictoheader {height: 325px; background-color: #2d3454; margin-top:34px; padding-bottom: 20px; } #bottompictoheader > div > div {padding:20px 30px; width:inherit; width: 50%; min-height: 95px; } #bottompictoheader > div:last-child {top:50px; position: absolute;} #bottompictoheader > div:last-child > div {font-size:12px;} #bottompictoheader > div > div:not(:first-child) {margin-left: 0} #bottompictoheader > div > div img{bottom:15px; max-width:45px; height:auto; max-height: 50px; } #bottompictoheader > div > div span{display: inline;} #topthemes .titreflip .back{} #topthemes .title{color: #212c60; text-transform: uppercase; font-size: 28px; backg!round-color: #fff; paddi!ng:5px 15px; m!argin:50px -5px 35px -5px; l!ine-height: 1.1; box!-shadow: 4px 4px 2px -1px #DDD; } #topthemes .title span{ color:#19bcdc; font-size: 28px; } .topthemeselement .imgflip {min-height: 240px;} /*.topthemeselement {margin-top: 0; padding:0; min-height:0; } .topthemeselement .img {height: 140px; overflow: hidden; margin: 0 10px;} .topthemeselement .imgflip{ min-height: 100%; min-width: 100%; max-width:initial; position: relative; left: -75%; } .topthemeselement:nth-child(odd):hover + .topthemeselement { margin-bottom: 150px; } .topthemeselement:nth-child(even) .mobilehover {left:-100%;} .titreflip{width: 100%; top:-20px; position: relative;} .titreflip:hover .back {opacity: 0} .topthemeselement:hover .bottomtitle{ opacity: 1 } .topthemeselement:hover .titreflip .back {opacity: 1} .topthemeselement:hover { m!argin-bottom: 50px } .topthemeselement:hover .titreflip .flip{display: inherit;} .topthemeselement:hover .titreflip .flip + div { background-color : #19bcdc } .topthemeselement:hover .titreflip .flip + div:after, .topthemeselement:hover .titreflip .flip + div:before {-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg); transform: rotate(180deg);left:0; right:0; margin:auto; bottom: -20px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;} .topthemeselement:hover .titreflip .flip + div:after {border-color: rgba(255, 255, 255, 0);border-bottom-color: #19bcdc;border-width: 10px;} .topthemeselement:hover .titreflip .flip + div:before {border-color: rgba(241, 213, 213, 0);border-width: 16px;} .topthemeselement:hover .titreflip .bottomtitle {color:#212c60;} .topthemeselement:hover .titreflip .flip {display: none; background-color: white; position: absolute; bottom: -35px; width: 100%;} .topthemeselement:hover .mobilehover { di!splay: block; } */ #topthemes .colonnehome {float: none;width: auto !important;margin-top: 0 !important;} #topthemes .topthemeselement {width: 49% !important;height: 240px;margin: 0 0.5% 0%;margin-bottom: 5px !important;overflow: hidden;} #topthemes .topthemeselement .titreflip .bottomtitle {font-size: 36px;width: 40% !important;line-height: 30px;;bottom: 5px !important;} #listing-products .item a { margin-top: 15px } #listing-products .item a.ajoutpanier{display: none} #listing-products .item .item-photo .overlay {display: none;} /*#listing-products .item .item-photo .overlay {background-color: transparent;}*/ /*#listing-products .item .item-photo .overlay > div{ margin:0; }*/ #listing-products .item .item-photo .overlay a{ position: relative; top:-23%; width:100%; height: 158%; background-color: transparent; color:transparent;} #listing-filters {padding: 0; overflow: hidden;} #listing-filters .panel{padding: 15px 15px 0; margin: 0;} #listing-filters #titreswitch { color: #c1a95e; } #listing-filters .border{color : #c1a95e;} #listing-filters .border > div:not(.noborder) {border-color: #19bcdc} #listing-filters .panel-default .panel-default{padding-top: 5px; padding-bottom: 5px} .slider.slider-horizontal .slider-tick-label-container .slider-tick-label{min-width: 18%} #listing-products .item .reduction {top: 20px;height: 40px;width: 40px;line-height: 40px;font-size: 11px;} #listing-products .item .item-photo .addtowishlist, #fournisseurs-listing .item .item-photo .addtowishlist_vendeur {right: 20px;} .mobilehover{margin-top:10px;margin-bottom:10px;background-color: #ffffff; color:#212c60; width:190%; padding-top:5px; padding-bottom: 10px; margin-left: 5%;} .mobilehover h1 { font-size:20px; color: #52cae3; text-align:center; margin-bottom: 0; padding:10px;} .mobilehover .border{width:60%; height: 1px; background-color: #212c60; margin:auto; margin-bottom: 20px;} .mobilehover > a > div { width:50%; margin:1.5px 0; color:#212c60; padding-right:10px } .mobilehover > a:nth-child(odd) div{float:left;} .mobilehover > a:nth-child(even) div{float:right;} .mobilehover > a:nth-child(even):last-child div{float:left;} /*.titreflip .flip + div { background-color: #212c60; width:80%; margin:auto; padding: 3px}*/ #civ {float: none; width: } #civ label{width: 85%;margin-left: 30%} #civ label div { font-!size: 3.8vw!important } #connexion .control-label {width: 100%!important} /*espace vendeur*/ #espacevendeur-catalogue-edition #mainphoto-edition .thumbnail {width: 140px !important;height: 140px !important;} #espacevendeur-catalogue-edition #mainphoto-edition .btn {font-size: 12px;} #espacevendeur-catalogue-edition #description {height: 250px;} #espacevendeur-commandes .table th,#espacevendeur-commandes .table td{display: block; height: 28px} #espacevendeur-commandes .table tr.bg-heading {position: absolute; white-space: nowrap;} #espacevendeur-commandes .table tr.bg-heading th{border:0;} #espacevendeur-commandes .table tr td:nth-child(3),#espacevendeur-commandes .table tr th:nth-child(3){height: 50px} #espacevendeur-detail_commande .table td,#espacevendeur-detail_commande .table th {display: block;} #espacevendeur-detail_commande .table tr:first-child {display: none;} #espacevendeur-detail_commande .table tr:last-child td:last-child{border:0;} #espacevendeur-detail_commande .table tr td span{display: inline-block!important; float:left;} .espaceclient.wishlist table td{display: block; padding-top: 5px; padding-bottom: 5px} .espaceclient.wishlist table td#mainphoto{ border-width: 3px; padding-top: 15px} .espaceclient.wishlist table td.action{width: 100%; display: block; text-align: center; padding-bottom: 25px} .espaceclient.wishlist table td #prix span{padding-left: 20%; float:left; font-weight: bold} .espaceclient.wishlist table td #sectionfichedetail{text-align: center;} .espaceclient.wishlist h1{margin-bottom: 15px; margin-top: 10px} #topproduits #listing-products .item .item-photo .overlay{display: none} .espaceclient.wishlist .actionwishlist .btn{margin-bottom: 10px; font-size: 11px;} /*PANIER*/ #panier h1 {text-align: center;} #espaceclient-commandes .table td,#espaceclient-commandes .table th {display: block; height: 35px} #espaceclient-commandes .table td span{position: absolute;} #espaceclient-commandes .table tr:first-child {display: none;} #espaceclient-commandes .table tr{margin-bottom: 20px; display: block;} #espaceclient-detail_commande .table.detailcommande td,#espaceclient-detail_commande .table.detailcommande th{height: auto;} #espaceclient-detail_commande .table td,#espaceclient-detail_commande .table th {display: block; height: 35px} #espaceclient-detail_commande table tr:first-child{min-width: 30px} #espaceclient-detail_commande .table td span{position: absolute;} #espaceclient-detail_commande .table tr:first-child {display: none;} /*prodcuct listing*/ #product-listing #header {display: none;} #product-listing .categorie > div{padding-left: 0; padding-right: 0} #product-listing .categorie{padding-right: 0; padding-left: 0} #product-listing .categorie > .souscategories { padding-top: 15px; border-spacing:15px; overflow: scroll; width:100%;} #product-listing .categorie > .souscategories > div { display: table } #product-listing .categorie > .souscategories > div > a{display: table-cell!important; white-space: nowrap; } #product-listing .flecheslide{display:initial; padding-right: 15px; position: absolute; right: 10px; bottom:0;} #product-listing .categorie h3{font-size: 30px} #listing-topfilters .table tr td{text-align: left;} /*product detail*/ #product-detail #page{margin-top: 0} #product-detail #mainphoto{max-height: 270px} #product-detail #subphotos{width: 100%; text-align: center; border-bottom: 2px solid #efefef; margin-bottom: 10px; margin-top: 25px} #product-detail #subphotos > div > div{max-width: 70px; max-height: 70px; display: inline-block; margin:0 5px} #product-detail #subphotos > i.fa{ position: relative; top:0px; } #product-detail #subphotos i.fa-angle-left.visible-xs{margin-right: 10px} #product-detail #subphotos i.fa-angle-right.visible-xs{margin-left: 10px} #product-detail #subphotos i.visible-xs{display: inline!important} #product-detail #subphotos > div > div:nth-child(n+4){display: none} #product-detail #subphotos > *{display: inline;} #product-detail #subphotos > div > div:not(:last-child) {margin-bottom: 0} #product-detail #sectionfichedetail #ref{margin-bottom: 6px; padding-left: 13px!important} #product-detail #sectionfichedetail #ref, #product-detail #sectionfichedetail #visible{text-ali!gn: left; padding: 0} #product-detail #sectionfichedetail #visible{padding-right: 14px} #product-detail #sectionfichedetail .action{padding: 0} /*#product-detail .descriptionproduit, #product-detail .descriptionproduit> div { padding:0 }*/ #product-detail .descriptionproduit> div { padding:0 } #product-detail #share{margin:0; padding: 0; text-align: center;} #product-detail .commentaire > div {padding: 5px; position: initial;} #product-detail #comments{text-align: center;} #product-detail #comments .commentaire{text-align: left; position: relative; padding-top: 27px; margin-top: 15px;padding-bottom: 0;} #product-detail #comments .commentaire:not(:last-child){border-bottom: 2px solid #ccc; } #product-detail #comments > div {padding: 0} #product-detail #comments .btn{float: none!important;} #product-detail #comments .user{position: absolute; top:0; left:0;} #product-detail #comments #infovente{margin-top: 10px;} #product-detail #comments #infovente, #product-detail #comments #infovendeur {text-align: left;} #product-detail #comments #infovendeur img{max-height: } #product-detail #comments #infovendeur > div h3{padding-bottom: 5px } #product-detail #comments #infovendeur .user{position: initial;} #product-detail #comments #infovendeur .user,#product-detail #comments #infovendeur .etoiles {padding: 0;} #product-detail #comments #infovendeur .etoiles {margin-bottom: 0px; margin-top: 15px; float:none!important;} #product-detail #comments #infovendeur > div p{margin: 3px 0; font-size: 14px} #product-detail #ajoutpanier a{font-size: 18px;line-height: 28px;} #product-detail #comments #infovendeur .btn{margin-top:20px; margin-bottom: 15px;} #product-detail #sectionfichedetail .descriptionproduit{border:0;} #product-detail #ajoutenvie{position: relative; top:-50px; float:right;} #product-detail #consultation{ margin-bottom: 30px; } #product-detail #consultation span{ white-space: nowrap; } #product-detail #sectionfichedetail{padding-bottom: 0px; padding-top: 0} #product-detail #carateristiques .ligne{display: none;} #product-detail #ajoutenvie .badge{margin-top: 8px; font-size: 14px;} #product-detail #comments{padding-bottom: 40px} #product-detail #ajoutenvie .hover{display: none!important;} #product-detail #ajoutenvie .confirm{width: 160%; left:-32%;top:initial; bottom: -50px}* #product-detail #quantite {margin-bottom: 10px;} #product-detail #quantite > div {margin-bottom: 10px;} #product-detail #quantite label {right: 10px;} .sliderproduits #listing-products .item {width: 50%;} #product-listing #listing-marques #searcharea {margin-bottom: 40px;} #listing-filters {margin-top: 25px;} #listing-filters .filters-button {height: 50px;} #listing-filters .switchleftfilter-border {border-top: 5px solid #f6f6f6; position: relative; top: 20px;} #listing-filters .labelswitchleftfilter {border: 1px solid #c1a95e; padding: 10px 50px; background-color: #fff;} #listing-filters .filtrer-product {padding: 0px;} #listing-filters .nbcreateurs-mobile{line-height: 8px;} #listing-filters .labelswitchleftfilter:focus {outline: 0;} #listing-filters #filters {background-color: #f6f6f6; padding-top: 45px; margin-top: -25px; width: 100%;} #listing-filters #filters ul {padding: 15px;} #listing-filters #filters ul li {list-style: none; display: inline-block; margin-right: 5px;} #listing-filters #filters ul li i {color: #ccc;} #listing-filters #filters .panel {background-color: transparent;} #listing-top2 {border: none;} #listing-top2 label:first-child {width: 100%; text-align: center; border-bottom: 1px solid #c1a95e; font-size: 20px; padding-bottom: 10px; margin-bottom: 10px;} #listing-top2 label {margin-left: 0;} #switch + div, #switchnewsletterconseil + div, #switchnewsletteravantage + div {display: none!important;} #switch:checked + div, #switchleftfilter:checked + div, #switchnewsletterconseil:checked + div, #switchnewsletteravantage:checked + div{display: inherit!important;} #index #switchnewsletterconseil:checked + div,#index #switchnewsletterconseil+ div {display: initial!important;} #index #switch.avantages { display: none; } #index #switchnewsletteravantage + div {display: none!important} #index #newsletter div.switch {display: none!important;} .border > div{text-align: center;} .border > div:not(.noborder) { border-bottom: 1px solid #212c60; height: 10px; } .border {width: 100%;} #titreswitch{text-align: center; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: bold; margin: 0;} .border { text-align: center; height: 20px; } .border .fa {font-size: 18px;} .moteurrecherche #titreswitch{font-size: 6.3vw} .moteurrecherche #trouver{margin-bottom:20px;} .moteurrecherche {padding-bottom: 0; width: 100%;} .moteurrecherche {padding-top: 5px; -webkit-transition: 0.2s;transition: 0.2s;} .moteurrecherche h3 { padding:5px; text-align: center; margin-bottom: 0; } .moteurrecherche .searchform {-webkit-transition: 0.2s;transition: 0.2s; marg!in-top: 15px} .moteurrecherche .valider{ width:50%; margin:auto;} .moteurrecherche > .container > .col-md-2 {border: 1px solid #888;border-radius: 5px;float: none;} /*connexion / moncompte*/ #connexion #page{margin-top:0px;} #connexion .mdpoublie{margin-top: -15px; margin-bottom: 30px;} #connexion .inputbg.bg-danger.valider{} #connexion .inputbg.bg-danger.valider .btn{line-height: 1.8;} #connexion #connexion_rs h2{font-size: 16px; } #connexion .form-horizontal .control-label{padding-top: 5px;} #connexion .inscription input[type="text"]{margin-bottom: 15px;} #connexion .checkbox{padding-top: 0} #connexion .checkbox > div {margin-bottom: 10px;} #listevariantes .fileupload{margin-bottom: 0px;} #listevariantes .btn-file{margin-bottom: 15px;} #espacevendeur-catalogue-edition #listevariantes .lignevariante .thumbnail {height: 140px!important;width: 140px!important;} .espacevendeur .main .topmenuelem#catalogue_vente > div:first-child {width: 60%;} .espacevendeur .main .topmenuelem#histo_commande > div:first-child {width: 50%;} #topproduits h1 {font-size: 26px} #listing-products .item{max-height: 330px; margin-bottom: 10px;} #product-listing .nbresultats{text-align: center;} #product-listing #listing-products .item:not(.exclu) .item-photo{height: 170px;} #listing-products .item.exclu {height: auto; max-height: initial;} #listing-products .item.exclu .item-photo {height: 300px; width: 100%; display: block;} #listing-products .item.exclu .item-infos .description{display: block;} #listing-products .btn-danger{margin-top: -15px; padding: 0} #listing-products .item .item-photo{min-height: 170px; height: 170px} #listing-products .item .item-photo img {max-height: 170px} #listing-products .item.exclu > div > div:last-child{padding-top: 0px;} #listing-products .item .item-infos{font-size: 13px; /*min-height: 55px;*/max-height: 65px;margin-bottom: 0;} #listing-products .item .item-marque{height: 15px;} #listing-products .item .item-infos .description{display: none} #listing-products .item .item-price{font-size: 20px;margin-bottom: 10px;} #listing-products .item .item-price, #listing-products .item .prixneuf {height: 60px;margin: 0;padding: 0;} #listing-products .item .prixneuf {height: 20px;margin-top: 10px;margin-bottom: -5px;} #listing-products .item .item-price span {width: 100%;} #listing-products .item .item-price .right {width: 100%;} #product-detail #prixneuf, #product-detail #prix {display: block; margin-top: 8px; margin-left: 0; padding: 0;} #product-detail #prixneufdiv {margin: 15px 0;} #listing-products .item .whishlistbutton{top:22px; right: 5px;} #listing-products .item .item-photo{vertical-align: initial;} #listing-products .item > div{width: 85%;} #topproduits #listing-products .item{width: 50%; margin-bottom: 0;padding: 6px; max-height: 340px} #topproduits #listing-products .item .item-infos{height: 65px} #listing-products .item .item-photo > img{height: auto;} #topproduits #listing-products .item:nth-child(5){display: none} #topproduits #nouveautes{margin-top: 20px} #newsletter > div > a > div:last-child{min-height: 100px; margin-top: 15px; margin-left: 5%; max-width: 80%; position: relative; } #index #switchnewsletterconseil + a, #index #switchnewsletterconseil + a + a{display: initial!important;} #index #newsletter > .container > h3{margin-bottom: 10px;} #newsletter #titreswitch {font-size: 19px; margin-bottom: 5px; margin-top: 5px} #topinformations .top {height: 50px;} #topinformations .top .titre {position: initial; text-align: center; line-height: 50px;} #topinformations .top .titre .univers {font-size: 24px; position: initial; display: inline-block;} #topinformations .top .titre h1 {font-size: 24px; display: inline-block; line-height: 50px;} #topinformations .top.little .titre h1 {font-size: 53px;} #topinformations .top .titre h2 {font-size: 20px; margin: 0; padding: 0; position: absolute; bottom: -10px; left: 95px;} #newsletter .border > div i {color:white;} #newsletter .border > div:not(.noborder){border-bottom:1px solid white;} /* newsletter */ #newsletter > div > h3 + div,#newsletter > div > a > div{margin-left:0!important;} #newsletter > div > a > div, #newsletter > div > a > div:not(:last-child){max-width:80%;min-height: 200px; padding: 0; margin-bottom: 10px;} #newsletter > div > a > div .img {height:100%; width:100%; overflow: hidden; } #newsletter > div > a > div img{left: -50px; position: relative; height:auto; width:auto; min-width: 100%; max-height:initial; max-width: initial; } #newsletter .hover{ top:0; bottom:0; margin:auto; right:-74px; left:initial; width: 150px; height: 150px; } #newsletter .hover p{font-size: 16px; height: 60px;} #newsletter .hover img {left:0;} #newsletter > div > div:not(:first-child){margin-left: 0} #newsletter .background {width: 100%;left: 0;} #newsletter .top, #newsletter .background {height: 380px;} #newsletter .top h3 {position: initial;font-size: 27px;} #newsletter .boutons, #newslettermini .boutons {text-align: center; display: flex; align-items: center; justify-content: space-between; flex-direction: column; height: 100px;} #newsletter .boutons .btn:first-child, #newslettermini .boutons .btn:first-child {margin-right: 0;/*margin-bottom: 15px;*/} #newsletter .bottom {padding: 20px 0;} /*#newsletter .container > div {padding: 0;}*/ #newsletter #prevenir >#prevenirbox {width: 100%;} #newsletter #btncommentvendre, #newslettermini #btncommentvendre {padding: 9px 14px;} #newsletter #btncommentacheter, #newslettermini #btncommentacheter {padding: 9px 11px;} /*footer*/ #footer .row > div:first-child{text-align: center;} #footer .logo {max-width: 150px; margin-top:0 ; position: relative; display: inline } #footer .logo + ul {display: inline-block; padding-left:50px; } /*#footer ul li{display: none}*/ #footer .logo + ul li{display: inline; } #footer h3 { border-top: 1px solid #c5c5c5; text-align: left; padding:15px 0;margin:0;font-size: 18px;} #footer #cgv {text-align: center; left:0;} #footer .row{border:0;} #footer ul {margin-bottom: 0;} #footer .fa {font-size: 18px;color: #000;transition: 0.4s;-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=-1)";-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);} #footer .collapsed .fa {-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);} #reassurancefooter {font-size: 12px;} #reassurancefooter .col-md-3 {margin-bottom: 20px;} #reassurancefooter .col-md-3.nopadding {padding: 0 15px;} #reassurancefooter img {width: 25px; object-fit: contain;} #reassurancefooter .icones {margin: 20px 0;text-align: center;} #reassurancefooter .icones a {height: 40px;width: 40px;line-height: 40px;font-size: 26px;} #copyright > div {width: 100%;text-align: center;margin: 5px 0;font-size: 14px;} #newsletter > div > div:last-child{width:100%; max-width: 100%; margin-bottom: 0} #newsletter .inscription h3 {font-size: 25px;} #newsletter .inscription h4 {font-size: 15px;} /*#newsletter #prevenir #preveniremail {max-width: 80%;}*/ #newsletter div.switch{max-width: initial!important; min-height: initial!important;} #switchnewsletterconseil + a,#switchnewsletterconseil + a + a{display: none;} #index #switchnewsletterconseil + div + div{display: inherit;} #switchnewsletterconseil:checked + a,#switchnewsletterconseil:checked + a + a{display: inherit;} #newsletter .inscription h4{display: inherit;} #newsletter .container > div{max-height: initial;} #newsletter.mini .inscription h3 {float: left;line-height: normal;margin-left: 10px; margin-bottom: 20px; margin-top: 10px;} #newsletter.mini #prevenir >#prevenirbox {margin-top: 0;float: none;width: 94%; margin-left: 3%;} #newsletter.mini .inscription #prevenirmerci {float: right;} #newsletter.mini #prevenir .input-group-addon, #newsletter.mini #prevenir .input-group-btn .btn, #newsletter.mini #prevenir .form-control {height: 38px;} .ribbon{left:-4px;top:-5px;} /*#listing-top > div:first-child{margin-bottom: 20px}*/ #listing-top .form-horizontal .control-label{padding-top: 6px} #userlike-popup{max-width: 100%; max-height: 85%; position: absolute; bottom: 0; top:initial!important;} /* page info statiques */ #page-informations #header.small .pageinformation + div, #page-devenez-vendeur #header.small .pageinformation + div, #page-comment-vendre #header.small .pageinformation + div, #page-preparer-livraisons #header.small .pageinformation + div, #page-processus-achat #header .pageinformation + div, #page-vendre #header .pageinformation + div{display: none} /*#page-informations #header.small #bgheader, #page-devenez-vendeur #header.small #bgheader, #page-comment-vendre #header.small #bgheader, #page-preparer-livraisons #header.small #bgheader, #page-processus-achat #header.small #bgheader, #page-vendre #header.small #bgheader{display: none!important}*/ /*#page-informations #header.small #bgheader, #page-comment-vendre #header.small #bgheader, #page-preparer-livraisons #header.small #bgheader, #page-processus-achat #header.small #bgheader, #page-vendre #header.small #bgheader{display: none!important}*/ #page-informations #header.small, #page-devenez-vendeur #header.small, #page-comment-vendre #header.small, #page-preparer-livraisons #header.small, #page-processus-achat #header.small, #page-vendre #header.small{min-height: 240px; position: relative; top:76px;} #page-informations .moteurrecherche, #page-devenez-vendeur .moteurrecherche,#page-comment-vendre .moteurrecherche, #page-preparer-livraisons .moteurrecherche, #page-processus-achat .moteurrecherche, #page-vendre .moteurrecherche{position: absolute; top:65px; z-index: 5; display: block;} #page-informations #header .pageinformation h3, #page-devenez-vendeur #header .pageinformation h3, #page-comment-vendre #header .pageinformation h3, #page-preparer-livraisons #header .pageinformation h3, #page-processus-achat #header .pageinformation h3, #page-vendre #header .pageinformation h3{font-size: 8.2vw ;padding-left: 15px; padding-right: 15px} .static_page_info .hublot{width: 70px; height: 70px;display: block; float:none!important; margin:auto; margin-bottom: 40px} .static_page_info .hublot.num1{margin-bottom: 0px} .static_page_info .hublot, .static_page_info .hublot > div {padding-right:0!important;} .static_page_info .hublot > div{width: 48px; height: 48px; padding: 2px 0 5px!important; font-size: 31px; text-align: center; border-radius: 100%; background-color: #e6e6e6; top:0px; left: 0px; } .static_page_info h2{font-size: 5.5vw!important; margin-bottom: 0; margin-top: 25px} .static_page_info .contenu > div li{font-size: 14px; padding-right: 0 } #page-processus-achat .corde{display: none} .static_page_info .contenu.withbackground{top:0!important; padding: 0} .static_page_info .contenu.withbackground .background{background:none!important;} .static_page_info .contenu.withbackground img{position: relative; width: 100%; margin-bottom: 30px; } .static_page_info .contenu:not(.withbackground ) {margin-bottom: 40px;} .static_page_info .contenu.withbackground .hublot{position: absolute; top:-65px!important; right: 0!important; left:0!important; } .static_page_info .imgovered .imgtrimer,#page-preparer-livraisons .static_page_info .imgovered .imgtrimer{width: 100%; height: auto;} .static_page_info .imgovered .imgtrimer img, #page-preparer-livraisons .static_page_info .imgovered .imgtrimer img{left:0!important; max-height: initial; max-width: 100%;} .static_page_info .imgovered .content{position: relative; bottom:initial; width: 100%; margin-left:30px; padding-left: 0!important; padding-right: 0!important} .static_page_info .imgovered .content h1{font-size: 6vw;} .static_page_info > div{background-color: transparent!important;} .static_page_info .container h2{padding-bottom:0!important } #page-vendre .static_page_info .imgovered .content{margin-bottom: 30px} #page-vendre .static_page_info p{margin-bottom: 13px} #page-vendre .static_page_info > .container:last-child h1 + p{margin-bottom: 25px} #page-vendre .static_page_info > .container:last-child h1 + p + p{margin-bottom: 0px} #page-vendre .static_page_info > .container:last-child p:last-child{margin-top : 30px;} #page-vendre .static_page_info > .container{padding-top: 0!important} #page-vendre .static_page_info > div{padding-bottom: 0!important; } #page-vendre .static_page_info .imgovered .imgtrimer#justeprix{height: 210px;} #page-vendre .static_page_info .imgovered .imgtrimer#justeprix img{ width: 250%; top: -206px; left:-30px!important; max-width: initial;} #page-vendre #header .pageinformation h3{width: 75%; margin-left:auto; margin-right:auto} #page-preparer-livraisons .static_page_info .bottomcontainer .col-md-2{width: 50%; float:left; margin-bottom: 20px} #page-preparer-livraisons .static_page_info .imgovered .content{width: 100%; right: 30px} #page-preparer-livraisons .static_page_info .bottomcontainer .col-md-7{float : left; padding-left: 15px;margin-top: 40px} #page-preparer-livraisons .static_page_info > div:not(.container){padding-bottom: 0!important } #page-preparer-livraisons .static_page_info h1{padding-bottom: 5px} #page-preparer-livraisons .static_page_info .content p:last-child {margin-bottom: 0} #page-devenez-vendeur .static_page_info .topelem, #page-comment-vendre .static_page_info .topelem{width: 50%; margin-bottom: 15px} #page-devenez-vendeur .static_page_info .topelem:nth-child(-n+2), #page-comment-vendre .static_page_info .topelem:nth-child(-n+2){height: 205px} #page-devenez-vendeur .static_page_info .topelem > *, #page-comment-vendre .static_page_info .topelem > *{ max-width: 125px} #page-devenez-vendeur .static_page_info .topelem:last-child, #page-comment-vendre .static_page_info .topelem:last-child{width:100%; margin-bottom: 0} #page-devenez-vendeur .static_page_info .topelem:last-child > div, #page-comment-vendre .static_page_info .topelem:last-child > div{height: auto} #page-devenez-vendeur .static_page_info .topelem div, #page-comment-vendre .static_page_info .topelem div{width: 100%; line-height: 1.1; height: 60px} #page-comment-vendre .static_page_info .container h2{margin-bottom: 30px} #page-comment-vendre .static_page_info .imgovered .imgtrimer{width: 100%; height: 180px} #page-comment-vendre .static_page_info .imgovered .imgtrimer img { top:-200px; } #page-comment-vendre .static_page_info .imgovered .content{width: 100%; left: -30px;} #page-comment-vendre .static_page_info .imgovered .content > div{padding-left: 0; padding-right: 0;width: 100%;} #page-comment-vendre .static_page_info .content img{width: 100%; left:0} #page-comment-vendre .static_page_info .containerbottom{padding-top: 0} #page-comment-vendre .static_page_info .containerbottom img{margin-bottom: 25px;} #page-devenez-vendeur .static_page_info .inputbg, #page-comment-vendre .static_page_info .containerbottom .inputbg{width: 100%; float: none; margin: auto; margin-bottom: 30px; padding-bottom: 3px} #page-devenez-vendeur .static_page_info .inputbg .btn, #page-comment-vendre .static_page_info .containerbottom .inputbg .btn{width: 100%; font-size: 20px} #page-comment-vendre .static_page_info > div{padding-bottom: 20px!important; padding-top: 20px!important} #page-comment-vendre .static_page_info {padding-bottom: 0} #page-devenez-vendeur .static_page_info .topelem:last-child div, #page-comment-vendre .static_page_info .topelem:last-child div{font-size: 125%} #page-comment-vendre .static_page_info .content > div:first-child img{display: none} #page-comment-vendre .static_page_info .content > div:last-child{padding-top: 0px} #page-devenez-vendeur .static_page_info .centeredbutton, #page-comment-vendre .static_page_info .containerbottom > div{width: 80%;} #page-comment-vendre .static_page_info .header-left, #page-processus-achat .static_page_info .header-left {width: 100%; text-align: center; position: static; background: #f0f2f1; padding: 20px 70px;} #page-comment-vendre .static_page_info .comment-vendre-header-title, #page-processus-achat .static_page_info .comment-vendre-header-title {font-size: 24px; letter-spacing: 0px; margin: 0;} #page-comment-vendre .static_page_info .step {height: auto; padding-bottom: 25px;} #page-comment-vendre .static_page_info .steps > div {margin-top: 0 !important;} #page-comment-vendre .static_page_info .step .content h1 {font-size: 24px;} #page-comment-vendre .static_page_info .step .content .more {position: static; float: none;} /*#page-comment-vendre .static_page_info .key-rules {height: 850px;}*/ #page-comment-vendre .static_page_info .key-rules div {float: none;} #page-comment-vendre .static_page_info .key-rules .inner-cadre {height: auto;} #page-comment-vendre .static_page_info .key-rules .inner-cadre {border: none;} #page-comment-vendre .static_page_info .conseils .title {top: -18px;} #page-comment-vendre .static_page_info .conseils .conseils-content h2 {font-size: 28px !important;} #page-comment-vendre .static_page_info .selection .art .col-md-2 {margin-top: 0 !important;} #page-comment-vendre .static_page_info .conseils .conseils-content td {display: block;} #page-comment-vendre #step1-xs img{margin-top: 15px;} #page-comment-vendre #step1-xs .content p {margin-top: -60px;} #page-comment-vendre #step2-xs .content {margin-top: -60px;} #page-comment-vendre #step3-xs .content {margin-top: -60px;} #page-comment-vendre #step4-xs .content {margin-top: -60px;} #page-devenez-vendeur .static_page_info .topmessage{max-width: 100%; padding: 20px; height: auto} #page-devenez-vendeur .static_page_info{padding-top: 50px} #page-devenez-vendeur #header .pageinformation h3{margin-top: 50px; margin-bottom: 20px} #page-devenez-vendeur #header.small{height: auto} #page-informations .container {padding-right: 15px;padding-left: 15px;} #page-informations #commission table td{display: block; padding: 10px 5px; width: auto!important} #page-informations #commission table tr:last-child td{padding: 15px 5px} #page-informations #commission table tr{display: inline-block; } #page-informations #presse-et-publications table{max-width: 100%; width: 100%!important;} #page-informations #presse-et-publications table p {padding-top: 20px;} #page-informations #presse-et-publications table *{margin: 0; padding: 0} #page-informations #presse-et-publications table td{display: block; padding-top: 15px} #page-informations #presse-et-publications > div > p{text-align: center;} #page-informations #presse-et-publications span img{ min-width: 100%; height: initial!important;} #page-informations #qui-sommes-nous table{max-width: 100%; width: 100%!important} #page-informations #qui-sommes-nous table td{display: block;} #page-informations #qui-sommes-nous table tr:first-child td{display: none} #page-informations #qui-sommes-nous table tr td table td{display: block!important} #page-informations .topbanner h1 {font-size: 38px;} #page-informations #conditions-generales-de-vente img{height: auto!important; max-width: 100%} #page-informations #faq-aide table{max-width: 100%; width: 100%!important} #page-informations #faq-aide table td{display: block; padding-top: 10px } #page-processus-achat .how {background: none;} #page-processus-achat .how .col-md-6 {height: auto;margin-bottom: 15px;} #page-processus-achat .how .col-md-6.left {padding-left: 15px;} #page-processus-achat .how .col-md-6.right {padding-right: 15px;} #contact h2{width: 100%} #contact .form-horizontal .control-label{white-space: initial;} #page{margin-top: 65px;} #miniheader {position: fixed;background: #fff; } #miniheader .categorisation{z-index: 11!important;color: black;white-space: unset;} #miniheader .categorisation hr{display:block;border-bottom: 2px solid #c1a95e;height: 0; width: 88vw; margin: 10px auto 10px auto;margin-right:5vw;margin-left:5vw;} #miniheader .categorisation a{display:block;} #miniheader .categorisation .vintage{font-family: 'Nothing You Could Do', cursive; text-transform: none; font-size: 23px; letter-spacing: 0;} #miniheader .categorisation{max-width:100vw!important;overflow-x:hidden;overflow-y: scroll;} #miniheader .categorisation .logos a { display: inline-block!important;background: #000; border-radius: 100%; color: #fff; display: inline-block; height: 26px; width: 26px; text-align: center;margin-right:10px;line-height: 26px;font-size: 16px;} #miniheader .categorisation .logos a i{color:white;margin-right: 10px;} #miniheader .categorisation .container{border-bottom:none;padding-right: 15px;padding-left:15px;letter-spacing: 2.5px;font-family: 'Open Sans', sans-serif; font-size: 13px;font-weight: 500;} #miniheader .categorisation .container p a{color: #000} #miniheader .categorisation .container .fermer{color: #000;letter-spacing: normal;font-family: 'Open Sans',;font-size: 15px;} #miniheader .nombot{margin-bottom: 0;} #miniheader .categorisation .container > div > a{display:inline-block!important;text-align: center;} #miniheader .categorisation .container > div > a:first-child{display:inline-block!important;} #miniheader .categorisation .container > div > a{width:30px;height: 30px; padding: 2px 0px 0px 9px; display: inline-flex;margin-top: 20px; /* margin-left: -5px; */} #miniheader .categorisation .rechercheheader input[name="search"]{padding: unset;width: 195px;height: 30px;white-space: unset; } #miniheader .categorisation .rechercheheader label{font-weight: 300;letter-spacing: normal;font-size: 13px;} #miniheader .categorisation .rechercheheader .les_imput{font-weight: 300;letter-spacing: normal;font-size: 13px;background-color: #fff;border-radius: 35px;border: 1px solid #bcbcbc;width: 88vw;margin-left: 0vw;} /* #product-listing #fournisseurdetail{} */ /* Responsive page Créateur/Boutiques */ }