/* @override http://seb.artprecium.redmine.itika.net/css/styles.css http://michael.fuxi.redmine.itika.net/css/styles.css */ /* Name: Base Reset ( from HTML Boilerplate ) URL: http://github.com/Darklg/CSSNormalize Version: 1.0.6 License: MIT Code couleur Eridu : Asium Bleu : 1d539a Artprecium Rouge : a83e36 =========================================================== =RESET =========================================================== */ /* flashmessage */ #flashmessage { margin-top: 20px; } /* ---------- */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var,center,dl,dt,dd,ol,ul,li,fieldset, form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside, audio,canvas,datagrid,datalist,details,dialog,figure,footer,header, menu,nav,section,video,abbr,eventsource,mark,meter,time,progress,output,bb { margin: 0; padding: 0; border: 0; outline: 0; font: inherit; font-size: 100%; vertical-align: baseline; background: transparent no-repeat top left; } article,aside,audio,canvas,datagrid,datalist,details,dialog,figure, figcaption,footer,header,hgroup,menu,nav,section,video {display:block;} abbr,eventsource,mark,meter,time,progress,output,bb {display:inline;} ol,ul{list-style:none} ol li, ul li { background: url(/images/bkg/pictos-sprite.png) no-repeat left -116px; margin: 0 0 5px 0; padding: 0 10px 0 15px; } blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none} a,ins{text-decoration:none} del{text-decoration:line-through} strong{font-weight:bold} em{font-style:italic} /* tables still need 'cellspacing="0"' in the markup */ table{border-collapse:collapse;border-spacing:0;width:100%} nav ul {list-style:none} input,select {vertical-align:middle} input[type="radio"] {vertical-align: text-bottom} input[type="checkbox"] {vertical-align: bottom} input[type="radio"],input[type="checkbox"] {margin:0} .lt_ie8 input[type="checkbox"] {vertical-align:baseline} .lt_ie7 input {vertical-align:text-bottom} input:focus {outline:0} input:-webkit-autofill {background-color:#ccc!important} #content video, #content img {/*max-width:100%;*/height:auto} #content object {max-width:100%;height:auto} #content #file_upload object {max-width: none; height: 40px;} /*permet de faire fonctionner l'oploadify sur firefox*/ #content .visuel-zoom img {max-width: none;} iframe{border:0} /* Bug with Firefox and buttons */ button::-moz-focus-inner {border:0;padding:0;margin:0} blockquote { background: url(/images/bkg/pictos-sprite.png) no-repeat -742px -761px; padding: 0 80px; } blockquote, blockquote p, #content .article blockquote, #content .article blockquote p { color: #707070; font-size: 16px; line-height: 20px; } /* ---------------------------------------------------------- =Réglages de base    ------------------------------------------------------- */ html { height: 100%; } body { position: relative; min-height: 100%; font-family: 'OpenSansRegular',arial, helvetica, sans-serif; } .lt-ie7 body { height: 100%; } sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;} sup{top:-0.5em;} sub{bottom:-0.25em;} .lt-ie8 img { -ms-interpolation-mode: bicubic; } /* Aligne les images inline sur le texte */ img,input[type=image]{vertical-align:bottom;} /* Curseur adéquat pour les boutons */ input[type="submit"],input[type="image"],button{cursor:pointer;} hr { visibility: hidden; clear: both; } /* ---------------------------------------------------------- =Typo    ------------------------------------------------------- */ html { font-size: 62.5%; } body { color: #424242; font-size: 12px; font-size: 1.2rem; font-family: 'OpenSansRegular',arial, helvetica, sans-serif; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { font-family: 'OpenSanssemiLight', helvetiva, sans-serif; display: block; } #main-nav li { font-family: 'OpenSansRegular', helvetiva, sans-serif; display: block; } h1, .h1 { font-size: 30px; line-height: 30px; margin: 0 0 30px; } .home h1, .home .h1 { font-size: 25px; line-height: 40px; margin: 0; } #content .article h2, .h2 { margin: 0 0 20px; font-size: 24px; line-height: 27px; } .home h2, .home .h2 { margin: 0 0 5px 0; } h3, .h3 { margin: 0 0 15px; font-size: 15px; line-height: 16px; } h4, .h4 { margin: 5px 0; font-size: 14px; line-height: 18px; } h5, .h5 { margin: 5px 0; font-size: 15px; line-height: 15px; } h1:first-child, .h1:first-child, h2:first-child, .h2:first-child, h3:first-child, .h3:first-child, h4:first-child, .h4:first-child, h5:first-child, .h5:first-child { margin-top: 0; } p, li { font-size: 14px; } .gris-light { color: #A8A8A8;} /* ----------------------------------------------------------    Structure    ------------------------------------------------------- */ #site, #branding { width: 100%; } #branding { position: relative; z-index: 100; } #branding .contact-header { margin-top: -3px; width: 406px;} #container { padding-top: 73px; z-index: 0; } #content { border-bottom: 1px dashed #e0e0de; padding-bottom: 25px; } #content ul, p { margin-bottom: 10px; } #content ul ul { margin-bottom: 0; padding-left: 12px; } #content ul:last-child, p:last-child { margin-bottom: 0; } #content.content-article { margin-top: 40px; } table { width: 100%; } /* @classes ----------------------------*/ .inbl { display: inline-block; vertical-align: top; } .color1 { /*color: #64462A;*/ color: #336886; } .color2 { color: #6E201C; } .big { font-size: 17px; } .center { text-align: center; } .left { float: left; } .right{float: right; } .title-border { border-bottom: 1px dashed #e0e0de; margin-bottom: 20px; } .title-border h2 { font-size: 20px; } /* ---------------------------------------------------------- Liens    ------------------------------------------------------- */ a { color: #424242; } ul li a, .div_list a { /*color: #64462A;*/ color: #336886; } .div_list > a, .div_list > p > a { background: url("../images/puce3.png") no-repeat scroll left 5px #FFFFFF; padding-left: 12px; text-decoration: none !important; font-size: 14px; } #content .lien-pdf { text-align: right; } /*a:hover, a:focus { text-decoration: underline; }*/ /*#content a:hover figure h2, #content a:hover figure h3, #content a:hover figure h4, #content a:focus figure h2, #content a:focus figure h3, #content a:focus figure h4 { text-decoration: underline; }*/ .aimginv { opacity: 0.70; filter: alpha(opacity=70); } /* L'opacité à .99 permet d'éviter un effet disgracieux sur chrome */ .aimginv:hover, .aimg { opacity: 0.99; filter: alpha(opacity=99); } .aimg:hover, #branding a:hover img { opacity: 0.80; filter: alpha(opacity=80); } .section-zoom .category-link a, .section-zoom .read-more a, #content .carousel-expert li figcaption p.link a, #content .video p.link a, #content .calendrier-ventes .link a, #content .catalogue-liste .view-liste .link a, #content .fiche-detail .insc-vente a, .magazine .entrycontent .read-more a, #mon-compte .link a { background: url(/images/bkg/pictos-sprite.png) no-repeat right 4px; color: #787878; padding-right: 12px; padding-left: 0; } .section-zoom .category-link a { background: url(/images/bkg/pictos-sprite.png) no-repeat right 6px; } #content .calendrier-ventes .link a, #content .action-link .link a, #content .catalogue-liste .view-liste .link a:hover, #content .catalogue-liste .view-liste .link a:focus, #content .fiche-detail .insc-vente { background-position: right 5px; } .section-zoom .read-more a, .magazine .entrycontent .read-more a { background-position: right 3px; } #content .category-link a, #content p.link a { text-decoration: none; } /*#content .category-link a:hover, #content .category-link a:focus, #content p.link a:hover, #content p.link a:focus { text-decoration: underline; }*/ /* ---------------------------------------------------------- @transitions    ------------------------------------------------------- */ .trans-col, #branding a, #section-nav ul li a { -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; } .aimg, .aimginv, .trans-opa, #branding a img, #login > li, #content .estimate-block .btn a, #content .estimate-block-small .btn a, #content .salle-des-ventes .btn-link a, #content aside .section-zoom-infos p.link a, .carousel .prev, .carousel .next, #content .article .bloc-infos .btn a, #content .calendrier-ventes .inline .btn-link a, #content .fiche-detail .header-catalogue .btn-link a, #content .pager-bottom a.prev, #content .pager-bottom a.next, #content .catalogue .btn-insc-vente .btn-link a, .fancybox-inner input.submit, #content .formulaire fieldset.footer .submit, #content .formulaire .prev-link, #content .confirm-estim .info-estim .estim-btn a, .fancybox-inner form .footer .submit, .fancybox-inner #connexion .btn-link a, .fancybox-inner #creationCompte .footer button, #content .magazine .entrycontent .nav-articles li a, #mon-compte .filter-nav .pages a, #mon-compte .bloc-estim .btn-link a, #mon-compte .header-mon-compte .info-membre .actions a, #mon-compte .access-infos .bloc .btn-link a, .infobox .btn-link a { -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .trans-all { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /* @opacity --------------------------------------*/ #content .estimate-block .btn a:hover, #content .estimate-block .btn a:focus, #content .estimate-block-small .btn a:hover, #content .estimate-block-small .btn a:focus, #branding .top-nav li, #search input.submit-search:hover, #search input.submit-search:focus, #content .salle-des-ventes .btn-link a:hover, #content .salle-des-ventes .btn-link a:focus, #content aside .section-zoom-infos p.link a, .carousel .prev:hover, .carousel .prev:focus, .carousel .next:hover, .carousel .next:focus, #content .article .bloc-infos .btn a:hover, #content .article .bloc-infos .btn a:focus, #content .fiche-detail .header-catalogue .btn-link a:hover, #content .fiche-detail .header-catalogue .btn-link a:focus, #content .calendrier-ventes .inline .btn-link a:hover, #content .calendrier-ventes .inline .btn-link a:focus, #content .catalogue .btn-insc-vente .btn-link a:hover, #content .catalogue .btn-insc-vente .btn-link a:focus, .fancybox-inner input.submit:hover, .fancybox-inner input.submit:focus, #content .formulaire fieldset.footer .submit:hover, #content .formulaire fieldset.footer .submit:focus, #content .confirm-estim .info-estim .estim-btn a:hover, #content .confirm-estim .info-estim .estim-btn a:focus, .fancybox-inner form .footer .submit, .fancybox-inner #connexion .btn-link a:hover, .fancybox-inner #connexion .btn-link a:focus, .fancybox-inner #creationCompte .footer button:hover, .fancybox-inner #creationCompte .footer button:focus, #content .magazine .entrycontent .nav-articles li a, #mon-compte .filter-nav .pages a:hover, #mon-compte .filter-nav .pages a:focus, #mon-compte .bloc-estim .btn-link a:hover, #mon-compte .bloc-estim .btn-link a:focus, #mon-compte .header-mon-compte .info-membre .actions a:hover, #mon-compte .header-mon-compte .info-membre .actions a:focus, #mon-compte .access-infos .bloc .btn-link a:hover, #mon-compte .access-infos .bloc .btn-link a:focus { opacity: 0.7; filter: alpha(opacity=70); } #content .pager-bottom a.prev, #content .pager-bottom a.next, #content .formulaire .prev-link { /*opacity: 0.5; filter: alpha(opacity=50);*/ } #branding .top-nav li:hover, #branding .top-nav li:focus, #content .salle-des-ventes .btn-link a, #content aside .section-zoom-infos p.link a:hover, #content aside .section-zoom-infos p.link a:focus, .carousel .prev, .carousel .next, #content .article .bloc-infos .btn a, #content .fiche-detail .header-catalogue .btn-link a, #content .calendrier-ventes .inline .btn-link a, #content .pager-bottom a.prev:hover, #content .pager-bottom a.next:hover, #content .pager-bottom a.prev:focus, #content .pager-bottom a.next:focus, #content .catalogue .btn-insc-vente .btn-link a, .fancybox-inner #apresVente input.submit, #content .formulaire fieldset.footer .submit, #content .formulaire .prev-link:hover, #content .formulaire .prev-link:focus, #content .confirm-estim .info-estim .estim-btn a, .fancybox-inner form .footer .submit, .fancybox-inner #connexion .btn-link a, .fancybox-inner #creationCompte .footer button, #content .estimate-block-small .btn a, #content .estimate-block-small .btn a, #content .estimate-block .btn a, #content .magazine .entrycontent .nav-articles li a:hover, #content .magazine .entrycontent .nav-articles li a:focus, #mon-compte .filter-nav .pages a, #mon-compte .bloc-estim .btn-link, #mon-compte .header-mon-compte .info-membre .actions a, #mon-compte .access-infos .bloc .btn-link a { opacity: 1; filter: alpha(opacity=100); } #branding .lang-nav li a:hover, #branding .lang-nav li a:focus, #branding .lang-nav li.current a { opacity: 0.50; filter: alpha(opacity=50); } /* @inline-block -------------------*/ #branding hgroup h1, #branding hgroup h2, #branding .lang-nav, #branding .top-nav, #branding .lang-nav li, #branding .top-nav li, #login li, #main-nav ul li, .section-zoom .bloc img, .section-zoom .bloc figcaption, #footer .footer-nav li, #section-nav ul li { display: inline-block; vertical-align: top; } /* @header ------------------------------------------------*/ #branding { height: 116px; } #branding ul li, #branding ul li, .section-zoom ul li, #footer ul li { background: none; padding: 0; margin: 0 } #branding, #branding a { color: #363636; } #branding > .inner { height: 100px; padding-top: 55px; position: relative; } #title-site { left: 8px; position: absolute; top: 25px; width: 590px; } #branding hgroup h1, #branding hgroup h2 { margin: 0; } #branding hgroup h1 { color: #bcbcbc; font-family: 'OpenSansItalic', helvetica, sans-serif !important; font-size: 16px; margin-top: 14px ;margin-left: 23px; } #branding hgroup h2, #branding hgroup h2 a { color: #fff; } #branding hgroup h2 { } #branding .rhead { text-align: right; } #branding .bhead { left: 0; top: 118px; position: absolute; } #branding .favoris span { color: #c1c1c1; margin: 0 15px;} #branding .favoris img { vertical-align: top; } /* @nav header --------------------------*/ #branding .lang-nav, #branding .top-nav { margin-bottom: 8px; } #branding .lang-nav ul { margin: 0px 5px 0 5px; } #branding .lang-nav li { margin: 2px 0 0 7px; } #branding .lang-nav li a { background: url(/images/bkg/flags.png) no-repeat left top; display: block; height: 11px; width: 14px; } #branding .lang-nav .french a { background-position: 0 0; } #branding .lang-nav .english a { background-position: -15px 0; } #branding .lang-nav li span { left: -999em; position: absolute; top: -999em; } #branding .top-nav li { font-size: 11px; margin: 0 0 0 18px; } /* @search ----------------------------------------*/ #search { float: right; margin-bottom: 20px; padding: 3px 4px 3px 0; width: 210px; border: 1px solid #e0e0de; } #search-catalogue { margin-bottom: 20px; padding: 1px 4px 1px 5px; border: 1px solid #e0e0de; } #search-catalogue input { background: #fff; height:20px; border: none; color: #000; } #search input { background: #fff; height:20px; border: none; } #search .text, #search-catalogue .text { border: solid 1px #fff !important; color: #999999; font-size: 13px; width: 175px; -webkit-appearance: textfield; } #search input.submit-search { height: 20px; width: 23px; } /* @login -----------------------------*/ #login { text-align: right; width: 302px; } #login li { font-family: 'OpenSansSemibold', helvetica, sans-serif; font-size: 12px; position: relative; text-transform: uppercase; } .fancybox-inner #connexion #FormLogin h3 { margin-bottom: 27px; } /* #login > ul > li:first-child:after { content: '-'; padding: 0 10px; } */ #js #login .infosCompte { display: none; } #login .infosCompte { background: url(/images/bkg/pictos-sprite.png) no-repeat -380px 5px; padding-top: 13px; position: absolute; text-align: left; top: 13px; right: 0; width: 270px; } #login .infosCompte, #login .infosCompte a { color: #333; } #login .infosCompte .inner { background: #fff; border: 1px solid #d8d8d8; border-radius: 5px; padding: 25px 10px 10px 20px; } #login .infosCompte, #login .infosCompte h3, #login .infosCompte li { text-transform: none; } #login .infosCompte h3 { display: block; float: left; font-size: 16px; } #login .infosCompte .actions { display: block; float: right; } #login .infosCompte .action { font-size: 11px; } #login .infosCompte .actions a { background: #ededed url(/images/bkg/pictos-sprite.png) no-repeat right -142px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; color: #000; padding: 5px 25px 6px 12px; } #login .infosCompte .compte-nav { clear: both; padding-top: 15px; } #login .infosCompte .compte-nav li { display: block; float: none; } /* @main-nav ----------------------------*/ #main-nav { width: 670px;} #main-nav ul li { height: 14px; border-right: 1px solid #c1c1c1; font-size: 14px; line-height: 14px; padding: 0 18px; position: relative; text-transform: uppercase; } #main-nav ul li a { display: block; height: 35px} #main-nav ul li:first-child { padding-left: 0; } #main-nav ul li:last-child { border-right: none; } #main-nav ul > li > a:hover, #main-nav ul > li > a:focus, #main-nav ul > li.current > a, #main-nav ul > li.current-page > a, #login > ul > li > a:hover, #login > ul > li > a:focus { color: #999999; } #main-nav ul li li, #login .infosCompte .compte-nav li { border: none; display: block; font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: normal; padding: 0 0 10px 0; text-transform: none; white-space: nowrap; } #main-nav ul li li a, #login .infosCompte .compte-nav li a { /*background: url(/images/bkg/pictos-sprite.png) no-repeat left -496px;*/ color: #333; padding-left: 10px; } #main-nav ul li li a:hover, #main-nav ul li li a:focus, #login .infosCompte .compte-nav li a:hover, #login .infosCompte .compte-nav li a:focus { background-position: left -596px; color: #999999; } #js #main-nav ul li .subNav { display: none; } #main-nav ul li .subNav { left: 0; padding: 15px 0 0 0; position: absolute; top: 22px; z-index: 2; width: auto; } #main-nav ul li .subNav ul { background: #fff; border: 1px solid #d8d8d8; border-width: 1px 1px 1px; padding: 15px 30px 15px 12px; width: auto; } #main-nav ul li .subNav ul li { height: 18px; } #main-nav ul li .subNav ul li a { font-family: 'OpenSansRegular', helvetica, sans-serif; font-size: 13px; line-height: 20px; } #section-nav { border-bottom: 1px solid #e0e0de; margin-bottom: 25px; margin-top: 19px; } #section-nav ul { padding-bottom: 25px; } #section-nav ul li { background: none; font-family: 'OpenSansRegular', helvetica, sans-serif; font-size: 13px; line-height: 13px; padding: 0 30px 0 0; } #section-nav ul li a { color: #373536; } #section-nav ul li a:hover, #section-nav ul li a:focus, #section-nav ul li.current a { color: #999999; } /* @footer ------------------------------------------------*/ #footer .row { clear: both; } /*#footer a:hover, #footer a:focus { text-decoration: underline; }*/ #footer .footer-infos .bloc { border: 1px dashed #e0e0de; border-width: 0 1px 0 0; margin-right: 7px; } #footer .footer-infos .bloc { padding-left: 14px; width: 270px; } #footer .footer-infos .first { padding-left: 0; width: 380px; } #footer .footer-infos p { font-size: 13px; } #footer .footer-infos, #footer .sitemap { border-bottom: 1px dashed #E0E0DE; } #footer .footer-infos { padding: 25px 0 20px; } #footer .sitemap, #footer .credits { padding: 10px 0; } #footer .footer-infos h5, #content .catalogue-liste aside .bloc h5 { margin-bottom: 15px; text-transform: uppercase; } #footer .footer-infos a { background: url(/images/bkg/pictos-sprite.png) no-repeat right 7px; color: #336886; padding-right: 12px; } #footer .footer-infos ul { margin-bottom: 10px; } #footer .footer-infos ul li { background: url(/images/bkg/pictos-sprite.png) no-repeat left -116px; margin: 0 0 5px 0; padding: 0 10px 0 15px; font-size: 13px; } #footer .info-paiement img { margin-right: 3px; } #content .fiche-detail .contenu_onglet .tel, #content .fiche-detail .contenu_onglet .mail, #footer .footer-infos .tel, #footer .footer-infos .mail, #content .section-zoom .tel, #content .section-zoom .mail, #content .section-zoom .courrier, #content .catalogue-liste aside .bloc .tel, #content .catalogue-liste aside .bloc .mail { background: url(/images/bkg/pictos-sprite.png) no-repeat left top; line-height: 20px; padding-left: 40px; } #footer .footer-infos .poste{ line-height: 20px; padding-left: 40px; } #content .section-zoom .address { padding-left: 40px; } #content .fiche-detail .contenu_onglet .tel, #footer .footer-infos .tel, #content .section-zoom .tel, #content .catalogue-liste aside .bloc .tel { background-position: 0 -300px; } #footer .footer-infos .tel, #content .catalogue-liste aside .bloc .tel { margin-bottom: 25px; } #footer .footer-infos .mail, #content .section-zoom .mail, #content .catalogue-liste aside .bloc .mail { background-position: 0 -400px; } #content .section-zoom .courrier { background-position: 0 -700px; margin-bottom: 0; } #content .fiche-detail .contenu_onglet .mail { background-position: 0 -385px; } #content #mon-compte .section-zoom .tel, #content #mon-compte .section-zoom .mail { background: url(/images/bkg/pictos-sprite.png) no-repeat left top; } #content #mon-compte .section-zoom .tel { background-position: 0 -300px; } #content #mon-compte .section-zoom .mail { background-position: 0 -400px; } #content #mon-compte .section-zoom .mail a { font-weight: bold; } #form-news { margin-bottom: 15px; } #form-news input { -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; } #form-news .text { background: #fff; border: 1px solid #d8d8d8; font-size: 13px; height: 20px; margin-right: 8px; padding: 2px 5px; width: 205px; } #form-news .submit-mail { background: #b9b9b9; border: none; color: #fff; font-size: 13px; font-weight: bold; height: 24px; padding: 1px 6px 2px 4px; } #footer .footer-infos .social-links li { background: url(/images/bkg/pictos-sprite.png) no-repeat left top; height: 16px; padding-left: 25px; } #footer .footer-infos .social-links .facebook { background-position: 0 -200px; } #footer .footer-infos .social-links .twitter { background-position: 0 -220px; } #footer .sitemap h5 { font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; } #footer .footer-nav li { font-size: 11px; line-height: 20px; padding-right: 15px; } #footer .footer-nav li a { background: url(/images/bkg/pictos-sprite.png) no-repeat right -54px; padding-right: 10px; color: #336886; } #footer .credits p { font-size: 11px; } #footer .credits a { color: #999999; } #footer .credits a:after { content: ' - '; padding: 0 5px; } #footer .credits a:last-child:after { content: ''; } #footer #newsletter-footer input[type=text] { background: url("../images/input_newsletter2.png") no-repeat scroll 0 0 transparent; border: 0 none; color: #414141; float: left; font-size: 13px; height: 26px; line-height: 26px; padding: 0 15px; width: 187px; } #footer #newsletter-footer input[type=image] { float: right; } /* @bloc salle des ventes -------------------------------------------------*/ #content .salle-des-ventes { border: 1px dashed #cecece; border-width: 1px 0; padding: 10px 0; } #content .salle-des-ventes .right .btn-link {text-align: right;} #content .salle-des-ventes .right { padding-top: 5px; } #content .salle-des-ventes .left { white-space: nowrap; } #content .salle-des-ventes img { display: block; float: left; margin-right: 10px; } #content .salle-des-ventes h1 { color: #6E201C; font-family: 'OpenSansRegular', helvetica, sans-serif; font-size: 24px; line-height: 24px; margin: 0 0 5px; } #content .salle-des-ventes h2 { font-family: arial, helvetica, sans-serif; font-size: 16px; margin: 0; } #content .salle-des-ventes p { font-size: 14px; } #content .salle-des-ventes p.btn-link, #content .calendrier-ventes p.btn-link, .fancybox-inner input.submit, #content .formulaire fieldset.footer .submit, #content .confirm-estim .info-estim .estim-btn a, .fancybox-inner form .footer .submit, #mon-compte .bloc-estim .btn-link a, #mot-de-passe-oublie-form .submit, #AlerteCatalogue .submit, #mon-compte .body-achat .submit, #mon-compte .body-vente .submit, #mon-compte .oeuvres_suivies div.action .btn-link a { border: none; font-size: 13px; padding-top: 5px; } .fancybox-inner #connexion .btn-link a { border: none; font-size: 14px; padding-top: 5px; font-family: 'OpenSansRegular', helvetica, sans-serif; } #content .salle-des-ventes .btn-link a, #content .calendrier-ventes p.btn-link a, .fancybox-inner input.submit, #content .formulaire fieldset.footer .submit, #content .confirm-estim .info-estim .estim-btn a, #content .section-estimation .btn-link a, .fancybox-inner form .footer .submit, .fancybox-inner #connexion .btn-link a, #mon-compte .bloc-estim .btn-link a, #mon-compte .access-infos .bloc .btn-link a, #mot-de-passe-oublie-form button.submit, #AlerteCatalogue button.submit, #confirminscription .btn-link a, #mon-compte .body-achat .submit, #mon-compte .body-vente .submit, #mon-compte .oeuvres_suivies div.action .btn-link a, #mon-compte #mes-alertes button, #content .text-fiche .submit { background-color: #1c5542; color: #fff; padding: 10px 24px; } #content .salle-des-ventes .btn-link a:hover, #content .calendrier-ventes p.btn-link a,hover { background-color: #a83e36; } /* Mon Compte / Mes alertes ==========================================================*/ #mon-compte #mes-alertes h4 { margin-bottom: 10px; } #mon-compte #mes-alertes div > select, #mon-compte #mes-alertes div > p { float: left; width: 236px; margin-bottom: 8px; } #mon-compte #mes-alertes .info-add{ width: 45%; } #mon-compte #mes-alertes .info-del { text-align: right; margin-left: 55%; } #mon-compte #mes-alertes select { height: 130px; } #mon-compte #mes-alertes .boutons button { display: block; margin: 25px auto; background-color: #6B9DB9; } #mon-compte #mes-alertes .boutons .retirer { background-color: #6B9DB9; background-position: -772px -229px; padding: 5px 20px 8px 34px; } #mon-compte #mes-alertes .footer { text-align: center; padding: 30px; } /* ======================================================= =CONTENT ==========================================================*/ #content .row { clear: both; margin-bottom: 20px; } #content .upcoming-sales, #content .estimate-block { position: relative; } #content .estimate-block > div { height: 281px; border: 1px solid #e0e0de; } #content .estimate-block-small { height: 105px; position: relative;} #content .upcoming-sales figcaption { background: url(/images/bkg/bg-black-50-ie.png) repeat left top; background: rgba(0,0,0,0.5); bottom: 0; display: block; padding: 15px 15px 0px; position: absolute; left: 0; width: 683px; } #content .upcoming-sales h2 { font-size: 20px; font-family: 'OpenSansRegular', helvetica, sans-serif; } #content .upcoming-sales h2, #content .upcoming-sales p { color: #fff; margin: 0; padding: 0; } #content .upcoming-sales img { max-width: 100%; height:283px; } #content .upcoming-sales p { margin: 0 0 4px 123px; font-family: 'OpenSansSemilight', helvetica, sans-serif; font-size: 18px; } #content .estimate-block p { color: #424242; } #content .estimate-block p.titre { margin-top: 10px; margin-bottom: 0; font-size: 25px; font-family: 'OpenSansSemilight', helvetica, sans-serif; } #content .estimate-block p.sous-titre { line-height: 20px; font-size: 16px; font-family: 'OpenSansSemilight', helvetica, sans-serif; } #content .estimate-block, #content .estimate-block-small { text-align: center; margin-left: 32px; } #content .colonne_droite_cms .estimate-block { margin-left: 32px; } #content .estimate-block-small { margin-bottom: 10px; } #content .estimate-block .btn, #content .estimate-block-small .btn { text-align: center; width: 100%; } #content .estimate-block .btn { top: 190px; margin-top: 18px; margin-bottom: 5px; } #content .estimate-block-small .btn { top: 47px; } #content .estimate-block .btn a, #content .estimate-block-small .btn a { display: block; font-family: 'OpenSansSemibold', helvetica, sans-serif; font-size: 18px; margin: 0 auto; padding: 8px 10px 0 10px; width: 200px; } #content .estimate-block .btn a { background: #a83e36; color: #fff; } #content .estimate-block-small .btn a { background: #14445f url(/images/bkg/pictos-sprite3.png) no-repeat right 10px; color: #fff; font-family: 'OpenSansRegular', helvetica, sans-serif; font-size: 16px; padding: 5px 25px 10px 20px; } .home #content .estimate-block .btn a, #content .estimate-block .btn a { /*background-position: 177px -57px;*/ font-size: 14px; font-family: 'OpenSansRegular', helvetica, sans-serif; width: 175px; height: 30px; } #content .adjuge, #content .lien-estimation { background: #809D2A; text-align: center; padding: 10px 5px; margin: 0 0 10px 0; color: white; font-weight: bold; width:100%; } #content .text-fiche .lien-estimation a { display: block; color: #fff; } aside .estimate-block, aside .section-zoom { margin-bottom: 10px; } .description-categorie h2 { font-size: 20px; font-weight: bold; margin-bottom: 20px; } .description-categorie h3 { font-size: 16px; font-weight: bold; margin-bottom: 10px; } .description-categorie p, .description-categorie li { font-size: 13px; line-height: 17px; font-family: 'OpenSansRegular', helvetica, sans-serif; } .description-categorie li { background-position: left -114px; } .description-categorie p, .description-categorie ul { margin-bottom: 20px; text-align: justify; } .description-categorie a { text-decoration: underline; } /* @bloc section-zoom -------------------------------*/ #calendrier-vente, #resultat-vente { margin-top: 40px; margin-bottom: 40px !important; padding-bottom: 20px; border-bottom: 1px solid #e0e0de; } #resultat-vente { height: 322px; overflow: hidden; } #resultat-vente .container_rowgrid > div { margin-bottom: 100px; } #resultat-vente div.info h4 { color: #424242; } #resultat-vente div.info { margin-top: 10px; } #resultat-vente .price { font-size: 14px; font-family: 'OpenSansSemibold', helvetica, sans-serif; } #resultat-vente h4 { font-size: 14px; font-family: 'OpenSansRegular', helvetica, sans-serif; } #resultat-vente .info { font-size: 12px; font-family: 'OpenSansRegular', helvetica, sans-serif; color: #9c9c9c; } aside .section-zoom { } .home .section-zoom { /*margin-right: 7px;*/ padding: 0; } #calendrier-vente .section-zoom img { width: 100%; max-height: 205px; } #calendrier-vente .section-zoom .grid_4:last-child { margin: 0; } #calendrier-vente .section-zoom .grid_4 { margin-right: 15px; } .home .section-zoom:last-child, #footer .footer-infos .bloc:last-child { border-right: none; /*margin-right: 8px;*/ } .section-zoom h3, aside .section-zoom h2, .section-experts h3 { font-size: 20px; line-height: 15px; margin-bottom: 20px; font-family: 'OpenSansSemilight', helvetica, sans-serif; } .section-zoom .article-small figure { margin-bottom: 10px; } .section-zoom .article-small { /*height: 268px;*/ } .section-zoom .article-small p, .magazine .entrycontent .read-more { font-size: 12px; line-height: 16px; margin-bottom: 8px; padding-right: 5px; } /*.section-zoom .article a:hover, .section-zoom .article a:focus { text-decoration: underline; }*/ .section-zoom .bloc { clear: both; margin-bottom: 12px; } .section-zoom .bloc img { margin: 0 10px 0 0; } .section-zoom .bloc figcaption { width: 160px; } /*.home .section-zoom .bloc figcaption { width: 125px; }*/ .section-zoom .bloc .info { color: #626262; font-size: 11px; margin: 0; } .section-zoom .bloc h4 { font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 1.3em; margin: 0; } .section-zoom .category-link { padding-top: 3px; font-family: 'OpenSansSemilight', helvetica, sans-serif; font-size: 13px; } #content .section-zoom .bloc ul { list-style-type: none; list-style-position: outside; } .section-zoom .read-more { font-size: 11px; } .section-zoom .price { color: #762117; } .section-zoom img { max-height: 231px; } .section-zoom.ou-nous-trouver > div { margin: 0 0 15px 0; } .section-zoom.ou-nous-trouver img { float: left; margin-right: 15px; } .section-zoom.ou-nous-trouver h4 { font-size: 14px; font-family: 'OpenSansRegular', helvetica, sans-serif; } .section-zoom.ou-nous-trouver h3 { margin-bottom: 30px; } .section-zoom.ou-nous-trouver .info li { font-size: 13px; font-family: 'OpenSansSemilight', helvetica, sans-serif; color: #9c9c9c; } .section-zoom.unjourunartiste .presentation { font-size: 13px; font-family: 'OpenSansRegular', helvetica, sans-serif; } .section-zoom.unjourunartiste h4 { font-size: 14px; font-family: 'OpenSansSemibold', helvetica, sans-serif; } .home .section-zoom.unjourunartiste .bloc figcaption { width: 100%; } /* @Ajout Aline 13/03/2013 ---------------------------------*/ #content .section-zoom .bloc img { height: 60px; } #content .section-zoom .bloc figure span { width: 90px; display: inline-block; text-align: center; } .home .section-zoom .bloc figcaption { width: 120px; } /* @page CMS --------------------------------------*/ #content .article p a, #content .article p.link a, #content .external-link a, #content .section-zoom.contact a { color: #336886; font-family: 'OpenSansSemilight', helvetica, sans-serif; padding-right: 12px; background: url("/images/bkg/pictos-sprite.png") no-repeat scroll right 6px rgba(0, 0, 0, 0); } /*#content .article a:hover, #content .article a:focus, #content .article p.link a:hover, #content .article p.link a:focus, #content .external-link a:hover, #content .external-link a:focus { text-decoration: underline; }*/ #content .article h2 { clear: both; font-size: 20px; } #content .article h3 { margin: 0 0 5px; color: #6E201C; } #content .article h3 span { color: #333; font-size: 14px; } #content .article img { margin-bottom: 20px; } #content .article img.left { margin: 0 25px 20px 0; } #content .article img.right { margin: 0 0 20px 25px; } #content .article p, #content .article li { font-size: 13px; line-height: 17px; font-family: 'OpenSansRegular', helvetica, sans-serif; } #content .article li { background-position: left -114px; } #content .div_list li, content .div_list a { /*background-position: left -113px;*/ background: url("../images/puce3.png") no-repeat scroll left 5px #FFFFFF; font-size: 14px; padding-left: 12px; } #content .article p, #content .article ul { margin-bottom: 20px; text-align: justify; } #content .action-link { margin-bottom: 0px; } #content .faq .action-link { margin-bottom: 10px; } #content p.link, #content p.external-link { margin: 0 0 5px; } #content p.insc-vente { margin: 20px 0 5px; } #content .article .link a, #content .external-link a, #content .faq .action-link .link a, .fancybox-inner #bienvenue p.link a { background: url(/images/bkg/pictos-sprite.png) no-repeat left top; color: #6E201C; } #content .article .link a, #content .faq .action-link .link a, .fancybox-inner #bienvenue p.link a { background-position: left -744px; padding-left: 12px; } #content .external-link a { background-position: left -785px; padding-left: 23px; } #content .article .bloc-infos { background: #8b8d95; padding: 20px 30px 10px; margin-bottom: 30px; } #content .article .bloc-infos p { font-size: 16px; line-height: 20px; margin-bottom: 10px; } #content .article .bloc-infos p.link, .fancybox-inner #bienvenue p.link a { font-size: 14px; } #content .article .bloc-infos p.link a { background-position: -795px -264px; text-decoration: none; } /*#content .article .bloc-infos p.link a:hover, #content .article .bloc-infos p.link a:focus, .fancybox-inner #bienvenue p.link a:hover, .fancybox-inner #bienvenue p.link a:focus { text-decoration: underline; }*/ #content .article .bloc-infos p, #content .article .bloc-infos p.link a { color: #fff; } #content .section-zoom p a, .magazine .entrycontent .read-more a, #content #mon-compte aside a { color: #336886; } /*#content .section-zoom p a:hover, #content .section-zoom p a:focus, .magazine .entrycontent .read-more a:hover, .magazine .entrycontent .read-more a:focus { text-decoration: underline; }*/ #content .section-zoom .border { border-bottom: 1px dashed #e6e6e6; padding-bottom: 10px; } #content .video { margin-bottom: 25px; text-align: center; } /*#content .video p.link a:hover, #content .video p.link a:focus { text-decoration: underline; }*/ #content .article .bloc-infos .btn { margin-top: 10px; } #content .article .bloc-infos .btn a { background: #fff url(/images/bkg/pictos-sprite.png) no-repeat 115px -57px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; color: #333; font-family: 'OpenSansSemibold', helvetica, sans-serif; font-size: 14px; padding: 8px 25px 5px 10px; text-decoration: none; width: 140px; } #content .article .bloc-infos .big { font-family: 'OpenSansSemibold', helvetica, sans-serif; font-size: 20px; margin: 0 0 5px; } #content .article .bloc-infos .big span { font-family: 'OpenSansRegular', helvetica, sans-serif; font-size: 18px; } #content .article .bloc-infos small { color: #fff; font-size: 13px; } #content .colonne_droite_cms .section-zoom .bloc-vente { margin-bottom: 15px;} #content .colonne_droite_cms .section-zoom { margin-left: 32px; padding: 5px; border: 1px solid #e0e0de; } #content .colonne_droite_cms .section-zoom span, #content .colonne_droite_cms .section-zoom figcaption { display: inline-block; } #content .colonne_droite_cms .section-zoom figcaption { width: 195px; font-size: 12px; } #content .colonne_droite_cms .section-zoom figcaption * { font-size: 12px; margin: 0; } /*------- page cms choix instrument -------*/ #content ul#liste-instrument li { float: left; width: 50%; height: 210px; margin: 10px 0; padding: 0; text-align: center; background: none; } /*------- page cms estimation -------*/ #content ul#liste-images { height: 260px; } #content ul#liste-images li { float: left; margin: 0 5px; padding: 0; text-align: center; font-size: 16px; font-weight: bold; background: none; } #content ul#liste-images li div, #content ul#liste-images-archet li div { margin-bottom: 4px; } #content ul#liste-images li img { height: 230px; } #content ul#liste-images li img, #content ul#liste-images-archet li img { border: solid 1px #cacaca; } #content ul#liste-images-archet { height: 120px; } #content ul#liste-images-archet li { float: left; width: 50%; padding: 0; text-align: center; font-size: 16px; font-weight: bold; background: none; } /* @page CMS ISOLEE --------------------------------------*/ #content.content-article.isole { margin: 0;} #content .bandeau { margin-bottom: 50px; padding: 64px 350px 64px 30px; border-top: 1px solid #e0e0de; border-bottom: 1px solid #e0e0de; font-family: "OpenSansSemilight",helvetica,sans-serif; font-size: 34px; } #content.content-article.isole .grid_5 { width: 420px; } #content.content-article.isole .estimate-block { margin-left: 85px; } #content.content-article.isole .estimate-block > div { border-bottom: 4px solid #a83e36; } #content.content-article.isole h2 { margin-bottom: 20px; font-size: 20px; color: #a83e36; } #content.content-article.isole h3 { margin-bottom: 10px; font-size: 16px; color: #a83e36; } /* @section-zoom-infos -------------------*/ aside .section-zoom-infos .bloc { margin-bottom: 10px; position: relative; } aside .section-zoom-infos figcaption { left: 20px; position: absolute; top: 20px; width: 130px; } aside .section-zoom-infos h2 { margin-bottom: 10px; } aside .section-zoom-infos p, aside .section-zoom-infos p a { color: #fff; font-size: 12px; } #content aside .section-zoom-infos p.link a { background-position: right -266px; color: #fff; padding: 0 10px 0 0; text-decoration: none; } /* @Carousel-fade ------------------------------------ */ .container_12 .carousel { position: relative; } .carousel-expert, .carousel-cp { width: 300px; } #content .carousel-expert img, #content .carousel-cp img { max-height: 150px; } .carousel-expert ul, .carousel-cp ul { border: 1px solid #e0e0de; height: 230px; list-style-type: none; overflow: hidden; position: relative; width: 300px; } .carousel-expert li, .carousel-cp li { background: none; display: none; height: 240px; left: 0; padding: 0; position: absolute; top: 0; width: 300px; } .section-estimation .carousel-expert, .section-estimation .carousel-expert ul, .section-estimation .carousel-expert li { width: 100% } .carousel-expert li:first-child, .carousel-cp li:first-child { display: block; } .carousel-expert li figcaption, .carousel-cp li figcaption { clear: both; padding: 13px 70px 10px 15px; } .carousel-expert li figcaption h4, .carousel-cp li figcaption h4, #content .section-experts li figcaption h4, #content .section-estimation .section-experts figcaption h3 { font-size: 14px; line-height: 18px; margin: 0; } .carousel-expert li figcaption p, .carousel-expert li figcaption p, #content .section-experts li figcaption p { font-size: 13px; } .carousel-expert .prev, .carousel-expert .next, .carousel-cp .prev, .carousel-cp .next, #carouselThumb .prev, #carouselThumb .next, #carouselThumbFull .prev, #carouselThumbFull .next, #carouselVenteThumb .prev, #carouselVenteThumb .next { background: url(/images/bkg/pictos-sprite.png) no-repeat 8px -97px; cursor: pointer; display: block; height: 23px; position: absolute; top: 163px; width: 24px; z-index: 10; } #carouselThumb .prev, #carouselThumb .next, #carouselVenteThumb .prev, #carouselVenteThumb .next { top: 30px; } #carouselThumbFull .prev, #carouselThumbFull .next { top: 40px; } .carousel-expert .prev, .carousel-cp .prev { left: 235px; } .carousel-expert .next, .carousel-cp .next { background-position: -775px -524px; left: 264px; } #carouselThumb .prev, #carouselVenteThumb .prev { left: 0; } #carouselThumb .next, #carouselVenteThumb .next, #carouselThumbFull .next { background-position: 8px -63px; right: 0; } #carouselThumbFull .next { right: 6%; } #carouselThumbFull .prev { left: 5%; } .section-estimation .carousel-expert .prev, .section-estimation .carousel-expert .next { top: -30px; } .section-estimation .carousel-expert .prev { left: 235px; } .section-estimation .carousel-expert .next { left: 260px; } /* #content .visionneuse, #content .visionneuse .zoom, .nav-carousel { width: 100%; } .visionneuse .zoom { height: 470px; margin-bottom: 15px; overflow: hidden; } .visionneuse #viewer img { display: block; max-height: 100% !important; margin: 0 auto; width: auto !important; }*/ .nav-carousel { clear: both; position: relative; } #carouselThumb { height: 82px; } .nav-carousel ul { list-style-type: none; list-style-position: outside; } #js .nav-carousel .masque { height: 82px; left: 35px; overflow: hidden; position: absolute; width: 490px; } .nav-carousel li { background: none; display: block; float: left; margin: 0; padding: 0; text-align: center; width: 98px; } #carouselThumb .masque a { border: 1px solid #4f4f4f; display: block; height: 80px; overflow: hidden; width: 80px; position: relative; z-index: 1; } #carouselThumb .masque a:hover, #carouselThumb .masque a:focus, #carouselThumb .masque a.actif { border: 3px solid #AE4842; height: 76px; width: 76px; } #carouselThumb .masque img { left: 0; position: absolute; top: 0; max-height: 80px !important; max-width: 80px !important; z-index: 0; } #carouselThumb .masque a:hover img, #carouselThumb .masque a:focus img, #carouselThumb .masque a.actif img { left: -2px; top: -2px; } /* @modifs css zoom ---------------------------------------------------------*/ #content .visionneuse, #content .visionneuse .zoom, .nav-carousel { width: 100%; } .visionneuse .zoom { cursor: url(../images/bkg/zoom.cur), move; height: 470px; margin-bottom: 15px; overflow: hidden; position: relative; } .visionneuse #viewer a { height: 470px; width: 100%; } .visionneuse #viewer a img { display: block; max-height: 100% !important; margin: 0 auto; width: auto !important; } .visionneuse #viewer a { position: absolute; } .visionneuse #viewer .visuel-zoom, .visionneuse #viewer .visuel-zoom img { left: 0; position: absolute; top: 0; } #js .visionneuse #viewer .visuel-zoom { display: none; } /* @en modifs zoom ------------------------------------------------------------------------*/ .nav-carousel { clear: both; position: relative; } #carouselThumb { height: 82px; } .nav-carousel ul { list-style-type: none; list-style-position: outside; } #js .nav-carousel .masque { height: 82px; left: 35px; overflow: hidden; position: absolute; width: 490px; } .nav-carousel li { background: none; display: block; float: left; margin: 0; padding: 0; text-align: center; width: 98px; } #carouselThumb .masque a { border: 1px solid #e0e0de; display: block; height: 80px; overflow: hidden; width: 80px; position: relative; z-index: 1; } #carouselThumb .masque a:hover, #carouselThumb .masque a:focus, #carouselThumb .masque a.actif { border: 3px solid #AE4842; height: 76px; width: 76px; } /* @Enchères-auto -----------------------------------*/ #content .oeuvres_suivies { margin-bottom: 20px; } #content .oeuvres_suivies > p:first-child a { color: #336886; } /*#content .oeuvres_suivies > p:first-child a:hover { text-decoration: underline; }*/ #content .oeuvres_suivies header h2 { margin-bottom: 20px; font-size: 20px; font-family: 'OpenSansSemilight', helvetica, sans-serif; } #content .oeuvres_suivies .description, #content .oeuvres_suivies .left.text.action p { font-family: 'OpenSansRegular', helvetica, sans-serif; } #content .oeuvres_suivies h3 { color:#741F19; font-family:Georgia,Times New Roman,Times,serif; font-size:18px; font-weight:normal; margin-bottom:20px; } #content .oeuvres_suivies h2 { padding: 0; margin-bottom: 6px; font-size: 16px; font-weight: bold; border: none; } #content .oeuvres_suivies h2 em { font-weight: normal; } #content .oeuvres_suivies .left.visuel { height: 150px; margin-right: 20px; } #content .oeuvres_suivies .left.visuel.oa { max-width: 200px; overflow: hidden; margin-bottom: 30px; } #content .oeuvres_suivies .left.visuel img { height: 100%; } #content .oeuvres_suivies .left.text.description { width: 300px; margin-bottom: 10px; } #content .oeuvres_suivies .left.text.description.oa { width: 270px; margin-bottom: 10px; } #content .oeuvres_suivies .left.text.description.reduit { width: 215px; padding-right: 20px; } #content .oeuvres_suivies .left.text.description p { margin: 0; font-size: 12px; } #content .oeuvres_suivies .left.text.description p.dimension { margin-bottom: 20px; } #content .oeuvres_suivies .left.text.description p a { color: #336886; } /*#content .oeuvres_suivies .left.text.description p a:hover { text-decoration: underline; }*/ #content .oeuvres_suivies .left.text.action { float: right; } #content .oeuvres_suivies .left.text.action p { font-size: 12px; } #content .oeuvres_suivies .left.text.action p.btn-link { margin-bottom: 20px;} #content .statut { border-bottom: 1px solid #E0E0DE; border-top: 1px solid #E0E0DE; clear: both; overflow: hidden; padding: 9px 0; margin-bottom: 50px; } #content .statut P { float: left; margin: 0; line-height: 26px; } #content .statut .supprimer { float: right; } /* filtres */ #content #mon-compte #filtre-favoris, #content #mon-compte #filtre-vente { margin: 25px 0; padding: 10px 0; border: 1px #e0e0de dashed; border-width: 1px 0 1px 0;} #content #mon-compte #filtre-favoris a, #content #mon-compte #filtre-vente a { color: #787878; } #content #mon-compte #filtre-favoris a.current, #content #mon-compte #filtre-vente a.current { color: #424242; } /* @mes favories -----------------------------------*/ #content .oeuvres_suivies.favories .left.visuel { width: 194px; overflow: hidden; margin-bottom: 10px; } #content .oeuvres_suivies.favories.vente .left.visuel { width: 482px; height: 194px; overflow: hidden; margin-bottom: 10px; } #content .oeuvres_suivies.favories.vente .bloc-vente { width: 100%; font-family: 'OpenSansRegular', helvetica, sans-serif;} #content .oeuvres_suivies.favories.vente .bloc-vente .action { clear: both; margin-bottom: 20px; text-align: right; border-bottom: 1px solid #E0E0DE;} #content .oeuvres_suivies.favories.vente .bloc-vente .action a {padding-right: 12px; color: #336886; background: url("/images/bkg/pictos-sprite.png") no-repeat scroll right 6px rgba(0, 0, 0, 0);} #content .oeuvres_suivies.favories.vente .bloc-vente figure span img { width: 100%;} #content .oeuvres_suivies.favories.vente .bloc-vente figure span { float: left; width: 200px; margin-right: 20px; overflow: hidden;} #content .oeuvres_suivies.favories.vente .bloc-vente figure figcaption { float: left; font-size: 12px; width: 250px; height: 100%;} #content .oeuvres_suivies.favories.vente .bloc-vente figure figcaption h4 {font-size: 15px; font-family: 'OpenSansSemibold', helvetica, sans-serif; } #content .oeuvres_suivies.favories .action-enchere { width: 260px; margin-top: 4px; margin-bottom: 20px; } #content .oeuvres_suivies.favories .action-enchere p { font-size: 12px; font-family: "OpenSansRegular",helvetiva,sans-serif; } #content .oeuvres_suivies.favories .action-enchere .infos-temps { font-family: "OpenSansSemibold",helvetiva,sans-serif; padding: 0 0 20px 0; margin-bottom: 10px; } #content .oeuvres_suivies.favories .action-enchere .infos-temps p { font-family: "OpenSansSemibold",helvetiva,sans-serif; } #content .oeuvres_suivies .temps-restant { padding-left: 25px; background: url('../images/bkg/logo_horloge.png') no-repeat left 0px; } #content .oeuvres_suivies.favories .action-enchere .infos-temps, #content .oeuvres_suivies.favories .action-enchere .nb-enchere, #content .oeuvres_suivies.favories .action-enchere .enchere-max-user, #content .oeuvres_suivies.favories .action-enchere .meilleur-encherisseur, #content .oeuvres_suivies.favories .action-enchere .pas-meilleur-encherisseur, #content .oeuvres_suivies .action .ordre-achat { border-bottom: 1px solid #e0e0de; } #content .oeuvres_suivies .action .ordre-achat { padding-bottom: 10px; margin-bottom: 25px; } #content .oeuvres_suivies.favories .action-enchere .enchere-en-cours { margin: 0; } #content .oeuvres_suivies.favories .action-enchere .enchere-en-cours, #content .oeuvres_suivies.favories .action-enchere .enchere-max-user { font-family: "OpenSansSemibold",helvetiva,sans-serif; } #content .oeuvres_suivies.favories .action-enchere .nb-enchere { padding-bottom: 10px; } #content .oeuvres_suivies.favories .action-enchere .enchere-max-user { height: 25px; } #content .oeuvres_suivies.favories .action-enchere .enchere-max-user.important { font-family: "OpenSansBold",helvetiva,sans-serif; color: #a83e36; } #content .oeuvres_suivies.favories .action-enchere .meilleur-encherisseur, #content .oeuvres_suivies.favories .action-enchere .pas-meilleur-encherisseur { font-family: "OpenSansBold",helvetiva,sans-serif; color: #a83e36; } #content .fiche-detail .text-fiche .meilleur-encherisseur, #content .fiche-detail .text-fiche .pas-meilleur-encherisseur { margin: 10px 0; font-family: "OpenSansBold",helvetiva,sans-serif; color: #a83e36; } #content .oeuvres_suivies.favories .action-enchere .meilleur-encherisseur, #content .fiche-detail .text-fiche .meilleur-encherisseur { color: green; } .resultat-recherche .meilleur-encherisseur { font-weight: bold; color: green; } #content .oeuvres_suivies.favories .action-enchere .pas-meilleur-encherisseur, #content .fiche-detail .text-fiche .pas-meilleur-encherisseur { color: #a83e36; } #content .oeuvres_suivies.favories .action-enchere .infos-temps span, #content .oeuvres_suivies.favories .action-enchere .enchere-en-cours .prix, #content .oeuvres_suivies.favories .action-enchere .enchere-max-user .prix, #content .oeuvres_suivies .action .ordre-achat .prix, #content .text-fiche .action-btn-oa .ordre-achat .prix { color: #862f29; } #content .oeuvres_suivies.favories .action-enchere input { font-size: 16px; height: 20px; width: 100px; } #content .oeuvres_suivies.favories .action-enchere .devise { border: 1px solid #adadad; font-size: 14px; padding: 1px 5px 5px; } #content .oeuvres_suivies.favories .action-enchere .submit { border: none; height: 28px; padding: 5px; width: 90px; color: #fff; font-family: "OpenSansRegular",helvetiva,sans-serif; background-color: #a83e36; } #content .oeuvres_suivies.favories .action-enchere .action-btn-encherir img { vertical-align: middle; } #content #mon-compte .oeuvres_suivies .action-enchere .bloc-input-encherir input, #content .text-fiche .action-btn-oa .bloc-input-oa input { border: none; width: 95px; } #content #mon-compte .oeuvres_suivies .action-enchere .bloc-input-encherir .devise { border: none; } #content #mon-compte .oeuvres_suivies .action-enchere .bloc-input-encherir { display: inline-block; width: 125px; height: 25px; margin-bottom: 5px; border: 1px solid #adadad; } #content #mon-compte .oeuvres_suivies .action-enchere .bloc-input-encherir .separateur { display: inline-block; font-family: 'openSansSemilight', helvetiva, sans-serif; color: #e0e0de; font-weight: lighter; } #content #mon-compte .oeuvres_suivies .action-enchere form button { vertical-align: top; } .texte-masque { display: none; } /* @mes demandes d'estimation -----------------------------------*/ #content .demande-estimation h2 { padding: 0; margin-bottom: 6px; font-size: 16px; font-weight: bold; border: none; color: #336886; } #content .demande-estimation em { font-weight: normal; } .demande-estimation h3 { margin-top: 60px; } #content .demande-estimation .left.visuel { margin-right: 20px; } #mon-compte .body-estimation { border: 1px solid #E0E0DE; padding: 20px 30px 10px; } #mon-compte .body-estimation hr { clear: both; visibility: hidden; } #mon-compte .body-estimation h2, #mon-compte .body-achat h2 a, #mon-compte .body-vente h2 a, #mon-compte .body-vente h2, #mon-compte .oeuvres_suivies h2 a { max-width: 420px; font-size: 16px; font-weight: bold; margin-bottom: 6px; padding: 0; border: none; color: #336886; } .body-estimation .visuel img { margin-right: 10px; } .body-estimation .description { max-width: 380px; } .body-estimation p { margin: 15px 0; } .body-estimation p a { color: #654C35; } .body-estimation p.bloc-estimation { width: 220px; padding: 10px; text-align: center; font-weight: bold; color: #fff; background-color: #AE4842; border-radius: 10px; } div.footer-estimation { background: #F0F0EE; border: solid 1px #E0E0DE; margin-bottom: 30px; padding: 10px 30px; border-width: 0 1px 1px; font-weight: bold; } .body-estimation p a { padding-right: 12px; color: #654C35; background: url("/images/bkg/pictos-sprite.png") no-repeat right 4px; } #mon-compte .body-estimation .message { background: none repeat scroll 0 0 #D7CFC8; border-radius: 0; padding: 10px; } #mon-compte .body-estimation .message p strong { font-size: 15px; } #mon-compte .body-estimation .message p { margin: 4px 0; } /* @Mes inscription -----------------------------------*/ #content .oeuvres_suivies .statut {margin-top: 10px;} #content .ventes_suivies .vente h2, #content .oeuvres_suivies .vente h2 { padding: 0; margin: 0; border: none; } #content .ventes_suivies .vente .right, #content .oeuvres_suivies .vente .right { width: 186px !important; padding-bottom: 10px; } #content .oeuvres_suivies .vente .right a { display: block; width: 80px; height: 15px; margin-top: 70px;} #content .ventes_suivies .visuel, #content .oeuvres_suivies.vente .visuel { float: left; margin: 0 0 9px; position: relative; width: 482px; } #content .ventes_suivies .visuel .infos, #content .oeuvres_suivies .visuel .infos { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.65); bottom: 0; overflow: hidden; padding: 10px 20px; position: absolute; width: 442px; } #content .ventes_suivies .visuel h2, #content .oeuvres_suivies .visuel h2 { margin-bottom: 5px; } #content .ventes_suivies .visuel h2 a, #content .oeuvres_suivies .visuel h2 a { margin-bottom: 5px; color: #FFFFFF; font-family: 'Open Sans',sans-serif; font-size: 24px; font-weight: normal; } #content .ventes_suivies .visuel h3, #content .oeuvres_suivies .visuel h3 { margin-bottom: 4px; color: #FFFFFF; font-family: 'Open Sans',sans-serif; font-size: 17px; font-weight: normal; } #content .vente { margin-bottom: 50px; } /* @calendrier-ventes -----------------------------------*/ #content .section-zoom .type-vente, #content .catalogue-liste .type-vente, #content .upcoming-sales .type-vente, #content .titre-vente .type-vente, #content .oeuvres_suivies.favories.vente .bloc-vente figure figcaption .type-vente { width: 97px; margin-top: 10px; margin-right: 10px; padding: 2px; font-size: 12px; font-family: 'OpenSansRegular', helvetica, sans-serif; text-align: center; border: 1px solid #424242; background-color: #FFF; color: #424242; } #content .titre-vente .type-vente{width: 110px;} #content .header-catalogue .type-vente { margin: 20px 0 0; } #content .header-catalogue .cadre-photo .type-vente { margin: 0 0 15px; } #content .calendrier-ventes .titre-vente .type-vente { margin-bottom: 10px; } #content .calendrier-ventes .titre-vente .temps-restant { margin-top: 10px; height: 20px; padding-left: 25px; font-family: 'openSansRegular', helvetica, sans-serif; line-height: 16px; background: url("../images/bkg/logo_horloge.png") no-repeat scroll 1px 0px rgba(0, 0, 0, 0); } #content .calendrier-ventes .titre-vente .grid_12 { margin: 0; } #content .upcoming-sales .type-vente { float: left; line-height: 19px; margin: 6px 20px 30px 0; } #content .calendrier-ventes .temps-restant span { color: #862f29; } #content .calendrier-ventes ul, #content .calendrier-ventes ul li { background: none; clear: both; padding: 0; margin: 0; } #content .calendrier-ventes ul.grid_9 li { border-bottom: 1px solid #e0e0de; margin: 0 0 30px 0; overflow: hidden; } #content .calendrier-ventes ul.grid_9 li:last-child { border-bottom: none; } #content .calendrier-ventes ul li .left { margin-right: 20px; width: 338px; text-align: center; } #content .calendrier-ventes ul li .left img{ height: 225px; } #content .calendrier-ventes ul li .text { margin-left: 358px; } #content .calendrier-ventes #filtre-calendrier-ventes { margin-left: 50px; clear: none; font-family: 'openSansRegular', helvetica, sans-serif; } #content .calendrier-ventes #filtre-calendrier-ventes li { padding: 14px 0; margin: 0; } #content .calendrier-ventes #filtre-calendrier-ventes li a { color: #363636; font-size: 13px; } #content .calendrier-ventes #filtre-calendrier-ventes li a:focus, #content .calendrier-ventes #filtre-calendrier-ventes li a:hover { color: #999999; } #content .calendrier-ventes #filtre-calendrier-ventes li.current a { color: #999999; } #content .calendrier-ventes #filtre-calendrier-ventes li{ border-top: 1px dashed #e0e0de; } #content .calendrier-ventes #filtre-calendrier-ventes li:last-child{ border-bottom: 1px dashed #e0e0de; } #content .calendrier-ventes .titre-vente { margin-top: 10px; } #content .calendrier-ventes h1 { margin-bottom: 50px; margin-top: 30px; font-size: 35px; font-family: 'OpenSansSemilight', helvetica, sans-serif; } #content .calendrier-ventes h2, #content .calendrier-ventes .date { font-family: 'OpenSansSemilight', helvetica, sans-serif; } #content .calendrier-ventes h2 { font-family: 'OpenSansRegular', helvetica, sans-serif; font-size: 20px; line-height: 18px; margin-bottom: 0; } #content .calendrier-ventes h2 a { color: #424242; } #content #calendrier-vente .bloc-vente h4 { margin-top: 10px; font-family: 'OpenSansRegular', helvetica, sans-serif; } #content #calendrier-vente .bloc-vente .info { font-family: 'OpenSansSemilight', helvetica, sans-serif; color: #787878; } #content .calendrier-ventes .date { color: #787878; font-size: 18px; margin-bottom: 30px; } #content .calendrier-ventes .inline .btn-link, #content .calendrier-ventes .inline .insc-vente { display: inline-block; } #content .calendrier-ventes .inline .btn-link { margin-right: 20px; } #content .calendrier-ventes .link, #content .catalogue-liste .view-liste .link, #content .fiche-detail .insc-vente, #content .fiche-detail .favorite-link, #content .fiche-detail .calendar-link { background: url(/images/bkg/pictos-sprite2.png) no-repeat left top; font-size: 14px; padding: 5px 0 5px 30px; } #content .fiche-detail .calendar-link { font-size: 13px; background-position: left -1150px; } /*#content .calendrier-ventes .link a:hover, #content .calendrier-ventes .link a:focus, #content .catalogue-liste .link a:hover, #content .catalogue-liste .link a:focus, #content .calendrier-ventes footer .link-cat a:hover, #content .calendrier-ventes footer .link-cat a:focus { text-decoration: underline; }*/ #content .calendrier-ventes .insc-vente, #content .catalogue-liste .view-liste .insc-vente, #content .fiche-detail .insc-vente { background-position: left top; } #content .calendrier-ventes .alert-mail { background-position: left -47px; } #content .calendrier-ventes .part-vente { background-position: left -96px; } #content .calendrier-ventes footer { padding: 30px 0 0; text-align: center; } #content .calendrier-ventes footer .link-cat a { background: url(/images/bkg/pictos-sprite2.png) no-repeat right -146px; color: #336886; padding-right: 15px; } #content .calendrier-ventes .bloc-image { width: 695px; height: 280px; overflow: hidden; } #content .calendrier-ventes .bloc-image img { width: 100%; } #content .calendrier-ventes .cadre-photo { height: 280px;} #content .calendrier-ventes .cadre-photo img { height: 100%;} /* @fiche-detail ---------------------------------------------------*/ #content .catalogue a { color: #787878; } #content .section-estimation .header .inner { color: #fff; height: 93px; } #content .catalogue .header-catalogue .inner{ padding-bottom: 10px; border-bottom: 1px dashed #e0e0de; } #content .sous-page .header .inner { color: #fff; height: 48px; padding: 20px 0 0 20px; } .fancybox-inner .header-box, #content .sous-page .header, #content .section-estimation .header { background: url(/images/bkg/pictos-sprite2.png) no-repeat 14px -257px; margin-bottom: 9px; padding-bottom: 9px; } #content .sous-page .header { background-position: 14px -283px; } #content .catalogue .header-catalogue .inner, .fancybox-inner .header-box .inner, #content .sous-page .header .inner, #content .section-estimation .header .inner { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } #content .sous-page .header .inner { background-color: #808080; } #content .catalogue .header-catalogue .left { padding: 20px 0 0 20px; width: 612px; } #content .catalogue .header-catalogue h1, #content .sous-page .header h1 { font-size: 30px; line-height: 30px; margin-bottom: 8px; font-family: 'OpenSansSemilight', helvetiva, sans-serif;} #content .catalogue .header-catalogue .left p { font-family: 'OpenSansRegular', helvetica, sans-serif; font-size: 22px; margin: 0; } #content .catalogue .header-catalogue .btn-link { font-size: 13px; font-weight: bold; margin: 38px 25px 0 0; } #content .catalogue .header-catalogue .btn-link a { background: #fff url(/images/bkg/pictos-sprite2.png) no-repeat right -398px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; padding: 6px 32px 6px 12px; } #content .catalogue .fiche-nav { border-bottom: 1px dashed #e0e0de; margin-bottom: 30px; padding-bottom: 10px; } #content p.back-link a, #content p.next-link a { background: url(/images/bkg/pictos-sprite2.png) no-repeat left top; padding: 0 12px; color: #336886; } #content p.back-link { margin-right: 12px; } #content .left p.back-link a { color: #8a8a8a; } #content p.back-link a {background-position: left -453px; } #content p.next-link { margin-left: 12px; } #content p.next-link a { background-position: right -513px; } #content .catalogue .pager { text-align: right; } #content .catalogue .pager div, #content .catalogue .pager .label, #content .catalogue .pager select, #content .catalogue .pager p { display: inline; } #content .catalogue .pager .label { font-size: 13px; } #content .catalogue .pager select { color: #0a0a0a; font-size: 14px; text-align: center; } #content .catalogue .pager .next-link { margin: 0 0 0 10px; border-left: 1px solid #cacaca; } #content .catalogue .pager .back-link { margin: 0 10px 0 10px; border-right: 1px solid #cacaca; } #content .visionneuse { margin-bottom: 20px; } #content .actions-link { margin-bottom: 5px; padding-bottom: 7px; padding-left: 85px; } #content .text-fiche {margin-left: 57px;width: 348px;} #content .text-fiche .download-link { margin: 10px 0; } #content .download-link a, #content .full-link a, #content .offer-link, #content .enchere-link, #visionneuse-full .actions-link .download-link a { background: url(/images/bkg/pictos-sprite2.png) no-repeat left top; padding: 5px 0 5px 30px; } #content .actions-link .download-link {margin-right: 30px;} #content .download-link a, #visionneuse-full .actions-link .download-link a { background-position: left -557px; } #content .full-link a { background-position: left -697px; } #content p.offer-link, #content .catalogue-liste .view-liste p.offer-link, #content .catalogue .view-liste p.offer-link { background-position: left -628px; padding: 5px 0 5px 30px; } #content p.enchere-link { background-position: left -96px; } #content .catalogue .section-experts li { background: none; display: inline-block; margin: 0; padding: 0; width: 265px; vertical-align:top; } #content .fiche-detail { margin-top: 40px;} #content .fiche-detail .section-experts li figure { border: 1px solid #e0e0de; } #content .section-experts li:first-child { margin-right: 13px; } #content .section-experts li figcaption { clear: both; padding: 13px 15px 10px 15px; } #content .section-experts h4 { font-size: 15px; text-transform: uppercase; } #content .section-experts h5 { font-size: 14px; } #content .fiche-detail .text-fiche .social-nav { margin: 10px 0; padding: 20px 0; } #content .fiche-detail .info-fiche { margin-bottom: 5px; } #content .fiche-detail .info-fiche .social-nav ul li, .social-nav ul li { background: none; display: inline-block; margin: 0; padding: 0; } #content .fiche-detail h2 { margin: 0 0 6px; font-family: 'opensansRegular' , helvetica, sans-serif; font-size: 24px } #content .text-fiche h3 { font-family: 'OpenSansSemilight', helvetica, sans-serif; font-size: 14px; margin-bottom: 35px; } #content .fiche-detail .text-fiche .action-link { border-bottom: 1px solid #e0e0de; padding: 10px 0 5px 0; } #content .fiche-detail .text-fiche p { font-size: 14px;} #content .fiche-detail .text-fiche p.big { color: #1C4B66; font-size: 15px; } #content .fiche-detail .text-fiche .info-fiche p { font-size: 12px; } #content .fiche-detail .text-fiche .description { margin-bottom: 33px; font-family: 'openSansSemilight'; } #content .fiche-detail .text-fiche h4, .fancybox-inner .estimation { font-family: arial, helvetica, sans-serif; font-weight: bold; margin: 0; } .fancybox-inner .estimation { font-weight: normal; } #content .fiche-detail .text-fiche h4 { font-size: 15px; } #content .fiche-detail .text-fiche .estimation { font-size: 14spx; font-family: 'OpenSansSemibold', helvetiva, sans-serif; margin-bottom: 30px;} #content .fiche-detail .text-fiche .estimation span { color: #333; font-family: 'OpenSansSemilight', helvetica, sans-serif;} .fancybox-inner .estimation { font-size: 14px; color: #333; } .fancybox-inner .estimation span { color: #6E201C; font-weight: bold; } #content .fiche-detail .bottom-marge { margin-bottom: 20px; } #content .catalogue .btn-insc-vente { border-bottom: 1px dashed #e0e0de; margin-top: 10px; padding-bottom: 10px; } #content .catalogue .btn-bottom { border-bottom: none; padding-bottom: 0; } #content .catalogue .btn-insc-vente .btn-link, #content .catalogue .btn-insc-vente p { display: inline-block; margin-right: 10px; } #content .catalogue-liste { margin-top: 40px;} #content .catalogue .btn-bottom .btn-link { margin-left: 35px; } #content .catalogue .btn-insc-vente .btn-link a, #content .btn-link a, #content .text-fiche .submit, #content .catalogue-liste .alerte-vente .submit, #content #contact-form .submit { width: 50px; height: 30px; background: #a83e36; color: #fff; font-size: 14px; font-family: 'OpenSansRegular', helvetiva, sans-serif; line-height: 15px; padding: 8px 20px; } #content .catalogue-liste .alerte-vente .submit { font-size: 14px; font-weight: normal; } #content .catalogue-liste .alerte-vente input { width: 190px; height: 20px; background-color: #f0f0f0; border: none; padding: 5px 10px; } #content .catalogue #sort-form div { display: inline-block; margin-right: 20px; } #content .catalogue #sort-form div .label { padding-right: 5px; } #content .catalogue-liste aside h2, #content .catalogue-liste aside h3 { font-size: 15px; margin-bottom: 10px; } #content .catalogue-liste aside p { line-height: 16px; } #content .catalogue-liste aside .filter-catalogue { margin-top: 20px; } #content .catalogue-liste aside .filter-nav, #content .catalogue-liste aside #filter-form div, #content .view-liste .row { border-bottom: 1px solid #e0e0de; padding-bottom: 13px; } #content .view-liste .row:nth-last-child(1) { border-bottom: none; } #content .catalogue-liste aside #filter-form div { padding-top: 13px; } #content .catalogue-liste aside .filter-nav li { background: none; font-size: 14px; padding: 0 0 10px; } #content .catalogue-liste aside .filter-nav li a { background: url(/images/bkg/pictos-sprite2.png) no-repeat 10px -897px; color: #333; display: block; padding-left: 25px; } #content .catalogue-liste aside .filter-nav li a:hover, #content .catalogue-liste aside .filter-nav li a:focus, #content .catalogue-liste aside .filter-nav li.current a { background-position: 10px -957px; color: #6E201C; } #content .catalogue-liste aside #filter-form { margin-bottom: 10px; } #content .catalogue-liste aside #filter-form .label { display: block; font-size: 15px; font-weight: bold; padding-bottom: 8px; } #content .section-zoom.contact { margin-left: 32px; padding: 10px; border: 1px solid #e0e0de; font-size: 12px;} #content .section-zoom.contact p {font-size: 12px;} #content .section-zoom.contact h2 {font-family: 'OpenSansRegular', helvetica, sans-serif;} #content .catalogue-liste aside #filter-form select { width: 100%; } #content .catalogue-liste aside .section-expert, #content .catalogue-liste aside .bloc-contact { border: 1px solid #e0e0de; margin-bottom: 20px; } #content .catalogue-liste aside .section-expert figcaption, #content .catalogue-liste aside .bloc-contact { padding: 14px; } #content .catalogue-liste aside .section-expert h3 { font-size: 13px; color: #6E201C; } #content .catalogue-liste aside .section-expert h4, #content .catalogue-liste aside .section-expert h4 a { font-size: 14px; color: #333; } #content .catalogue-liste aside .section-expert h3, #content .catalogue-liste aside .section-expert h4, #content .catalogue-liste aside .section-expert p { margin: 0; } #content .view-liste .row { margin: 0 0 20px 35px; padding: 0 0 20px 0; } #content .view-liste .row .visuel { margin-right: 30px; width: 140px; } #content .view-liste .row .info { padding-right: 10px; width: 300px; } #content .view-liste .row .big { font-size: 14px; margin-bottom: 0; } #content .view-liste .row h2, #content .view-liste .row h3, #content .view-liste .row h2 a, #content .view-liste .row h3 a { color: #000; } #content .view-liste .row h2 a span { color: #999999; } /*#content .view-liste .row h2 a:hover, #content .view-liste .row h2 a:focus { text-decoration: underline; }*/ #content .view-liste .row h2 { font-size: 17px; lin-height: 25px; margin: 0; } #content .view-liste .row h3 { font-family: 'OpenSansItalic', helvetica, sans-serif; font-size: 13px; } #content .view-liste .row h3, #content .view-liste .row p { margin-bottom: 15px; } #content .view-liste .estimation { color: #741F19; font-size: 13px; margin-top: 2px;} #content .view-liste .estimation span { color: #8a8a8a; } #content .catalogue-liste .view-liste .fiche-link { background-position: 3px -1015px; } #content .catalogue-liste .view-liste .favorite-link, #content .fiche-detail .favorite-link { background-position: left -797px; } #content .catalogue-liste .view-liste .action-link { padding-top: 15px; } #js #content .catalogue-liste .view-liste .action-link { display: none; } #content .catalogue-liste .view-liste .action-link p { margin-bottom: 5px; } #content .pager-bottom .row { } #content .catalogue-liste .cadre-photo { position: relative; width: 972px; height: 385px; margin-bottom: 35px; overflow: hidden; } #content .catalogue-liste .cadre-photo img { width: 100%; } #content .cadre-photo img { width:100%; } #content .catalogue-liste .pager-bottom .row { margin-left: 35px; } #content .catalogue-liste .alerte-vente { position: absolute; top: 60px; right: 50px; width: 275px; height: 180px; padding: 40px; margin:0px; font-family: 'OpenSansRegular', helvetica, sans-serif; background-color: #fff; } #content .catalogue-liste .alerte-vente h2 { font-size: 20px; font-family: 'OpenSansRegular', helvetica, sans-serif; } #content .catalogue-liste .alerte-vente .alert-texte { margin-bottom: 20px; font-family: 'OpenSansRegular', helvetica, sans-serif; line-height: 17px; } #content .catalogue-liste .alerte-vente .submit { border: none; vertical-align: middle; } #content .catalogue-liste .alerte-vente .type-vente { border: 1px solid #8c8c8c; font-size: 12px; margin-right: 10px; padding: 5px; width: 102px; text-align: center; } #content .pager-bottom a { color: #336886; display: inline-block; margin: 0 2px; padding: 5px 3px 3px; text-align: center; vertical-align: middle; width: 19px; } #content .pager-bottom a:hover, #content .pager-bottom a:focus, #content .pager-bottom a.current { color: #999999; } /*#content .pager-bottom a span { left: -999em; position: absolute; top: -999em; }*/ #content .pager-bottom a.prev, #content .pager-bottom a.next { /*background: transparent url(/images/bkg/pictos-sprite2.png) no-repeat left -1120px;*/ border: none; height: 14px; padding: 0; width: 95px; } #content .pager-bottom a.next { background: url("/images/bkg/pictos-sprite2.png") no-repeat scroll right -515px rgba(0, 0, 0, 0); padding-right: 6px; } #content .pager-bottom a.prev { background: url("/images/bkg/pictos-sprite2.png") no-repeat scroll left -455px rgba(0, 0, 0, 0); padding-left: 12px; } #content .pager-bottom .separateur { color: #e6e6e6; } #content .pager-bottom a.prev:hover, #content .pager-bottom a.next:hover, #content .pager-bottom a.prev:focus, #content .pager-bottom a.next:focus { background-color: transparent; } /*#content .pager-bottom a.next { background-position: -8px -1120px; }*/ #content #liste_espaces li { min-height: 280px; padding-top: 20px; list-style-type: none; border-top: 1px solid #D8D8D8; background: none; } #content #liste_espaces li img { float: left; margin-right: 20px; } /* @mes achats , mes ventes -----------------------------------*/ #mon-compte .body-achat, #mon-compte .body-vente { border: 1px solid #E0E0DE; padding: 20px 30px 10px; } #mon-compte .body-achat hr, #mon-compte .body-vente hr { clear: both; visibility: hidden; } #mon-compte .body-achat h2, #mon-compte .body-vente h2 { max-width: 420px; font-size: 16px; font-weight: bold; margin-bottom: 6px; border: none; } #mon-compte .body-achat h2 em, #mon-compte .body-vente h2 em { font-weight: normal; } #mon-compte .body-achat .cb a, #mon-compte .body-vente .cb a { color: red; } .body-achat .visuel img, .body-vente .visuel img { margin-right: 10px; } .body-achat .description, .body-vente .description { max-width: 380px; } .body-achat p, .body-vente p { margin: 15px 0; } .body-achat p a, .body-vente p a { color: #654C35; /* text-decoration: underline;*/ } div.footer-achat { background: none repeat scroll 0 0 #F8F8F8; border: solid 1px #E0E0DE; margin-bottom: 30px; padding: 20px 30px 10px; border-width: 0 1px 1px; font-weight: bold; } div.footer-achat img { margin-right: 10px; } div.footer-achat .estime { text-align: center; } div.footer-achat p { margin: 10px 0; } div.footer-achat p a { padding-right: 12px; color: #654C35; background: url("/images/bkg/pictos-sprite.png") no-repeat right 4px; } div.footer-achat hr { clear: both; visibility: hidden; } .body-factures .cb { text-align: right; } .body-factures .reste-a-payer { float: right;} .body-factures span { color: green;} /* @fancybox mot de passe oublie -----------------------------------------------*/ #passe_oublie { width: 500px; } .fancybox-inner #passe_oublie #mot-de-passe-oublie-form div.left { float: left; } .fancybox-inner #passe_oublie #mot-de-passe-oublie-form div.left:last-child { padding-top: 22px; } .fancybox-inner #passe_oublie form { margin-top: 20px; } /* @visionneuse full screen -----------------------------------------------*/ #js #visionneuse-full { display: none; } #visionneuse-full { background: #333333; height: 100%; left: 0; position: fixed; overflow: hidden; top: 0; width: 100%; z-index: 100; } #visionneuse-full .zoom { overflow: visible; } #visionneuse-full a img { cursor: move; position: absolute; } #visionneuse-full .nav-carousel { background: #333333; bottom: 0; left: 0; padding: 10px 0; position: fixed; } #js #visionneuse-full .nav-carousel .masque { left: 0; position: relative; } #visionneuse-full .nav-carousel .masque ul li { height: 82px; width: 92px; margin: 0; padding: 0; text-align: left; } #visionneuse-full .nav-carousel .masque ul li a { display: block; padding: 0 5px; } #visionneuse-full .nav-carousel .masque ul li a, #visionneuse-full .nav-carousel .masque ul li a img { cursor: pointer !important; } #visionneuse-full .nav-carousel .masque ul li .empty { background: #232323; display: block; height: 82px; width: 82px; } #visionneuse-full .actions-link { background: #232323; border-bottom: 0 !important; bottom: 102px; height: 35px; left: 0; margin-bottom: 0 !important; position: fixed; width: 100%; } #visionneuse-full .actions-link a { color: #adadad; font-size: 13px; } /*#visionneuse-full .actions-link a:hover, #visionneuse-full .actions-link a:focus { text-decoration: underline; }*/ #visionneuse-full .actions-link .inner { margin: 0 auto; padding: 10px 0; width: 300px; } #visionneuse-full .close-link a { background: url(/images/bkg/pictos-sprite2.png) no-repeat left -1226px ; padding: 5px 0 5px 25px; } /* @fancybox ------------------------------*/ .fancybox-inner #apresVente { height: 200px; width: 550px; } .fancybox-inner #enchereAuto { height: 270px; width: 590px; } .fancybox-inner #rendezVous { width: 550px; } .fancybox-inner #connexion { padding: 10px 20px; width: 760px;} .fancybox-inner #creationCompte { width: 825px; } .fancybox-inner #creationCompte .left.middle { margin-top: 24px; } .fancybox-inner #creationCompte .footer, .fancybox-inner #creationCompte .row { width: 805px; } .fancybox-inner #creationCompte .row { border-bottom: 1px solid #d4d4d4; } .fancybox-inner #creationCompte { height: 640px; } .fancybox-inner .header-box p, .fancybox-inner .header-box a { color: #fff; } /*.fancybox-inner .header-box a { text-decoration: underline; }*/ .fancybox-inner .header-box a:hover, .fancybox-inner .header-box a:focus { text-decoration: none; } .fancybox-inner .left { width: 50%; } .fancybox-inner h2 { font-family: 'OpenSansRegular', helvetica, sans-serif; color: #000; font-size: 26px; margin: 0; padding-bottom: 20px; border-bottom: 1px #999999 solid; } .fancybox-inner h3 { color: #366889; font-size: 14px; line-height: 15px; margin: 0; } .fancybox-inner #enchereAuto h3, .fancybox-inner #creationCompte h3 { color: #0b3523; margin-bottom: 10px; } .fancybox-inner #creationCompte h3 { text-transform: uppercase; } .fancybox-inner h4 { font-family: 'OpenSansRegular', helvetica, sans-serif; font-size: 14px; margin-bottom: 20px; } .fancybox-inner #apresVente .body, .fancybox-inner #enchereAuto .body { margin-bottom: 20px; } .fancybox-inner #enchereAuto .estimation { margin: 10px 0; } .fancybox-inner #apresVente form label { display: block; font-size: 14px; font-weight: bold; margin-bottom: 15px; } .fancybox-inner #apresVente input[type="text"], .fancybox-inner #enchereAuto input[type="text"], .fancybox-inner #bienvenue .infobox input[type="text"] { background: #f4f4f4; border: 1px solid #d4d4d4; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; color: #6E201C; height: 25px; margin-right: 5px; text-align: center; width: 95px; } .fancybox-inner #bienvenue .infobox input[type="text"] { width: 80px; } .fancybox-inner #apresVente input[type="text"], .fancybox-inner #apresVente .devise, .fancybox-inner #enchereAuto input[type="text"], .fancybox-inner #enchereAuto .devise, .fancybox-inner #bienvenue .infobox input[type="text"], .fancybox-inner #bienvenue .infobox .devise { font-size: 17px; font-weight: bold; } .fancybox-inner #apresVente .devise, .fancybox-inner #enchereAuto .devise, .fancybox-inner #bienvenue .infobox .devise { color: #333; } .fancybox-inner input.submit { border: none; margin-left: 10px; padding-bottom: 6px; } .fancybox-inner #apresVente .link, .fancybox-inner #enchereAuto .link { font-size: 15px; } .fancybox-inner #apresVente .link { float: right; } .fancybox-inner #apresVente .link a, .fancybox-inner #enchereAuto .link a { background: url(/images/bkg/pictos-sprite.png) no-repeat right 6px; color: #6E201C; padding-right: 12px; /*text-decoration: underline;*/ } .fancybox-inner #apresVente .link a:hover, .fancybox-inner #apresVente .link a:focus, .fancybox-inner #enchereAuto .link a:hover, .fancybox-inner #enchereAuto .link a:focus { text-decoration: none; } .fancybox-inner #connexion input { width: 300px;} .fancybox-inner #connexion h2 { padding-bottom: 30px } .fancybox-inner #connexion h3 { font-family: 'OpenSansRegular', helvetica, sans-serif; color: #6E201C; font-size: 20px; margin-bottom: 40px; } .fancybox-inner #connexion .left, .fancybox-inner #connexion .right { margin-top: 15px; width: 40%; } .fancybox-inner #connexion .creation-compte { width: 40%; } .fancybox-inner #connexion form div { clear: both; display: block; margin-bottom: 15px; width: 92%; } .fancybox-inner #connexion form .row .checkbox label, .fancybox-inner #connexion form .row .checkbox input, .fancybox-inner #connexion form .row .checkbox .small { display: inline-block; margin: 0; padding: 0; } .fancybox-inner #connexion form .row .checkbox label { font-weight: normal; text-transform: none; } .fancybox-inner #connexion form .row .checkbox input { width: 10px; } .fancybox-inner #connexion form .row .checkbox .small { background: url(/images/bkg/pictos-sprite2.png) no-repeat -74px -145px; float: right; font-size: 11px; padding-left: 10px; width: auto; } .fancybox-inner #connexion form .row .checkbox .small a { color: #296987; /*text-decoration: underline;*/ } .fancybox-inner #connexion form .row .checkbox .small a:hover, .fancybox-inner #connexion form .row .checkbox .small a:focus { text-decoration: none; } .fancybox-inner #connexion .btn-link, #confirminscription .btn-link{ dipslay: block; margin-top: 30px; } .fancybox-inner #connexion .alert { color: red; } .fancybox-inner #creationCompte div { margin-bottom: 10px; } .fancybox-inner #creationCompte div input[type="text"], .fancybox-inner #creationCompte div input[type="mail"], .fancybox-inner #creationCompte div input[type="tel"] { width: 210px; } .fancybox-inner #creationCompte div select { width: 230px; } .fancybox-inner #creationCompte div input.small { width: 120px; } .fancybox-inner #creationCompte form .row .left div { width: 100%;} .fancybox-inner #creationCompte div, .fancybox-inner #creationCompte div input, .fancybox-inner #creationCompte div label { display: block; } .fancybox-inner #creationCompte form .row div:first-child { margin-right: 0 } .fancybox-inner #creationCompte .left, .fancybox-inner #creationCompte .radio div { display: inline-block; vertical-align: top; } .fancybox-inner #creationCompte form .row div.radio {width: 100%; } .fancybox-inner #creationCompte form .row div.radio div { margin: 0; width: 28%; } .fancybox-inner #creationCompte .left { width: 267px; } .fancybox-inner #creationCompte .radio input, .fancybox-inner #creationCompte .radio label { text-transform: none; display: inline; } .fancybox-inner #creationCompte .radio input { width: 20px; } .fancybox-inner #creationCompte .radio label { width: 30px; } .fancybox-inner #creationCompte .infosBanque { padding-bottom: 18px; } .fancybox-inner #creationCompte .infosBanque .header { width: 100%; } .fancybox-inner #creationCompte .infosBanque .left { width: 267px; } .fancybox-inner #creationCompte .infosBanque .left { width: 230px; } .fancybox-inner #creationCompte .infosBanque .big { width: 314px; } .fancybox-inner #creationCompte .infosBanque .big input { width: 260px; } .fancybox-inner #creationCompte .infosBanque .small { width: 174px; } .fancybox-inner #creationCompte .infosBanque .small input { width: 120px; } .fancybox-inner #creationCompte .footer { margin-bottom: 30px; } .fancybox-inner #creationCompte .footer .checkbox { float: left; width: 580px; text-align: left; } .fancybox-inner #creationCompte .footer .checkbox input, .fancybox-inner #creationCompte .footer .checkbox label { display: inline; margin-right: 5px; } .fancybox-inner #creationCompte .footer button { float: right; } .fancybox-inner .info-small p { font-size: 11px; } .fancybox-inner #bienvenue { width: 810px; } .fancybox-inner #bienvenue .textcol, .fancybox-inner #bienvenue .infobox { display: inline-block; margin-bottom: 30px; vertical-align: top; } .fancybox-inner #bienvenue .textcol { margin-right: 27px; width: 485px; } .fancybox-inner #bienvenue .infobox {background: #e1f0b8; padding: 20px; width: 250px; } .fancybox-inner #bienvenue h3 { font-size: 20px; line-height: 25px; margin-bottom: 25px; } .fancybox-inner #bienvenue .textcol p { font-size: 12px; line-height: 15px; margin-bottom: 20px; } .fancybox-inner #bienvenue .textcol p strong { font-size: 14px; } .fancybox-inner #bienvenue .textcol p.link { margin-bottom: 5px; } .fancybox-inner #bienvenue .infobox h4 { color: #809d2a; font-size: 18px; font-weight: bold; margin-bottom: 15px; } .fancybox-inner #bienvenue .infobox p { line-height: 16px; margin-bottom: 10px; } .fancybox-inner #bienvenue .infobox .estimation { margin-top: 5px; } .fancybox-inner .pass_oublier a { color: #1c4b65; } /* @sous pages -----------------------------*/ #content .sous-page .header { margin-bottom: 20px; } #content .formulaire .label span, #content .formulaire label span, .fancybox-inner form label span, .fancybox-inner form .label span, .fancybox-inner form .required span, .fancybox-inner #creationCompte .footer .checkbox label span, #content .formulaire .champs_obligatoires span { color: #ab0000; } .fancybox-inner form .required { color: #767676; float: right; font-size: 11px; } #content #estim-form h1 { margin-bottom: 20px; font-family: 'OpenSanssemiLight', helvetica, sans-serif; font-size: 25px; } #content #estim-form p { margin-bottom: 20px; font-family: 'OpenSansRegular', helvetica, sans-serif !important; } .texte-checkbox { float: right; width: 97%; } #content #estim-form h2 { margin: 20px 0 5px 0; font-family: 'OpenSanssemiLight', helvetica, sans-serif; font-size: 25px; } #content #estim-form h2 { margin: 10px 0 40px 0; /*text-decoration: underline;*/ } #content #estim-form h2 { margin: 10px 0 40px 0; /*text-decoration: underline;*/ } .fancybox-inner form .infosBanque h3 { float: left; width: 500px; } /* @le-magazine -----------------------------------*/ .magazine p, .magazine li { font-size: 14px; line-height: 16px; } .magazine .aside-mag section { border-top: 1px solid #e0e0de; padding-bottom: 20px; padding-top: 20px; } .magazine .aside-mag { width: 146px; float: left; display: inline; } .magazine .entrycontent { width: 455px; display: inline; float: right; } .magazine .aside-mag section:first-child { border-top: none; padding-top: 0; } .magazine .aside-mag h3, #content .magazine .entrycontent .h3, #content .magazine .entrycontent .zoom-articles h4 { color: #6E201C; font-size: 18px; font-weight: normal; margin-bottom: 15px; } .magazine .entrycontent .intro { padding-bottom: 15px; } .magazine .entrycontent h2, #content .magazine .entrycontent .article h2 { color: #6E201C; font-size: 23px; font-weight: normal; margin-bottom: 15px; } #content .magazine .entrycontent .article h3 { color: #6E201C; font-size: 18px; } #content .magazine .entrycontent .article footer.taglist p { margin-bottom: 0; } #content .magazine .entrycontent .article .taglist strong { color: #6E201C; } #content .magazine .entrycontent .article .taglist a { color: #333; text-decoration: none; } /*#content .magazine .entrycontent .article .taglist a:hover, #content .magazine .entrycontent .article .taglist a:focus { text-decoration: underline; }*/ .magazine .entrycontent article, #content .artistes-liste .bloc, .magazine .entrycontent .nav-articles, #content .magazine .entrycontent .zoom-articles { border-top: 1px solid #e0e0de; padding: 30px 0; } #content .magazine .entrycontent article.article, #content .artistes-liste .bloc:first-child { border-top: none; padding-top: 0; } #content .magazine .entrycontent .article img { margin: 0 0 20px; } #content .magazine .entrycontent .article img.left { margin-right: 20px; } .magazine .entrycontent article h3 { font-size: 20px; line-height: 24px; margin-bottom: 15px; } .magazine .entrycontent article p { line-height: 17px; } .magazine .entrycontent article img { float: left; margin: 0 15px 0 0; } #content .magazine .entrycontent article .cat-link { font-size: 11px; } #content .magazine .entrycontent article.article .cat-link { float: left; } #content .magazine .entrycontent article .social-nav img { margin: 0; } #content .magazine .entrycontent article .social-nav li { background: none; } #content .magazine .entrycontent article .social-nav li.partage { background: url(/images/bkg/pictos-sprite3.png) no-repeat left -200px; padding-left: 22px; position: relative; top: -3px; } #content .magazine .entrycontent article .cat-link small { color: #6E201C; font-weight: normal; padding-left: 8px; } #content .magazine .entrycontent article .cat-link a { background: #6E201C; color: #fff; font-weight: bold; padding: 2px 3px; text-decoration: none; } .magazine .aside-mag .nav-mag li { padding-left: 0; } .magazine .aside-mag .nav-mag li a { background: url(/images/bkg/pictos-sprite2.png) no-repeat left -897px; display: block; padding-left: 14px; } .magazine .aside-mag .nav-mag li a:hover, .magazine .aside-mag .nav-mag li a:focus { background-position: left -957px; color: #6E201C; } .magazine .aside-mag .taglist li { background: none; font-size: 13px; padding: 0 2px; display: inline; } .magazine .aside-mag .taglist li strong, .magazine .aside-mag .taglist li strong a { color: #6E201C; font-size: 14px; } aside .venteCarousel, aside .venteCarousel #viewer { height: 360px; overflow: hidden; position: relative; width: 100%; } aside .venteCarousel header, aside .venteCarousel #carouselVenteThumb { background: url(/images/bkg/bg-black-50-ie.png) repeat left top; background: rgba(0,0,0,0.6); color: #fff; left: 0; position: absolute; padding: 15px 20px; width: 268px; } aside .venteCarousel #viewer img { display: block; left: 0; position: absolute; top: 0; } aside .venteCarousel header { top: 0; z-index: 10; } aside .venteCarousel #carouselVenteThumb nav { margin-bottom: 10px; } aside .venteCarousel #carouselVenteThumb { bottom: 0; } aside .venteCarousel header h3 { font-size: 24px; } aside .venteCarousel #carouselVenteThumb li { height: 51px; width: 58px; } aside .venteCarousel #carouselVenteThumb li a { border: 1px solid #fff; display: block; height: 51px; width: 51px; } aside .venteCarousel #carouselVenteThumb li a:hover, aside .venteCarousel #carouselVenteThumb li a:focus, aside .venteCarousel #carouselVenteThumb li a.actif { border-color: #4892ae; } aside .venteCarousel #carouselVenteThumb .prev { left: 8px; } aside .venteCarousel #carouselVenteThumb .next { right: 8px; } #js aside .venteCarousel #carouselVenteThumb .masque { left: 21px; } aside .venteCarousel #carouselVenteThumb .masque, aside .venteCarousel #carouselVenteThumb ul { position: relative; width: 255px; } aside .venteCarousel #carouselVenteThumb .masque, aside .venteCarousel #carouselVenteThumb ul, aside .venteCarousel #carouselVenteThumb li { height: 53px; } #content aside .venteCarousel .link { font-size: 14px; font-weight: bold; margin-left: 20px; width: 100%; } aside .venteCarousel .link a { background: url(/images/bkg/pictos-sprite3.png) no-repeat right -144px; color: #fff; padding-right: 15px; } #content .section-artistes dt { font-size: 23px; margin: 15px 0; } #content .section-artistes dd { background: none; margin-left: 20px; line-height: 20px; } #content .section-artistes dd a:hover, #content .section-artistes dd a:focus { color: #6E201C; text-decoration: none; } #content .magazine .entrycontent .nav-articles li { background: none; padding: 0; margin: 0; width: 205px; } #content .magazine .entrycontent .nav-articles li a { background: url(/images/bkg/pictos-sprite.png) no-repeat scroll -775px -501px; color: #6E201C; display: block; height: 19px; margin-bottom: 15px; } #content .magazine .entrycontent .nav-articles .next a { background-position: -595px -524px; padding: 3px 35px 1px 0; } #content .magazine .entrycontent .nav-articles .prev a { padding: 3px 0 1px 35px; } #content .magazine .entrycontent .nav-articles .prev { float: left; } #content .magazine .entrycontent .nav-articles .next { background-position: -775px -524px; float: right; text-align: right; } #content .magazine .entrycontent .nav-articles h4, #content .magazine .entrycontent .zoom-articles article h5 { font-family: 'OpenSansRegular', helvetica, sans-serif; font-size: 16px; line-height: 20px; } #content .magazine .entrycontent .zoom-articles article { background: url(/images/bkg/pictos-sprite2.png) no-repeat scroll left -897px; border: none; margin-bottom: 20px; padding: 0 0 0 14px; } /* @mon-compte ---------------------------------------*/ #mon-compte aside.grid_3 { margin-right:31px; } #mon-compte aside .presentation p, #mon-compte aside .section-zoom p { font-size: 12px; font-family: 'OpenSansRegular', helvetica, sans-serif;} #mon-compte aside .section-zoom { padding: 10px;border: 1px solid #e0e0de;} #mon-compte .header-mon-compte { background: url(/images/bkg/header-mon-compte.png) repeat-x left top; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; margin-bottom: 25px; padding-top: 25px; } #mon-compte .header-mon-compte .top { padding: 0 35px 22px; } #mon-compte h2 { margin-bottom: 20px;} #mon-compte .header-mon-compte h1, #mon-compte .header-mon-compte h1 a, #mon-compte .header-mon-compte .info-membre p, #mon-compte .header-mon-compte .info-membre a, #mon-compte .header-mon-compte .compte-nav li a { color: #fff; } #mon-compte .header-mon-compte h1 { float: left; font-size: 26px; margin: 0; } #mon-compte .header-mon-compte .info-membre { float: right; } #mon-compte .header-mon-compte .info-membre p { font-size: 15px; } #mon-compte .header-mon-compte .info-membre p a, #mon-compte .header-mon-compte .info-membre p strong { font-weight: bold; } #mon-compte .header-mon-compte .info-membre p, #mon-compte .header-mon-compte .info-membre .actions { display: inline-block; margin-left: 15px; } #mon-compte .header-mon-compte .info-membre .actions a, #content .statut .supprimer { background: #EDEDED url(/images/bkg/pictos-sprite.png) no-repeat right -142px; color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-size: 14px; padding: 5px 25px 6px 12px; } #mon-compte h2 { border-bottom: 1px solid #e0e0de; font-size: 26px; padding-bottom: 20px; color: #454545; } #mon-compte article.presentation { padding-bottom: 25px; } #mon-compte article.presentation header h3 { color: #336886; font-size: 20px; line-height: 23px; margin-bottom: 20px; } #mon-compte aside article p { line-heihgt: 17px; } #mon-compte .header-mon-compte .compte-nav { height: 47px; } #mon-compte .header-mon-compte .compte-nav li:first-child a { -webkit-border-radius: 0 0 0 17px; -moz-border-radius: 0 0 0 17px; -o-border-radius: 0 0 0 17px; -ms-border-radius: 0 0 0 17px; border-radius: 0 0 0 17px; } #mon-compte .header-mon-compte .compte-nav li:last-child a, #mon-compte .header-mon-compte .compte-nav li.last a { -webkit-border-radius: 0 0 18px 0; -moz-border-radius: 0 0 18px 0; -o-border-radius: 0 0 18px 0; -ms-border-radius: 0 0 18px 0; border-radius: 0 0 18px 0; } #mon-compte .header-mon-compte .compte-nav li { background: none; display: block; float: left; font-size: 15px; margin: 0; padding: 0; text-align: center; } #mon-compte .header-mon-compte .compte-nav li.btn1 { width: 102px; } #mon-compte .header-mon-compte .compte-nav li.btn2 { width: 162px; } #mon-compte .header-mon-compte .compte-nav li.btn3 { width: 269px; } #mon-compte .header-mon-compte .compte-nav li.btn4 { width: 190px; } #mon-compte .header-mon-compte .compte-nav li.btn5 { width: 230px; } #mon-compte .header-mon-compte .compte-nav li.btn6 { width: 149px; } /* #mon-compte .header-mon-compte .compte-nav li.last { float: right; }*/ #mon-compte .header-mon-compte .compte-nav li a { background: url(/images/bkg/nav-mon-compte.png) repeat-x center top; display: block; height: 25px; padding: 11px 0; } #mon-compte .header-mon-compte .compte-nav li a:hover, #mon-compte .header-mon-compte .compte-nav li a:focus, #mon-compte .header-mon-compte .compte-nav li.current a { background: url(/images/bkg/nav-mon-compte-hover.png) no-repeat center top; } .messages-top { margin-bottom: 25px; } .message { /*background: #339067;*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; margin-bottom: 10px; padding: 15px 45px 10px 20px; position: relative; } .message p { font-size: 13px; line-height: 17px; } /*.message p a { text-decoration: underline; }*/ .message p a:hover, .message p a:focus { text-decoration: none; } #mon-compte .message-error { background: #BCAD9F; } .message .close { background: #fff url(/images/bkg/pictos-sprite.png) no-repeat scroll -777px -147px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; display: block; height: 18px; position: absolute; right: 5px; top: 5px; width: 20px; } #mon-compte .messages-top .salle-des-ventes { background: -webkit-linear-gradient(top, #88312b, #B65849); background: -moz-linear-gradient(to bottom, #88312b, #B65849); background: -o-linear-gradient(to bottom, #88312b, #B65849); background: -ms-linear-gradient(to bottom, #88312b, #B65849); background: linear-gradient(to bottom, #88312b, #B65849); border: none; padding: 24px 20px 19px; position: relative; } #mon-compte .messages-top .salle-des-ventes p, #mon-compte .messages-top .salle-des-ventes p a { color: #fff; } #mon-compte .messages-top .salle-des-ventes p { float: left; font-size: 21px; } #mon-compte .messages-top .salle-des-ventes p.btn-link { float: right; font-size: 15px; font-weight: bold; padding-top: 0; } .message .close span { left: -999em; position: absolute; top: -999em; } #mon-compte .admin-membre section { float: left; margin-bottom: 25px; margin-right: 30px; width: 340px; } #mon-compte .admin-membre section.total-width, #mon-compte .admin-membre section.total-width nav { margin-right: 0; width: 670px; } #mon-compte .admin-membre section.total-width .left, #mon-compte .admin-membre section.total-width .right { float: left; } #mon-compte .admin-membre section.total-width .left { width: 340px; margin-right: 30px; } #mon-compte .admin-membre section.even { margin-right: 0; } #mon-compte .admin-membre section:nth-child(even) { margin-right: 0; } #mon-compte .admin-membre section h3 { font-size: 20px; margin-bottom: 15px; } #mon-compte .admin-membre section nav { border: 1px solid #e0e0de; padding: 20px; } #mon-compte .admin-membre section nav a { color: #333333; } #mon-compte .admin-membre section li { background: url(/images/bkg/pictos-sprite2.png) no-repeat left -895px; font-size: 13px; padding: 0 0 0 14px; margin: 0 0 10px 0; } #mon-compte .admin-membre section li span { color: #6E201C; } #mon-compte .admin-membre section li.empty span { color: #333; } #mon-compte .admin-membre section li.empty { font-weight: normal; } #mon-compte .info-imp { color: #6E201C; font-size: 21px; margin-bottom: 25px; } #mon-compte .info-contact { margin-top: 25px; text-align: center; margin-bottom: 35px; } #mon-compte .info-faq { background: #e9f1f5 url(/images/bkg/pictos-sprite3.png) no-repeat 10px -688px; border: 1px solid #b0d5ea; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; margin-bottom: 30px; padding: 15px 10px 15px 40px; } #mon-compte .info-faq p { font-size: 14px; } #mon-compte .info-faq a { background: #e9f1f5 url(/images/bkg/pictos-sprite3.png) no-repeat right -845px; color: #6E201C; padding-right: 14px; } /*#mon-compte .info-faq a:hover, #mon-compte .info-faq a:focus { text-decoration: underline; }*/ #mon-compte .info-contact p, #mon-compte .bloc-estim h3, #mon-compte .expert .color1 { font-size: 15px; } #mon-compte .expert .color1 { color: #64462a; } #mon-compte .info-contact p.title { color: #6E201C; } #mon-compte .info-contact p.title { margin-bottom: 15px; } #mon-compte .info-contact p .tel, #mon-compte .info-contact p a { color: #64462a; } #mon-compte .bloc-estim h3, #mon-compte .bloc-estim h4 { color: #6E201C; } /*#mon-compte .info-contact p a { text-decoration: underline; }*/ #mon-compte .info-contact p a:hover, #mon-compte .info-contact p a:focus { text-decoration: none; } #mon-compte .info-contact p.title, #mon-compte .info-contact p .tel { font-size: 21px; font-weight: bold; } #mon-compte .bloc-estim { margin-bottom: 35px; } #mon-compte .bloc-estim .etat-vente { display: block; float: right; margin: 0 0 10px 10px; } #mon-compte .bloc-estim .etat-vente .etat-adjuge p, #mon-compte .bloc-estim .etat-vente .etat-non-adjuge p { color: #fff; font-size: 15px; font-weight: bold; line-height: 20px; } #mon-compte .bloc-estim .etat-vente .etat-adjuge, #mon-compte .bloc-estim .etat-vente .etat-non-adjuge { background: #75863a; display: block; margin-bottom: 10px; padding: 10px 0; text-align: center; width: 140px; } #mon-compte .bloc-estim .etat-vente .etat-adjuge { background: #75863a; } #mon-compte .bloc-estim .etat-vente .etat-non-adjuge { background: #cc1d1a; } #mon-compte .bloc-estim .etat-vente .info-etat { border: 1px solid #e0e0de; font-size: 13px; font-weight: normal; display: block; padding: 10px; width: 118px; } #mon-compte .bloc-estim .etat-vente .info-etat .link { font-size: 12px; } #mon-compte .bloc-estim .etat-vente .info-etat strong { color: #cc1d1a; display: block; margin-bottom: 10px; } #mon-compte .bloc-estim .btn-link { margin-top: 20px; } #mon-compte .bloc-estim .info { border-top: 1px solid #e0e0de; clear: both; font-size: 14px; padding: 20px 0 0; } #mon-compte .bloc-estim .info-expert p, #mon-compte .bloc-estim .info-expert h5 { font-size: 13px; } #mon-compte .bloc-estim .info-expert p.color2 { font-size: 14px; font-weight: bold; } #mon-compte .bloc-estim .info-expert .left { width: 500px; } #mon-compte .bloc-estim .info-expert img { float: left; margin-right: 20px; } #mon-compte .bloc-estim .info-expert .estimation { text-align: center; width: 150px; } #mon-compte .bloc-estim p { line-height: 18px; } #mon-compte .bloc-estim .marge { margin-top: 30px; } #mon-compte .bloc-estim .info-expert .estimation p { font-size: 15px; font-weight: bold; line-height: 20px; } #mon-compte .bloc-estim .info-expert .estimation strong { color: #6E201C; } #mon-compte .bloc-estim h3, #mon-compte .bloc-estim h4, #mon-compte .expert h5 { font-family: arial, helvetica, sans-serif; font-weight: bold; } #mon-compte .expert h5 { font-size: 13px; margin-bottom: 0; } #mon-compte .bloc-estim h4 { font-size: 17px; } #mon-compte .bloc-estim h4 span { font-weight: normal; font-style: italic; } #mon-compte .bloc-estim h3 span { font-weight: normal; } #mon-compte .bloc-estim .body { border: 2px solid #e0e0de; padding: 20px; position: relative; } #mon-compte .bloc-estim p.big { font-size: 15px; } #mon-compte .bloc-estim .visuel { margin-bottom: 20px; width: 224px; } #mon-compte .bloc-estim .text { width: 440px; } #mon-compte .bloc-estim .expert { margin-top: 20px; } #mon-compte .bloc-estim .expert img { float: left; margin: 0 10px 16px 0; } #mon-compte .bloc-estim .expert .estimation { background: url(/images/bkg/pictos-sprite3.png) no-repeat 20px -291px; clear: both; margin-bottom: 25px; padding-top: 9px; } #mon-compte .bloc-estim .expert .estimation .inner { background: #6E201C; border-radius: 10px; float: left; padding: 10px; } #mon-compte .bloc-estim .expert .estimation p { color: #fff; font-size: 14px; } #mon-compte .bloc-estim .expert .message { background: #d7cfc8; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; padding: 10px; } #mon-compte .bloc-estim .expert .message p { color: #363636; } #mon-compte .nav-pages li { background: none; border-top: 1px solid #e0e0de; display: block; font-size: 14px; padding: 10px 0 13px 0; } #mon-compte .nav-pages li:first-child { border-top: none; } #mon-compte .nav-pages li a { background: url(/images/bkg/pictos-sprite2.png) no-repeat left -897px; padding-left: 14px; color: #333; } #mon-compte .nav-pages li a:hover, #mon-compte .nav-pages li a:focus, #mon-compte .nav-pages li.current a { background: url(/images/bkg/pictos-sprite3.png) no-repeat left -257px; color: #336886; } #mon-compte .filter-nav, #mon-compte .filter-vente { background: url(/images/bkg/fleche-filter-nav.png) no-repeat 14px bottom; margin-bottom: 30px; padding-bottom: 8px; } #mon-compte .filter-nav .inner, #mon-compte .filter-vente .inner { background: -webkit-linear-gradient(top, #f8f8f8, #f4f3f1); background: -moz-linear-gradient(to bottom, #f8f8f8, #f4f3f1); background: -o-linear-gradient(to bottom, #f8f8f8, #f4f3f1); background: -ms-linear-gradient(to bottom, #f8f8f8, #f4f3f1); background: linear-gradient(to bottom, #f8f8f8, #f4f3f1); border: 1px solid #e3e3e3; -wekbit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; padding: 20px; } #mon-compte .filter-nav .label, #mon-compte .filter-vente .label { display: inline; font-size: 13px; font-weight: bold; } #mon-compte .filter-vente .label { display: block; float: none; } #mon-compte .filter-vente .expert-vente { width: 350px; } #mon-compte .filter-vente .expert-vente p { font-size: 13px; } #mon-compte .filter-vente .label, #mon-compte .filter-vente p.title { color: #6E201C; font-size: 17px; font-weight: normal; margin-bottom: 10px; } #mon-compte .filter-nav select, #mon-compte .filter-vente select { border: 1px solid #e3e3e3; width: 165px; } #mon-compte .filter-vente select { width: 240px; font-weight: bold; padding: 5px; } #mon-compte .filter-nav .pages a span { left: -999em; position: absolute; top: -999em; } #mon-compte .filter-nav .pages { font-size: 12px; font-weight: normal; } #mon-compte .filter-nav .pages a, #mon-compte .filter-nav .pages span { display: inline-block; } #mon-compte .filter-nav .pages a { background: url(/images/bkg/pictos-sprite3.png) no-repeat left -900px; height: 14px; margin: 0 4px; position: relative; top: 3px; width: 9px; } #mon-compte .filter-nav .pages a.next { background-position: -7px -900px; marigin-right: 0; } #mon-compte .filter-vente .expert-vente img { float: left; margin-right: 10px; } #mon-compte .access-infos { margin-bottom: 50px; } #mon-compte .access-infos .bloc { border-radius: 5px; display: block; float: left; margin-left: 12px; padding: 20px 30px; text-align: center; } #mon-compte .access-infos .bloc h3 { color: #fff; font-family: arial, helvetica, sans-serif; font-size: 16px; font-weight: bold; margin: 0 0 15px; } #mon-compte .access-infos .bloc:first-child { margin-left: 0; } #mon-compte .access-infos .style-1 { background: #6E201C; } #mon-compte .access-infos .style-2 { background: #64462a; } #mon-compte .access-infos .bloc .btn-link a { color: #fff; font-size: 13px; } #mon-compte .access-infos .style-1 .btn-link a { background-color: #67917f; } #mon-compte .access-infos .style-2 .btn-link a { background-color: #542c16; } #content #mes-alertes .boutons button { background: url("/images/bkg/pictos-sprite.png") no-repeat scroll right -198px #6b9db9; border-radius: 20px; color: #fff; padding: 5px 34px 8px 20px; } /* @formulaires -------------------------------*/ #content #estim-form fieldset.body { border-width: 1px; } #content .formulaire fieldset.footer { background: #f8f8f8; border-width: 0 1px 1px; text-align: center; padding: 30px; } #content .formulaire .label, #content .formulaire label, .fancybox-inner form label, .fancybox-inner form .label { display: block; font-size: 16px; padding-bottom: 7px; text-transform: uppercase; font-family: 'OpenSanssemiLight', helvetica, sans-serif; } #content .formulaire .inline, #content .formulaire .radio input, #content .formulaire .radio label, #content .formulaire .checkbox input, #content .formulaire .checkbox label, #estim-form .description .small input, #estim-form .description .small label { display: inline; padding-right: 10px; } #content .formulaire select, #content .formulaire .body input, #content .formulaire .body textarea, .fancybox-inner form input, .fancybox-inner form select, .fancybox-inner form textarea { border: 1px solid #d4d4d4; background: #f4f4f4; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; padding: 10px; } .fancybox-inner form select { padding: 10px 10px 8px; } #contact-form select { width: 465px; } #contact-form .body input, #donnees-perso-form .body input, #donnees-bancaire-form .body input, #mot-de-passe-form .body input { margin-bottom: 20px; width: 250px; } #mot-de-passe-form .body p { margin-bottom: 20px; width: 270px; } #contact-form .body textarea { font-family: arial, helvetica, sans-serif; font-size: 12px; height: 175px; resize:none; width: 260px; } #contact-form .left, #donnees-perso-form .left, #donnees-bancaire-form .left, #mot-de-passe-form .left { float: left; width: 50%; } #content #contact-form .champs_obligatoires { font-size: 13px;} #donnees-perso-form .body textarea { font-family: arial, helvetica, sans-serif; font-size: 12px; height: 93px; width: 250px; margin-bottom: 20px; } #donnees-perso-form select { margin-bottom: 20px; width: 270px; } #news-form .body input { width: 370px; } #content .formulaire .footer .submit, #mon-compte #mes-alertes button { border: none; } #content .etape2 .body .left, #content .etape2 .body .right { width: 45%; } #content .etape2 input[type="text"], #content .etape2 input[type="email"], #content .etape2 input[type="tel"] { margin-bottom: 15px; width: 92%; } #estim-form .photos .left { width: auto; } #estim-form .header select { width: 240px; } #estim-form .body .w200 { width: 200px; } /*#estim-form .description .right { padding-left: 30px; width: 615px; }*/ #content .formulaire .radio { margin-bottom: 12px; } #content .formulaire .radio input, #content .formulaire .checkbox input, .fancybox-inner #creationCompte .footer .checkbox input { padding: 0; background: none; border: none; } #content .formulaire .radio label, #content .formulaire .checkbox label, #estim-form .description .small label, .fancybox-inner #creationCompte .footer .checkbox label { font-weight: normal; font-size: 14px; text-transform: none; } #estim-form .description .small label { padding-right: 2px; } #content .formulaire .info { cursor: help; padding-left: 10px; position: relative; } #estim-form .description input[type="text"] { width: 390px; } #estim-form .coordonnees input[type="email"] { width: 331px; } #estim-form textarea { height: 85px; width: 390px; resize: none; } #estim-form .description .small input { width: 30px; } #content .formulaire label small, #content .formulaire .label small { font-size: 12px; font-weight: normal; text-transform: none; display: block; padding-top: 3px; } #content .formulaire .input-file { margin-bottom: 25px; position: relative; } #content .formulaire .input-file, #content .formulaire .input-file .fakeFile, #content .formulaire .input-file input { cursor: pointer; display: block; height: 35px; width: 216px; } #content .formulaire .input-file .fakeFile, #content .formulaire .input-file input { position: absolute; top: 0; left: 0; } #content .formulaire .input-file input { cursor: pointer; opacity: 0; filter: alpha(opacity=0); z-index: 10; } #content .formulaire .input-file { background: #6b9db9 url(/images/bkg/pictos-sprite.png) no-repeat right -443px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; color: #fff; display: none; cursor: pointer; font-size: 14px; font-weight: bold; height: 16px; padding: 7px 20px 10px; z-index: 0; width: 176px; } #content #file_upload-button { padding: 0; background: #542C16 url(/images/bkg/pictos-sprite.png) no-repeat right -447px; } #content .formulaire .upload-files { width: 340px; } #content .formulaire .upload-files li { display: inline-block; height: 100px; margin: 0 9px 10px 0; padding: 0; width: 100px; border: 1px solid #adadad; box-shadow: 0 3px 0 #e4e4e4; } #content .formulaire .upload-files li#fileupload { cursor: pointer; background: no-repeat url(/images/bkg/picto_ajout_vert.png) center center; } #content .formulaire .upload-files li.empty { background: no-repeat url(/images/bkg/picto_ajout_gris.png) center center; border: 1px solid #f1f1f1; box-shadow: 0 3px 0 #f1f1f1; } #content .formulaire .upload-files li img { width: 100px; height: 100px; margin-bottom: 12px; } #content .formulaire .upload-files li a.btn-supr-photo { position: relative; top: -78px; left: 34px; right: 0; display: block; width: 36px; height: 36px; background: url(/images/bkg/btn_supprimer.png) no-repeat; } #file-chargement {margin-bottom: 10px; width: 330px;} #content .formulaire label a, #content .formulaire .label a, .fancybox-inner #creationCompte .footer .checkbox label a, .fancybox-inner .info-small p a { color: #6E201C; /*text-decoration: underline;*/ } .form_newsletter .ligne input { width: 385px; } #merci-newsletter { color: #6E201C; font-size: 20px; } .fancybox-inner .info-small p strong { color: #6E201C; } #content .formulaire label a:hover, #content .formulaire .label a:hover, .fancybox-inner #creationCompte .footer .checkbox label a:hover, #content .formulaire label a:focus, #content .formulaire .label a:focus, .fancybox-inner #creationCompte .footer .checkbox label a:focus, .fancybox-inner .info-small p a:hover, .fancybox-inner .info-small p a:focus { text-decoration: none; } #content .formulaire .checkbox label { margin-left: 5px; position:relative; top: 2px; } #content .formulaire .prev-link { background: #a4a4a4 url(/images/bkg/pictos-sprite.png) no-repeat -772px -228px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; color: #fff; display: block; font-size: 13px; font-weight: bold; padding: 6px 20px 8px 34px; } .fancybox-inner form .row div, .fancybox-inner form .row .small { display: inline-block; margin-bottom: 10px; vertical-align: top; width: 45%; } .fancybox-inner form .row .small:first-child { margin-right: 20px; } .fancybox-inner form .row div:first-child { margin-right: 45px; } .fancybox-inner form .row input {height: 20px; font-size: 14px;} #content .text-fiche input {width: 168px; height: 34px; font-size: 22px;} #content .text-fiche input#montant {width: 120px; height: 30px; font-size: 22px; margin-bottom: 10px; padding: 4px;} .fancybox-inner form .row .small input { width: 80px; } .fancybox-inner form .row .small select { width: 115px; } .fancybox-inner form .row .info { display: block; clear: both; padding-top: 3px; } .fancybox-inner form .row textarea { resize: none; width: 95%; } .fancybox-inner form .footer { padding-bottom: 30px; } /* @FAQ --------------------------*/ #content .sous-page .back-link, #content .faq .detail { border-bottom: 1px dashed #e0e0de; padding-bottom: 8px; } #content .faq .detail, #content .sous-page .back-link { margin-bottom: 20px; } #content .faq .detail p { font-size: 14px; line-height: 18px; } #content .faq { margin-bottom: 25px; } #content .faq h2 { font-size: 22px; margin-bottom: 10px; } /*#content .faq h3 { font-size: 20px; margin-bottom: 15px; }*/ #content .faq .faq-liste { margin-bottom: 25px; } /*#content .faq ul { margin: 0; padding: 0; } #content .faq li { background: none; font-size: 15px; line-height: 17px; margin-bottom: 10px; padding: 0; }*/ #content .faq li a, #content .sous-page .back-link a, #content .faq .detail a { color: #6E201C; } /*#content .faq li a:hover, #content .faq li a:focus, #content .faq .detail a { text-decoration: underline; }*/ #content .faq .detail a:hover, #content .faq .detail a:focus { text-decoration: none; } /* @section-estimation --------------------------------------------*/ .vignette li { padding: 0; width: 300px; margin: 0 10px 20px 0; float: left; background-image: none; } #content .section-experts { margin-left: 32px; } #content .section-experts.vignette li:first-child { margin-right: 10px; } #content .section-experts.vignette li p.link a { padding-right: 12px; padding-left: 0; color: #336886; font-size: 13px; text-decoration: none; background: url(/images/bkg/pictos-sprite.png) no-repeat right 4px; } /*#content .section-experts.vignette li p.link a:hover { text-decoration: underline; }*/ .vignette figure > a { display: block; width: 300px; height: 150px; overflow: hidden; background: silver; text-align: center; } #content .vignette li img { height: 150px; } .vignette figcaption { border: 1px solid #e0e0de; } #content .section-estimation .header { margin-bottom: 15px; } #content .formulaire fieldset.header { background: none; padding-bottom: 25px; margin-bottom: 0; } #content .section-estimation .header .inner { background: #808080 url(/images/illus-estimation.png) no-repeat 30px 5px; background-size: 90px auto; padding-left: 150px; } #content .confirm-estim .header .inner { background: #808080 ; padding-left: 30px; } #content .section-estimation .header .inner p { font-size: 21px; line-height: 24px; padding-top: 10px; } #content .section-estimation .intro p { font-size: 15px; line-height: 17px; margin-bottom: 12px; } #content .section-estimation .section-experts header h2 { margin-bottom: 10px; } #content .section-estimation a.tooltip span { font-size: 10px; position:absolute; z-index: 999; white-space:nowrap; bottom:9999px; left: 50%; background:#fff; border: 1px solid #e0e0de; color:#333; padding:0px 7px; line-height: 24px; height: 24px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.4s ease-out; -moz-transition: opacity 0.4s ease-out; -o-transition: opacity 0.4s ease-out; -ms-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out; font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: normal; text-transform: none; } #content .section-estimation a.tooltip span::before { content: ""; display: block; border-left: 6px solid #fff; border-top: 6px solid transparent; position: absolute; top: -6px; left: 0px; } #content .section-estimation a.tooltip:hover span { opacity: 1; filter: alpha(opacity=100); bottom:-35px; } #content .confirm-estim .info-estim, #content .confirm-estim .intro { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; padding: 25px 20px 20px; } #content .confirm-estim .intro { background: #e1f0b8; margin-bottom: 20px; } #content .confirm-estim .intro .visuel, #content .confirm-estim .intro .text { display: inline-block; vertical-align: top; } #content .confirm-estim .intro .visuel { margin-right: 25px; width: 135px; } #content .confirm-estim .intro .text { width: 450px; } #content .confirm-estim .intro h1 { color: #809d2a; font-size: 15px; } #content .confirm-estim p { font-family: 'OpenSansRegular', arial, helvetica, sans-serif; font-size: 14px; line-height: 17px; } /*#content .confirm-estim p a { color: #6E201C; text-decoration: underline; }*/ #content .confirm-estim p a:hover, #content .confirm-estim p a:focus { text-decoration: none; } #content .confirm-estim .intro h1, #content .confirm-estim .intro p { margin-bottom: 20px; } #content .confirm-estim .info-estim { background: #f5f4f2; border: 1px solid #e3e3e3; margin-bottom: 20px; padding-top: 15px; } #content .confirm-estim .info-estim h2 { font-size: 18px; margin-bottom: 10px; } #content .confirm-estim h3 { color: #6E201C; font-size: 20px; margin-bottom: 15px; } #content .confirm-estim .info-estim .estim-btn a { display: block; width: 170px; text-decoration: none; } #content .section-estimation .formulaire fieldset { border-top: 1px solid #e0e0de; border-bottom: 1px solid #e0e0de; border-right: none; border-left: none;} #content .section-estimation .formulaire label, #content .section-estimation .formulaire .label { text-transform: none;} #content .section-estimation fieldset.header ul li { display: inline-block; margin: 0 6px; padding: 0; cursor: pointer; list-style: none; background: none;} #content .section-estimation fieldset.header ul li img { margin-bottom: 10px;} #content .section-estimation fieldset.header ul li:hover { opacity: 1 !important;} #content .section-estimation fieldset.header ul li p { text-align: center; } #content .section-estimation small { display: block; color: #a8a8a8;} #content .section-estimation .body input, #content .section-estimation .body textarea { box-shadow: 0 2px 0 #e4e4e4; background-color: #fff;} #content .section-estimation fieldset.description{padding-top: 20px;} #content .section-estimation fieldset.coordonnees{padding-top: 20px;} #content .section-estimation .precisions h3 {margin-bottom: 10px; font-size: 16px; color: #424242;} #content .section-estimation .titre-photo {margin-bottom: 15px;font-size: 18px;} #content .section-estimation .titre-photo span {color: #ab0000;} /* @ie7, oldies ---------------------------------*/ .lt-ie8 .inbl, .lt-ie8 #branding hgroup h1, .lt-ie8 #branding hgroup h2, .lt-ie8 #branding .lang-nav li, .lt-ie8 #branding .top-nav li, .lt-ie8 #login li, .lt-ie8 #main-nav ul li, .lt-ie8 .section-zoom .bloc img, .lt-ie8 .section-zoom .bloc figcaption, .lt-ie8 #footer .footer-nav li, .lt-ie8 #section-nav ul li, .lt-ie8 #content .calendrier-ventes .inline .btn-link, .lt-ie8 #content .calendrier-ventes .inline .insc-vente, .lt-ie8 #content .fiche-detail .social-nav ul li, .lt-ie8 .social-nav ul li .lt-ie8 #content .catalogue #sort-form div, .lt-ie8 #content .pager-bottom a, .lt-ie8 #content .formulaire .upload-files li, .lt-ie8 #content .confirm-estim .intro .visuel, .lt-ie8 #content .confirm-estim .intro .text, .lt-ie8 .fancybox-inner form .row div, .lt-ie8 .fancybox-inner #connexion .left, .lt-ie8 .fancybox-inner #connexion form .checkbox label, .lt-ie8 .fancybox-inner #connexion form .checkbox input, .lt-ie8 .fancybox-inner #connexion form .checkbox .small, .lt-ie8 .fancybox-inner #creationCompte .left, .lt-ie8 .fancybox-inner #creationCompte .radio div, .lt-ie8 .fancybox-inner #bienvenue .textcol, .lt-ie8 .fancybox-inner #bienvenue .infobox, .lt-ie8 #mon-compte .header-mon-compte .info-membre .actions, .lt-ie8 #mon-compte .header-mon-compte .info-membre p, .lt-ie8 #mon-compte .filter-nav .pages a, .lt-ie8 #mon-compte .filter-nav .pages span { display: inline; zoom: 1; } .lt-ie8 #content .section-experts li:first-child { margin-right: 17px; } .lt-ie8 #login li:first-child, .lt-ie8 #footer .credits a { padding-right: 20px; } .lt-ie8 #search input.submit-search { color: #fff; padding-top: 18px; } .lt-ie9 #main-nav ul li.last { border-right: none; } .lt-ie9 #main-nav ul li { line-height: 16px; } .is-ie10 #content .view-liste .last, .lt-ie9 #content .view-liste .last { border-bottom: none; } .lt-ie8 #content .pager-bottom .row, .lt-ie9 #content .pager-bottom .row { background: #e9e8e4; } .is-ie10 #content .pager-bottom .row { -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f1f1', endColorstr='#e9e8e4')"; } .lt-ie8 #mon-compte .messages-top .salle-des-ventes, .lt-ie9 #mon-compte .messages-top .salle-des-ventes { background: #ae4842; } .is-ie10 #mon-compte .messages-top .salle-des-ventes { -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#872f29', endColorstr='#ae4842')"; } .lt-ie8 #mon-compte .filter-nav, .lt-ie9 #mon-compte .filter-nav { background: #f4f3f1; } .is-ie10 #mon-compte .filter-nav { -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f8f8f8', endColorstr='#f4f3f1')"; } .is-ie10 #estim-form .description input[type="text"], .is-ie10 #estim-form textarea, .lt-ie9 #estim-form .description input[type="text"], .lt-ie9 #estim-form textarea, .lt-ie8 #estim-form .description input[type="text"], .lt-ie8 #estim-form textarea { width: 380px; } .is-ie10 #estim-form .description .small input, .lt-ie9 #estim-form .description .small input { width: 33px; } .lt-ie8 #estim-form .description .small input { width: 29px; } /*.is-ie10 #mon-compte .header-mon-compte .compte-nav li { display: block; float: left; margin: 0; } .is-ie10 #mon-compte .header-mon-compte .compte-nav li.last { float: right; } .is-ie10 #mon-compte .header-mon-compte .compte-nav li a { padding: 11px 27px 11px 27px; } .is-ie10 #mon-compte .header-mon-compte .compte-nav li.last a { padding: 11px 26px 11px 25px; } .lt-ie9 #mon-compte .header-mon-compte .compte-nav li.last a { padding: 11px 29px 11px 30px; } .lt-ie8 #mon-compte .header-mon-compte .compte-nav li a { padding: 11px 29px 11px 30px; }*/ /* Ajout mika */ form ul.error_message li, #FormRegister div > ul, #FormLogin div div > ul { color: red; } .fiche_cp a, .fiche_expert a, .fiche_createur a, .retour_list a { color: #1C4B66; /*text-decoration: underline;*/ } .fiche_cp figure, .fiche_expert figure, .fiche_createur figure { float: left; margin: 0 20px 20px 0; } .fiche_cp figure img, .fiche_expert figure img, .fiche_createur figure img { width: 220px; } .fiche_cp h1, .fiche_expert h1, .fiche_createur h1 { font-family: OpenSans , sans-serif; font-size: 26px; font-weight: normal; } .fiche_cp p, .fiche_expert p, .fiche_createur p { font-family: arial; font-size: 14px; line-height: 130%; } .fiche_cp .nav-fiche, .fiche_expert .nav-fiche { float: right; } .fiche_cp .nav-fiche a, .fiche_expert .nav-fiche a { display: inline-block; line-height: 23px; color: #296987; text-decoration: none; } .fiche_cp .nav-fiche a.precedent, .fiche_expert .nav-fiche a.precedent { padding-left: 34px; background: url('/images/bkg/precedent.png') left no-repeat; } .fiche_cp .nav-fiche a.suivant, .fiche_expert .nav-fiche a.suivant { margin-left: 20px; padding-right: 34px; background: url('/images/bkg/suivant.png') right no-repeat; } .retour_list { margin: 0; padding: 20px 0 0; border-top: 1px solid #E0E0DE; } /* Liste lot */ #content .header-catalogue .date { font-size: 20px; margin-bottom: 30px; font-family: 'OpenSansSemilight', helvetiva, sans-serif; } #content .description-categorie { margin-bottom: 40px; font-size: 14px; font-family: 'OpenSansSemilight', helvetiva, sans-serif; color: #999999; } #content .filtre-lot:last-child { padding-bottom: 20px; border-bottom: 1px dashed #e0e0de } #liste-lot li { float: left; padding: 0; background: none; } #liste-lot li .info { margin-top: 10px;} #liste-lot li .visuel img { height: 100%;} #liste-lot li .visuel { overflow: hidden;} #liste-lot li .info h3 { margin: 0; font-size: 13px; font-family: 'OpenSansRegular', helvetiva, sans-serif;} #liste-lot li .info h2 a { color: #424242; font-size: 13px; font-family: 'OpenSansRegular', helvetiva, sans-serif; } /*#liste-lot li .info h2 a:hover { text-decoration: underline; }*/ #liste-lot li .info h2 { margin-bottom: 0;} #liste-lot li .info .texte { margin-left: 20px; } #liste-lot.passes li .info .texte { margin: 0;} #liste-lot.passes li .info .adjudication, #liste-lot li .info .adjudication { color: #9c9c9c; font-family: "OpenSansRegular",helvetica,sans-serif; font-size: 12px; } #liste-lot.passes li .info .adjudication .price, #liste-lot li .info .adjudication .price { font-family: "OpenSansSemibold",helvetica,sans-serif; font-size: 14px; color: #762117; } #liste-lot li .info .num_lot { float: left; margin-top: 1px; color: #8f8f8f; font-family: 'OpenSansRegular', helvetiva, sans-serif; font-size: 13px;} #content .catalogue-liste .filtre-lot .lot-par-page { display: inline-block;} #content .catalogue-liste .filtre-lot .lot-par-page a { display: inline-block; margin-right: 18px;} #content .catalogue-liste .filtre-lot .lot-par-page a.current { color: #424242;} #content .catalogue-liste .filtre-lot * { font-size: 13px; font-family: 'OpenSansSemilight', helvetiva, sans-serif; } #content .catalogue-liste .filtre-lot > .select-filtre { float: left; margin-right: 20px; } #content .catalogue-liste .filtre-lot span { margin-right: 20px; } /* Fiche lot */ .refresh-enchere { color: green; cursor: pointer;} .refresh-enchere img { width: 18px; height: 18px; vertical-align: sub;} #content .fiche-detail .pager .back-link, #content .fiche-detail .pager .next-link { font-family: 'OpenSansSemilight', helvetiva, sans-serif; font-size: 13px;} #content .fiche-detail .pager .back-link { margin: 0; border: none;} #content .fiche-detail .pager .next-link { margin: 0;} #content .fiche-detail .fiche-nav .back-link { font-family: 'OpenSansSemilight', helvetiva, sans-serif; font-size: 13px; } #content #liste_onglet { position: absolute; width: 972px; margin: 25px 0 0 0; border-bottom: 1px solid #e0e0de; list-style-type: none; } #content #liste_onglet li { width: 184px; height: 28px; display: inline-block; position: relative; top: 1px; margin: 0 12px 0 0; padding: 12px 7px 7px 7px; text-align: center; border: 1px solid #e1e1de; background-image: none; z-index: 10; cursor: pointer; font-size: 13px; } #content #liste_onglet li#active { width: 184px; height: 28px; border-bottom: none; top: 2px; color: #929292; background-color: #fff; } #content .contenu_onglet { display: none; margin-top: 73px; padding: 30px; border-bottom: 1px solid #e0e0de; border-left: 1px solid #e0e0de; border-right: 1px solid #e0e0de; font-family: 'openSansRegular', helvetiva, sans-serif; } #content .contenu_onglet .liens { margin-left: 43px; } #content .contenu_onglet > div { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; } #content .contenu_onglet h2 { font-size: 16px; font-family: 'openSansSemibold', helvetiva, sans-serif; } #content .contenu_onglet h3 { font-size: 16px; } #content .contenu_onglet h4 { font-family: "openSansSemibold",helvetiva,sans-serif; font-size: 13px; } #content .contenu_onglet a { color: #336886; } #content .contenu_onglet .contact { width: 300px; padding: 10px; border: 1px solid #e0e0de; } #content .contenu_onglet .contact h5 { margin: 10px 0 25px 0; font-family: 'openSansRegular', helvetiva, sans-serif; font-size: 16px; text-transform: uppercase; } #content .contenu_onglet .contact h5 span { display: block; font-size: 13px; } #content .contenu_onglet .contact .mail { padding-top: 15px; min-height: 30px; border-top: 1px dashed #e0e0de; font-family: 'opensansregular', helvetiva, sans-serif; } #content .contenu_onglet .contact .tel { font-family: 'opensansregular', helvetiva, sans-serif; } #content .fiche-detail .action-btn-inscription { padding: 20px 0; border-top: 1px solid #e0e0de; } #content .fiche-detail .text-fiche .enchere-max { margin-top: 5px; font-size: 13px; font-family: 'openSansRegular', helvetiva, sans-serif; } #content .fiche-detail .action-btn-encherir button, #content #contact-form .submit, #content .fiche-detail .action-btn-oa button { display: inline; width: 130px; height: 42px; padding: 5px; margin-left: 10px; border: none; vertical-align: top; } #content .fiche-detail .action-btn-encherir img { margin-left: 10px; vertical-align: middle; } #content .fiche-detail .infos-temps { padding: 20px 0; font-family: 'OpenSansSemibold', helvetiva, sans-serif; border-top: 1px solid #e0e0de; } #content .fiche-detail .action-btn-oa .ordre-achat { margin-bottom: 15px; padding-bottom: 10px; height: 30px; font-family: "OpenSansSemibold",helvetiva,sans-serif; border-bottom: 1px solid #e0e0de;} #content .fiche-detail .infos-temps span, #content .fiche-detail .enchere-en-cours .prix, #content .fiche-detail .enchere-contact .prix, #content .fiche-detail .action-btn-oa .prix, #indication-enchere-remporte { font-family: 'OpenSansRegular', helvetiva, sans-serif; color: #862f29; } #indication-enchere-remporte {margin-bottom: 10px;} #content .fiche-detail .enchere-en-cours .prix, #content .fiche-detail .action-btn-oa .prix { font-size: 22px;} #content .fiche-detail .enchere-en-cours { height: 32px; margin-bottom: 0; padding-top: 10px; font-family: 'OpenSansSemibold', helvetiva, sans-serif; border-top: 1px solid #e0e0de; } #content .fiche-detail .enchere-contact { margin: 0; height: 21px; padding: 0; font-family: 'OpenSansRegular', helvetiva, sans-serif;} #content .fiche-detail .enchere-en-cours .left, #content .fiche-detail .action-btn-oa .left { font-size: 16px; padding-top: 5px; } #content .fiche-detail .text-fiche .nb-enchere { font-family: 'openSansRegular', helvetiva, sans-serif; color: #787878; font-size: 13px; } input#montant::placeholder { font-size: 10px; } input#montant::-moz-placeholder { font-size: 10px; } input#montant::-webkit-input-placeholder { font-size: 10px; } input#montant::-ms-input-placeholder { font-size: 10px; } input#montant:-ms-input-placeholder { font-size: 10px; } #content .contenu_onglet p { margin-bottom: 20px; font-size: 13px; font-family: 'openSansSemilight', helvetiva, sans-serif; } #content .contenu_onglet p.nom_auteur { font-weight: bold; } #content .contenu_onglet .estimation{ font-family: 'openSansSemibold', helvetiva, sans-serif; } #content .contenu_onglet .estimation span{ font-family: 'openSansSemilight', helvetiva, sans-serif; } #content .text-fiche .infos-temps .temps-restant { padding-left: 25px; background: url('../images/bkg/logo_horloge.png') no-repeat left 1px; } #content .text-fiche .submit, #content .text-fiche .btn-link a { width: 93%; display: block; height: 15px; padding: 12px; text-align: center; vertical-align: middle; font-size: 12px; } #content .text-fiche .devise { display: inline-block; padding: 5px 8px 10px; /*border: 1px solid #adadad;*/ font-size: 21px; } #content .fiche-detail .meme-artiste .grid_4 { margin-right: 10px; } #content .fiche-detail .titre-meme-artiste { margin: 0; padding: 20px 0; font-size: 18px; font-family: 'openSansSemibold', helvetiva, sans-serif; } #content .fiche-detail .titre-meme-artiste h3 { font-size: 18px; font-family: 'openSansSemibold', helvetiva, sans-serif; } #content .fiche-detail .meme-artiste .num_lot { margin-top: 5px; font-size: 12px; font-family: 'openSansRegular', helvetiva, sans-serif; color: #adadad; } #content .fiche-detail .meme-artiste h4 { font-size: 12px; font-family: 'openSansRegular', helvetiva, sans-serif; color: #000; } #content .fiche-detail .meme-artiste .estimation { font-size: 12px; font-family: 'openSansRegular', helvetiva, sans-serif; color: #862b24; } #content .fiche-detail .meme-artiste img { max-width: 300px; max-height: 200px; } #content .fiche-detail .text-fiche .action-btn-encherir .bloc-input-encherir input { border: none; } #content .fiche-detail .text-fiche .action-btn-encherir .bloc-input-encherir .separateur, #content .text-fiche .action-btn-oa .bloc-input-oa .separateur { display: inline-block; font-size: 20px; font-family: 'openSansSemilight', helvetiva, sans-serif; color: #e0e0de; font-weight: lighter; } #content .fiche-detail .text-fiche .action-btn-encherir .bloc-input-encherir, #content .text-fiche .action-btn-oa .bloc-input-oa { display: inline-block; width: 170px; height: 40px; margin-bottom: 5px; border: 1px solid #adadad; } /* Page de contenu */ #content .article h1, #content .article h2 { font-family: 'OpensanssemiLight', helvetiva, sans-serif; } #content .article b, #content .article strong { font-weight: bold; } /* page demandant une connection */ #content .section-estimation.compte * { font-family: 'OpensansRegular', helvetiva, sans-serif; } /*class bootstrap pour les flash messages*/ .bg-success { background-color: #dff0d8;} .bg-primary { background-color: #428bca;} .bg-info { background-color: #d9edf7;} .bg-warning { background-color: #fcf8e3;} .bg-danger { background-color: #f2dede;} /* tooltip */ .ui-tooltip, .arrow:after { border: 2px solid white; } .ui-tooltip { padding: 20px !important; color: white; font-family: 'OpensansSemilight', helvetiva, sans-serif !important; font-size: 12px !important; } .arrow { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px; } .arrow.top { top: -16px; bottom: auto; } .arrow.left { left: 80%; } .arrow:after { content: ""; position: absolute; right: 22px; top: -20px; width: 20px; height: 20px; box-shadow: 6px 5px 9px -9px black; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background-color: white; } .arrow.top:after { bottom: -20px; top: auto; } /* ------ */ /* moteur de recherche */ #content .resultat-recherche img { width: 100%; } /* form d'estimation */ #content .section-estimation .formulaire fieldset.footer { background-color: #fff;}