/* ---------------------------------------------------------------------- */ /* Reset & Clearfix (http://meyerweb.com/eric/tools/css/reset/) /* ---------------------------------------------------------------------- */ html, body, div, one-fourth span, one-one span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, and, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea, select { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } body { cursor: default; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1 } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: none } del { text-decoration: line-through } hr { background: transparent; border: 0; clear: both; color: transparent; height: 1px; margin: 0; padding: 0 } mark { background-color: #ffffb3; font-style: italic } input, select { vertical-align: middle } ins { background-color: red; color: white; text-decoration: none } ol, ul { list-style: none } table { border-collapse: collapse; border-spacing: 0 } /* Clearfix */ .clear { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0 } .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0 } * html .clearfix, :first-child+html .clearfix { zoom: 1 } /* Some basic settings */ h1, h1 .button { font-size: 14px; } h2, h2 .button { font-size: 25px; } h3, h3 .button { font-size: 17px; } h4, h4 .button { font-size: 15px; } h5 { text-transform: uppercase; } h5, h5 .button { font-size: 12px; } h6, h6 .button { font-size: 12px; } small { font-size: 10px; } ol { list-style: decimal; } ul { list-style: disc; } li { /*margin-left: 30px;*/ } img { margin-bottom: 0px; } dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, blockquote, article, p { margin-bottom: 10px; } .slides_container { width: 990px; } .slides_container div.slide_contenu { width: 990px; display: block; height: 1500px;overflow-y: scroll; } .pagination { list-style: none; margin: 0; padding: 0; } .pagination a { color: #999; text-decoration: none; text-decoration: none; } .pagination .current a { color: #005F9F; text-decoration: none; text-decoration: none; } .pagination li { list-style: none; display: inline; margin-right: 20px; text-decoration: none; } .slides_container div.specialites_col_3, .slides_container div.specialites_col_1, .slides_container div.specialites_col_1, .slides_container div.dpt { } .slide_titre { color: #000000; font-size: 15px; padding: 5px 0; text-transform: uppercase; } .accueil_cata { display: none } .catalogue_img.no_img { background: url("../images/no_picture.jpg") no-repeat scroll 0 0 #fff; } .lien_cata { display: none; } .accueil_2 .nom_vente_ligne, .accueil_2 .nom_vente_ligne a:link { width: 200px; } .projects-carousel a, #portfolio-items article a.link_picto.responsive_cata { } #filters { float: left; /*display:none;*/ } .degrade.accueil_2 #portfolio-items { /*width: 278px;*/ width: 100% } .degrade.accueil_2 .option-set.clearfix { display: none } .degrade.accueil_2 .liste_infos_vente { width: 180px; float: left; } .degrade.accueil_2 .isotope .isotope-item { transition: none; transform: none } .degrade.accueil_2 #mode_ligne { float: left } .degrade.accueil_2 #mode_ligne .liste.calendrier_img { width: 80px; margin-left: 15px; } .degrade.accueil_2 .lieu { display: block } .degrade.accueil_2 a.titre_vente { text-transform: uppercase; padding-bottom: 5px; font-size: 15px; line-height: 16px; font-weight: regular; font-family: 'Archivo Narrow', sans-serif; font-weight: 700;padding-bottom: 5px; } .degrade.accueil_2 .nom_vente_ligne, .degrade.accueil_2 .nom_vente_ligne a:link { margin: 0 } .degrade.accueil_2 .categories { cursor: default; text-transform: capitalize; margin-bottom: 5px; } .calendrier .isotope { width: 540px;/*width:100%;*/ float: left; } .calendrier_droite { margin-top: 20px; background: none repeat scroll 0 0 #fff; float: left; margin-right: 0; /* position: fixed; */ width: 300px; position: absolute } .degrade.accueil_2 #portfolio-items { margin-top: -16px; float: left } .nppCataSearch { display: block } .ordre_payement table td { vertical-align: top; } /* ---------------------------------------------------------------------- */ /* Basic Elements & Classes /* ---------------------------------------------------------------------- */ .picto_mobile { display: none; !important; } .calendrier_specialites .image-gallery-slider img, .calendrier_specialites .image-gallery-slider img.entry-image { border: none } .calendrier_specialites .lien_info img, .calendrier_specialites .lien_cata img, .calendrier_specialites .lien_lot img { height: auto; width: auto; background: none } .calendrier_specialites { width: 400px; float: left } .calendrier_specialites #portfolio-items #mode_ligne article { margin-bottom: 10px; padding-top: 0px; } .calendrier_specialites .projects-carousel img, .calendrier_specialites #portfolio-items article img { margin: 0 16px; opacity: 1; } .accueil_2 .actualite_bloc { } .calendrier_specialites #portfolio-items { margin: 0 -20px 0px 0 } .calendrier_specialites .categories { float: left; width: 100%; margin-bottom: 5px; } .calendrier_specialites #portfolio-items #mode_ligne article { border: none } .calendrier_specialites .lieu { margin-bottom: 0px; } .calendrier_specialites .option-set.clearfix { display: none } .calendrier_specialites .bloc_vente_image img { max-width: 80px; } .calendrier_specialites .liste_infos_vente { margin-top: 0px; } .calendrier_specialites .nom_vente_ligne, .calendrier_specialites .nom_vente_ligne a:link { width: 210px; float: left; margin-bottom: 5px; } body { background: #fff; /*border-top: 6px solid #3a3a3a;*/ color: #000; /*font: 11px/1.7 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;*/ font-family: Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; font-size: 12px; line-height: 14px; } ::-moz-selection { background: none repeat scroll 0 0 #CCCCCC; color: #FFFFFF; text-shadow: none; } .calendrier select { margin-right: 10px; } .degrade.accueil_2 .lien_tous { display: none } ::selection { background: #ccc; color: #fff; text-shadow: none; } h1, h2, h3, h4, h5, h6 { color: #000; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; /*font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;*/ font-weight: bolder; line-height: 1.15; margin-bottom: 15px; } h3, h4, h5 { font-weight: 600; } a, a > * { color: #000; text-decoration: none; -webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; } a:hover, a > *:hover { color: #999; text-decoration: underline; } hr { background: #efefef; color: #efefef; margin: 5px 0 25px; } hr.dotted { border-style: dotted; } p + hr { margin: 25px 0 20px; } blockquote { background: #f8f8f8 url(http://www.stanislasmachoir.com/images/quote.png) no-repeat 17px 21px; font: italic 15px/1.6 'PT Serif', Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; padding: 20px 20px 20px 55px; } blockquote.simple { background: none; border-left: 2px solid #ddd; color: #bbb; font-size: 13px; margin: 0; padding: 0 0 0 10px; } blockquote p:last-of-type { margin-bottom: 0; } blockquote small { font-size: 12px; } .button, input[type="submit"], input[type="reset"], button { border-radius: 0 2px 2px 0;;background: #2daae1; border: none; color: #fff; cursor: pointer; /*font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;*/ font-weight: 400; height: auto; overflow: visible; padding: 7px 20px; -webkit-transition: background-color .2s ease; -moz-transition: background-color .2s ease; -ms-transition: background-color .2s ease; -o-transition: background-color .2s ease; transition: background-color .2s ease; width: auto; } .button:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover { background: #3a3a3a; color: #fff; } .button { font-size: 12px; display: inline-block; padding: 5px 16px; } .button.medium { font-size: 13px; } .button.large { font-size: 15px; } .button.no-bg { background: none; color: #3a3a3a; padding: 0; } .button.no-bg:hover, #footer .button.no-bg:hover { background: none; text-decoration: underline; } .button .icon, .button .arrow { color: transparent; cursor: pointer; display: inline-block; font: 0/0 a; height: 19px; margin: -3px 0 0 3px; text-shadow: none; vertical-align: middle; width: 19px; } .ie7 .button .icon, .ie7 .button .arrow { display: inline; } .button .arrow { background: #fff url(../images/button-arrows.png) no-repeat 0 0; } .button .icon.left, .button .arrow.left { margin-left: 0; margin-right: 3px; } .button .arrow.left { background-position: 0 -19px; } .button:hover .arrow { background-color: #fff; } .dropcap { background: #eaeaea; color: #777; display: inline-block; float: left; /*font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;*/ font-size: 23px; font-weight: 600; height: 36px; line-height: 36px; margin: 0 7px 0 0; text-align: center; width: 36px; } .dropcap.dark { background: #3a3a3a; color: #fff; } .infobox { background: #fbfbfb; border: 1px solid #efefef; margin: 0 0 20px; padding: 25px; } .single-image, .image-gallery { cursor: pointer; display: block; margin-bottom: 5px; /*overflow: hidden;*/ position: relative; } .single-image .catalogue { max-height: 180px; overflow: hidden; } .catalogue_img { display: table-cell; height: 180px; overflow: hidden; text-align: center; vertical-align: middle; } .catalogue_img img { /* padding-left: 19px;*/ max-width: 170px; } .calendrier_img { height: 210px; overflow: hidden; } .accueil_2 .calendrier_img { height: auto;} .calendrier_img img { /*height: 150px; */ } .liste.calendrier_img { max-height: 110px; overflow: hidden; float: left; margin-right: 0px; } .liste_infos_vente { float: left; margin-top: 5px; } .calendrier_specialites .liste_infos_vente { width: 180px } .nom_vente_ligne, .nom_vente_ligne a:link { text-transform: uppercase; color: #000; font-weight: bold; margin-bottom: 10px; text-align: left; font-size: 14px; width: 700px; } .titre_vente, a.titre_vente { text-align: left; } .titre_vente a:link { text-align: left; } .single-image:hover { /*background-color:#f8f8f8;*/ } /*.single-image img{ border:1px solid #ccc;}*/ .single-image.none, .image-gallery.none, .iframe.none, .single-image.none img, .image-gallery.none img, .iframe.none img { display: inline; margin-bottom: 0; overflow: visible; } .single-image.align-left, .image-gallery.align-left, .iframe.align-left { margin-bottom: 15px; margin-right: 15px; } .single-image.align-right, .image-gallery.align-right, .iframe.align-right { margin-bottom: 15px; margin-left: 15px; } .single-image img, .image-gallery img, .iframe img { margin-bottom: -5px; } .single-image .zoom, .image-gallery .zoom, { background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.4); color: transparent; display: block; font: 0/0 a; height: 100%; left: 0; filter: alpha(opacity=0); opacity: 0; position: absolute; text-shadow: none; top: 0; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; width: 100%; } .single-image .zoom:before, .image-gallery .zoom:before, { /*background: url(../images/zoom.png) no-repeat;*/ content: ''; display: block; position: absolute; height: 58px; margin: -29px 0 0 -29px; left: 50%; top: 50%; width: 58px; } #vente.ImgBorder { /*box-shadow: 3px 3px 7px #4b4b4b;*/ } #vente.ImgBorder:hover { opacity: 0.5; } .couverture_calendrier img { opacity: 0.1;/*-webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out;*/ } .image_supp .single-image .zoom .no_background:before { background: none; content: ''; display: block; position: absolute; height: 20px; width: 20px; } .catalogue_img .single-image .zoom:before { left: 90px; top: 90px; border: 1px solid #ccc; } .liste .single-image .zoom:before { left: 40px; top: 50px; } .single-image.video .zoom:before, .image-gallery.video .zoom:before, { background-image: url(../images/zoom-video.png); } .single-image.link .zoom:before, .image-gallery.link .zoom:before, { background-image: url(../images/zoom-link.png); } .single-image:hover .zoom, .image-gallery:hover .zoom, .zoom { filter: alpha(opacity=40); opacity: 1; } a.single-image:hover .zoom .no_background, { filter: alpha(opacity=40); background: none; opacity: 1; } /* ---------------------------------------------------------------------- */ /* Generic Classes /* ---------------------------------------------------------------------- */ .bande_noire { height: 30px; z-index: 997; width: 100%; background: url("../images/bande_noire.gif") repeat-x 0 0px; } .hidden { opacity: 0.1; } .disabled { cursor: auto; } .screenreader { clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); /* Fallback for old IE */ position: absolute; } .align-center { margin-left: auto; margin-right: auto; text-align: center; } .align-left { float: left; } img.align-left { margin-bottom: 15px; margin-right: 15px; } .align-right { float: right; } img.align-right { margin-bottom: 15px; margin-left: 15px; } /* ---------------------------------------------------------------------- */ /* Lists /* ---------------------------------------------------------------------- */ ul.none { list-style: none; margin: 0; } ul.dotted + ul.dotted:before { content: ''; display: block; clear: both; border-bottom: 1px dotted #bdbdbd; margin: -15px 0 5px; } .arrow li, .arrow-2 li, .circle li, .check li, .check-2 li, .star li, .plus li, .dash li { list-style: none; margin: 0; padding: 0 0 0 24px; } .arrow li { background: url(../images/list-arrow.png) no-repeat 5px 5px; } .arrow-2 li { background: url(../images/list-arrow-2.png) no-repeat 2px 4px; } .circle li { background: url(http://www.stanislasmachoir.com/images/list-circle.png) no-repeat 4px 5px; } .check li { background: url(../images/list-check.png) no-repeat 3px 4px; } .check-2 li { background: url(http://www.stanislasmachoir.com/images/list-check-2.png) no-repeat 0 4px; } .star li { background: url(http://www.stanislasmachoir.com/images/list-star.png) no-repeat 0 1px; } .plus li { background: url(http://www.stanislasmachoir.com/images/list-plus.png) no-repeat 3px 3px; } .dash li { background: url(http://www.stanislasmachoir.com/images/list-dash.png) no-repeat 3px 8px; } /* ---------------------------------------------------------------------- */ /* Alert Boxes /* ---------------------------------------------------------------------- */ .error, .success, .info, .notice { display: block; padding: 10px 20px 10px 44px; } .error { background: #f9e5e6 url(../images/icon-box-error.png) no-repeat 10px 9px; border: 1px solid #f7c7c9; border-left-width: 4px; color: #b3696c; } .success { background: #e3ebc6 url(../images/icon-box-success.png) no-repeat 12px 8px; border: 1px solid #c2d288; border-left-width: 4px; color: #8fa442; } .info { background: #d8ecf5 url(../images/icon-box-info.png) no-repeat 10px 8px; border: 1px solid #9ac9df; border-left-width: 4px; color: #528da9; } .notice { background: #fcf7d9 url(../images/icon-box-notice.png) no-repeat 10px 9px; border: 1px solid #f5dc7d; border-left-width: 4px; color: #c4a21b; } /* ---------------------------------------------------------------------- */ /* Forms /* ---------------------------------------------------------------------- */ label { cursor: pointer; display: block; /*font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;*/ margin: 0 0 5px; } input, textarea, select { -webkit-appearance: none; /* Fix for Mobile Safari */ /*background-color: #f8f8f8;*/ border: 1px solid #ccc; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #8f8f8f; font: 13px; padding: 5px 5px; border-radius: 0; text-transform: uppercase; background-color: #cccc; color: #999; } input { text-transform: uppercase; background-color: #ccc; color: #000; font-size: 12px; } input, select { height: 30px; width: 200px; } .padding_bloc input, .padding_bloc select { height: 20px; width: 200px; } textarea { padding: 10px; resize: both; } input:hover, textarea:hover, select:hover { border-color: #dedede; } input:focus, textarea:focus, select:focus { border-color: #ccc; } input[type="submit"], input[type="reset"], button { font-size: 13px; text-transform: uppercase; } input[type="submit"].medium, input[type="reset"].medium, button.medium { font-size: 15px; } input[type="submit"].large, input[type="reset"].large, button.large { font-size: 17px; } select, option { cursor: pointer; padding: 5px 7px; } input[type="checkbox"], input[type="radio"], .contact-form input[type="checkbox"], .contact-form input[type="radio"] { width: 20px; } /* Fix for Mobile Safari */ input[type="checkbox"] { -webkit-appearance: checkbox; } input[type="radio"] { -webkit-appearance: radio; } /* Chrome, Safari */ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #b0b0b0; } /* Firefox */ input:-moz-placeholder, textarea:-moz-placeholder { color: #b0b0b0; } /* jQuery fallback */ input.placeholder, textarea.placeholder { color: #b0b0b0; } /* ---------------------------------------------------------------------- */ /* Wrap /* ---------------------------------------------------------------------- */ .container { margin: 0 auto; position: relative; width: 940px; } /* -------------------------------------------------- */ /* Columns /* -------------------------------------------------- */ .one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-one { float: left; margin-right: 20px; } .one-half.last, .one-third.last, .two-third.last, .one-fourth.last, .three-fourth.last, .one-one { margin-right: 0px; } .one-half { width: 460px; } .one-third { width: 300px; } .two-third { width: 620px; } .one-fourth { width: 160px; } .three-fourth { width: 700px; } .one-one { width: 100%; } /* ---------------------------------------------------------------------- */ /* Header /* ---------------------------------------------------------------------- */ #header { /*border-bottom: 1px solid #efefef;*/ height: 124px; z-index: 97; } .logo { float: left; margin-top: -6px; } #logo { float: left; margin-top: 24px; } #main-nav a.no_border { border: none } .menu_droite { float: right; text-align: right; margin-top: 55px; } .menu_recherche { /*padding-top: 18px;*/ float: right; } /* -------------------------------------------------- */ /* Main Navigation /* -------------------------------------------------- */ #main-nav { /* float: left;*/ margin-bottom: 10px; padding-bottom: 5px; margin-top: -17px; font-family: 'Archivo Narrow', sans-serif; margin-left: -70px; font-weight: 700; } #main-nav > ul { margin: -6px 0 0; text-align: center; } #main-nav li { list-style: none; /*float: left; margin: 0;*/ position: relative; display: inline } #main-nav a { /*border-bottom: 1px solid transparent; border-top: 6px solid transparent; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; */ border-right: 1px solid #999; color: #fff; display: block; /*font-family: Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;*/ font-size: 14px; letter-spacing: -0.08px; margin: 11px 0 0; /*padding: 0 32px;*/ position: relative; text-align: center; text-transform: uppercase; z-index: 98; display: inline-block; } #main-nav ul li ul li a { margin: 0px } .ie7 #main-nav a { padding: 33px 20px; } #main-nav a:hover { text-decoration: underline } #main-nav a:after { color: #aeaeae; /*content: attr(data-description);*/ font-style: italic; /*font-weight: 400;*/ display: block; line-height: 0; margin: 3px 0 -3px; text-align: center; text-transform: uppercase; } #main-nav a:hover, #main-nav .hover > a, #main-nav .current > a { /*border-bottom-color: #ccc; border-top-color: #ccc;*/ /*color: #ED171F;*/ } #main-nav a:hover, #main-nav .hover > a, #main-nav .current > a { } .not-ie #main-nav .current:after { background: #fff; bottom: -2.5px; content: ''; left: 50%; display: block; height: 5px; margin: 0 0 0 -2.5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); position: absolute; width: 5px; } /* Dropdown */ .no-js #main-nav li:hover > ul { display: block; top: 12px; } #main-nav ul ul { background: #17354d; color: #fff; display: none; left: 0; padding: 0; position: absolute; top: 0px; width: 207px; z-index: 99; margin-left: 14px; margin-top: 17px; } #main-nav ul ul li { float: none; } #main-nav ul ul a { border: 0; /*border-bottom: 1px solid #999; border-top: 1px solid #999; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; */ color: #fff; display: block; font-size: 13px; letter-spacing: 0; font-weight: 400; padding: 4px 7px !important; text-align: left; text-transform: none; padding-left: 2px; /*border: 2px solid #000;*/ } #main-nav ul ul a:hover, #main-nav ul ul .hover > a, #main-nav ul ul .current > a, #main-nav ul ul .current > a:hover { background: #fff; color: #000; /*background-image: url(../images/fleche.gif); background-repeat: no-repeat;*/ text-decoration: underline; /*border-left: 2px solid #cc0000;*/ padding-left: -2px; } .not-ie #main-nav ul ul .current:after { display: none; } /* Sub Dropdown */ #main-nav ul ul ul { left: 200px !important; top: 0 !important; } /* Responsive Nav */ #main-nav .responsive-nav { background-image: url(../images/responsive-nav-bg.png); background-position: center right; background-repeat: no-repeat; display: none; width: 100%; background-color: #fff; } /* ---------------------------------------------------------------------- */ /* Content /* ---------------------------------------------------------------------- */ #content { padding-top: 30px; } .ie7 #content { padding-top: 25px; } /* -------------------------------------------------- */ /* Page Header /* -------------------------------------------------- */ .page-header { /*border-bottom: 1px solid #efefef;*/ margin: -15px 0 40px; } .page-header2 { /*border-bottom: 1px solid #efefef;*/ margin: -15px 0 0px; } .ie7 .page-header { margin-top: 0; } .slogan, .page-title, .page-description, .page-subdescription, .project-title { /*font-weight: 300; letter-spacing: -0.1px;*/ margin-bottom: 0; } .page-title, .page-description, .page-subdescription, .project-title { font-size: 13px; margin-top: 0px; padding: 0 0 20px; } .slogan { font-size: 24px; margin-bottom: 40px; } .page-title { margin-top: 0; } .page-subdescription { font-size: 20px; } .project-title { margin-top: -15px; padding-bottom: 30px; } .page-description { font-size: 32px; font-weight: 400; padding: 0 0 40px; } .page-title ~ hr, .page-description ~ hr, .page-subdescription ~ hr, .project-title ~ hr { margin-bottom: 10px; margin-top: 0; } .section-title { font-weight: 800; text-transform: uppercase; } /* -------------------------------------------------- */ /* Main /* -------------------------------------------------- */ #main { float: left; margin: 0 40px 0 0; width: 680px; } .sidebar-left #main { float: right; margin-left: 40px; margin-right: 0; } /* ---------------------------------------- */ /* Columns /* ---------------------------------------- */ #main .one-half { width: 330px; } #main .one-third { width: 213px; } #main .two-third { width: 447px; } #main .one-fourth { width: 155px; } #main .three-fourth { width: 505px; } #main .one-one { width: 555px; } /* -------------------------------------------------- */ /* Image Gallery Slider /* -------------------------------------------------- */ .image-gallery-slider { position: relative; margin: 0 0 10px; } .image-gallery-slider > ul { margin: 0; } .image-gallery-slider > ul > li { /*background: #fff;*/ display: none; list-style: none; margin: 0; } .no-js .image-gallery-slider > ul > li, .image-gallery-slider.disabled > ul > li { display: block; margin-bottom: 25px; } .image-gallery-slider > ul > li:first-child { display: block; } .image-gallery-slider a { margin: 0 auto; } .liste.image-gallery-slider img, .image-gallery-slider img.entry-image { display: block; margin: 0 auto; max-height: 80px; overflow: hidden; float: left; max-width: 64px;} .image-gallery-slider img, .image-gallery-slider img.entry-image { display: block; margin: 0 auto; max-width: 100%; max-height: 231px; overflow: hidden; } .image-gallery-slider.no_limit img, .image-gallery-slider.no_limit img.entry-image { max-height: 100%; overflow: show; border: none; } .image-gallery-slider-nav { } .image-gallery-slider-nav a { background: rgb(0, 0, 0) url(../images/slider-arrows-medium.png) no-repeat 0 0; /* Fallback for old IE */ filter: alpha(opacity=20); /* Fallback for old IE */ background: rgba(0, 0, 0, 0.2) url(../images/slider-arrows-medium.png) no-repeat 0 0; color: transparent; cursor: pointer; display: block; font: 0/0 a; height: 53px; margin: -26.5px 0 0; position: absolute; text-shadow: none; top: 50%; width: 25px; z-index: 90; } .image-gallery-slider-nav a.prev { background-position: -7px center; left: 0; } .image-gallery-slider-nav a.next { background-position: -46px center; right: 0; } .image-gallery-slider-nav a:hover, .image-gallery-slider-nav a:active { background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 1); filter: alpha(opacity=100); /* Fallback for old IE */ } /* -------------------------------------------------- */ /* Widgets /* -------------------------------------------------- */ /* ---------------------------------------- */ /* Accordion Content /* ---------------------------------------- */ .acc-trigger { border-top: 1px dotted #ced8df; cursor: pointer; display: block; margin: 0; } .acc-trigger:last-of-type, .acc-container:last-of-type { border-bottom: 1px dotted #ced8df; margin-bottom: 20px; } .no-js .acc-trigger:last-of-type { border-bottom: none; } .acc-trigger a { background: url(../images/accordion-content-buttons.png) no-repeat 20px 23px; display: block; color: #959393; outline: medium none; padding: 25px 20px 25px 55px; text-decoration: none; text-shadow: none; } h3.acc-trigger a, h4.acc-trigger a { background-position: 20px 24px; } h6.acc-trigger a { background-position: 20px 21px; } .acc-trigger a:hover { background-color: #f8f8f8; } .acc-trigger a:hover, .acc-trigger.active a, .acc-trigger.active a:hover { color: #ed171f; } .acc-trigger.active a:hover { background-color: transparent; } .acc-trigger.active { cursor: default; } .acc-trigger.active:last-of-type { border-bottom: none; margin-bottom: 0; } .acc-trigger.active a { background-position: 20px -88px; cursor: default; } h3.acc-trigger.active a, h4.acc-trigger.active a { background-position: 20px -87px; } h6.acc-trigger.active a { background-position: 20px -90px; } .acc-container .content { padding: 0 20px 25px 55px; } .js .acc-container { margin-top: -15px; } /* ---------------------------------------- */ /* Content Tabs /* ---------------------------------------- */ .tabs-nav { list-style: none; margin: 0; overflow: hidden; padding: 0; width: 100%; } .tabs-nav li { float: left; line-height: 32px; margin: 0; overflow: hidden; padding: 0; position: relative; } .tabs-nav li.active { line-height: 31px; } .tabs-nav li a { background: #f8f8f8; border: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; border-left: none; color: #959393; display: block; letter-spacing: 0; outline: none; padding: 0 16px; text-decoration: none; text-shadow: 0 1px 0 #fff; } .tabs-nav li:first-child a { border-left: 1px solid #eaeaea; } .tabs-nav li a:hover { background: #f0f0f0; } .tabs-nav li a:hover, .tabs-nav li.active a { color: #ed171f; } .tabs-nav li.active a { background: #fff; border-bottom: 2px solid #fff; border-top: 1px solid #ed171f; } .tabs-container { border: 1px solid #eaeaea; margin: -1px 0 20px; overflow: hidden; width: 100%; } .tab-content { padding: 20px; } /* -------------------------------------------------- */ /* Back to Top /* -------------------------------------------------- */ #back-to-top, .touch-device #back-to-top:hover { background: url(../images/arrow-up-large.png) no-repeat center center; background-color: #17354d; bottom: 20px; color: transparent; display: none; font: 0/0 a; height: 46px; position: fixed; right: 20px; text-shadow: none; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; width: 45px; z-index: 100; box-shadow: 3px 3px 7px #000;border-radius:4px; } #back-to-top:hover, .touch-device #back-to-top:active { background-color: #000; } /* ---------------------------------------------------------------------- */ /* Home /* ---------------------------------------------------------------------- */ /* SLIDE ACCUEIL */ #wrapper #slidecaption { position: absolute; bottom: 50px; text-shadow: none; overflow: visible; width: 550px; text-align: left; } .slider_details_bottom #wrapper #slidecaption { bottom: 95px; } #slidecaption h2 { /*font-family:Arial, Helvetica, sans-serif;*/ display: inline-block; padding: 17px 7px 0px 20px; zoom: 1; right: 0; margin: 0; bottom: 33px; color: white;/* background: url(http://www.stanislasmachoir.com/css/images/slider-bg.png) repeat top left;*/ } #slidecaption p { color: white; margin: 0; display: block; padding: 7px 7px 17px 20px; font-family: Arial, Helvetica, sans-serif; position: relative; right: 0; bottom: -7px; text-transform: uppercase; font-size: 14px; } #wrapper #slidecaption a { text-decoration: underline; } #wrapper #slidecaption a.slider_link { position: relative; bottom: 0px; color: white; padding: 4px 8px; text-decoration: none; margin: 0; } #wrapper #slidecaption a:hover { text-decoration: underline; } .slider_details_bottom #wrapper #slidecounter { bottom: 53px; } #wrapper #slidecounter { position: absolute; right: 10px; bottom: 183px; color: white; text-shadow: none; font-size: 18px; } #nextslide { background: url(http://www.stanislasmachoir.com/css/images/thumb-forward.png) no-repeat scroll 0 0 transparent; right: 60px; bottom: 163px; text-indent: -9999px; } #prevslide { background: url(http://www.stanislasmachoir.com/css/images/thumb-backward.png) no-repeat scroll 0 0 transparent; text-indent: -9999px; bottom: 163px; right: 90px; } .slider_details_bottom #wrapper #nextslide, .slider_details_bottom #wrapper #prevslide { bottom: 33px; } #wrapper #play-button { position: absolute; bottom: 173px; right: 150px; opacity: 0.7; filter: alpha(opacity=70); } .slider_details_bottom #wrapper #play-button { bottom: 42px; } #wrapper #play-button { opacity: 1; filter: alpha(opacity=100); } /* FIN SLIDE ACCUEIL */ /* -------------------------------------------------- */ /* Slider /* -------------------------------------------------- */ .ss-slider { background: #fff url(../images/loader.gif) no-repeat center 185px; margin: 20px auto 80px; max-height: 465px; max-width: 940px; overflow: hidden; position: relative; } .ss-slider.fully-loaded { overflow: visible; } .ss-slider.fully-loaded, .no-js .ss-slider { background: none; } .no-js .ss-slider { max-height: none; } /* ---------------------------------------- */ /* Single Slide /* ---------------------------------------- */ .ss-slider .slides-container { } .ss-slider .slide { display: none; margin: 0; } .ss-slider .slide:first-child { display: block; } .ss-slider.fully-loaded .slide, .no-js .ss-slider .slide { background-repeat: no-repeat; display: block; float: left; overflow: hidden; position: relative; z-index: 1; } .ss-slider.fully-loaded .slide { height: 100%; } .no-js .ss-slider .slide { margin: 40px 0 0; } .no-js .ss-slider .slide:first-child { margin-top: 0; } .ss-slider .slide-img { background-repeat: no-repeat; height: 100%; left: 0; position: absolute; top: 0; } .ss-slider .slide-images-container { background: #fff; background-repeat: no-repeat; display: block; width: 100%; z-index: 11; } .ss-slider .slide-bg-image { background: #fff; margin: 0; width: 100%; } .ss-slider.fully-loaded .slide-bg-image { display: none; } .no-js .ss-slider .slide-bg-image { display: block; } /* ---------------------------------------- */ /* Button /* ---------------------------------------- */ .ss-slider .buttons-container { background: #fff; overflow: hidden; width: 100%; } .ss-slider.hide-bottom-buttons .buttons-container { display: none; } .ss-slider .slide-button, .no-js .ss-slider .slide-button:hover { background: #f8f8f8; border-bottom: 1px solid #e9e9e9; border-top: 4px solid #dfdfdf; -webkit-box-shadow: 1px 0 0 #fff inset, 0 1px 0 0 #fff inset; -moz-box-shadow: 1px 0 0 #fff inset, 0 1px 0 0 #fff inset; box-shadow: 1px 0 0 #fff inset, 0 1px 0 0 #fff inset; color: #3a3a3a; cursor: pointer; display: block; float: left; font-size: 20px; height: 40px; overflow: hidden; padding: 20px; text-align: left; text-decoration: none; -webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; width: 100%; } .ss-slider.hide-bottom-buttons .slide-button { display: none; } .ss-slider .slide:first-child .slide-button { -webkit-box-shadow: 0 1px 0 0 #fff inset; -moz-box-shadow: 0 1px 0 0 #fff inset; box-shadow: 0 1px 0 0 #fff inset; } .ss-slider.fully-loaded .slide-button:hover, .ss-slider.fully-loaded .slide-button.active { background: #f0f0f0; color: #ed171f; } .ss-slider.fully-loaded .slide-button:hover { border-top-color: #aeaeae; } .no-js .ss-slider .slide-button, .no-js .ss-slider .slide-button:hover { cursor: auto; } .no-js .ss-slider a > .slide-button:hover { cursor: pointer; } .ss-slider .slide-button h5 { color: #3a3a3a; font: 700 14px/1.5 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; margin: 0; } .ss-slider.fully-loaded .slide-button.active h5 { color: #ed171f; } .ss-slider .slide-button .description { color: #959393; display: block; font-size: 11px; line-height: 12px; } .ss-slider .slide-button .dropcap { background: #3a3a3a; -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; color: #fff; font-weight: 700; height: 38px; width: 38px; } .ss-slider .slide-button.image, .no-js .ss-slider .slide-button.image:hover { height: 80px; padding: 0; text-align: center; } .ss-slider .slide-button img { background: #f8f8f8; display: inline-block; font-size: 11px; max-height: 80px; filter: alpha(opacity=35); /* Fallback for old IE */ opacity: 0.35; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; } .ss-slider .slide-button:hover img, .ss-slider.fully-loaded .slide-button.active img { background: #f0f0f0; } .no-js .ss-slider .slide-button:hover img, .no-js .ss-slider .slide-button.active img { background: #f8f8f8; } .ss-slider.fully-loaded .slide-button:hover img, .ss-slider.fully-loaded .slide-button.active img, .no-js .ss-slider .slide-button img { filter: alpha(opacity=100); /* Fallback for old IE */ opacity: 1; } /* ---------------------------------------- */ /* Content /* ---------------------------------------- */ .ss-slider .content-container, .no-js .ss-slider .slide-content { background: rgb(0, 0, 0); /* Fallback for old IE */ filter: alpha(opacity=60); /* Fallback for old IE */ background: rgba(0, 0, 0, .6); bottom: 115px; display: block; left: 30px; margin: 0; overflow: hidden; padding: 25px 30px 30px; position: absolute; width: 255px; z-index: 2; } .ss-slider.hide-content .content-container { display: none; } .ss-slider.hide-bottom-buttons .content-container, .no-js .ss-slider.hide-bottom-buttons .slide-content { bottom: 30px; } .ss-slider.show-content-onhover .content-container, .ss-slider.show-content-onhover .pagination-container a { opacity: 0; filter: alpha(opacity=0); /* Fallback for old IE */ } .ss-slider.fully-loaded.show-content-onhover:hover .content-container, .ss-slider.fully-loaded.show-content-onhover:hover .pagination-container a { opacity: 1; filter: alpha(opacity=60); /* Fallback for old IE */ } .ss-slider.fully-loaded .content-container { -webkit-transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out; -moz-transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out; -ms-transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out; -o-transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out; transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out; } .ss-slider .content-container.center { bottom: auto; left: 50%; margin-left: -193px; padding: 20px 30px; text-align: center; top: 135px; width: 326px; } .ss-slider .content-container.bottom { bottom: 85px; left: 38px; max-width: 804px; padding: 10px 30px; text-align: left; width: 100%; } .ss-slider.hide-bottom-buttons .content-container.bottom { bottom: 0; } .ss-slider .slide-content { color: #bfbfbf; display: none; text-shadow: 0 -1px rgba(0, 0, 0, .75); } .ss-slider .slide-content a { color: #ed171f; } .ss-slider .slide-content a:hover { text-decoration: underline; } .ss-slider .slide-content h1, .ss-slider .slide-content h2, .ss-slider .slide-content h3, .ss-slider .slide-content h4, .ss-slider .slide-content h5, .ss-slider .slide-content h6 { color: #fff; margin: 0; } .ss-slider .slide-content h1 + *, .ss-slider .slide-content h2 + *, .ss-slider .slide-content h3 + *, .ss-slider .slide-content h4 + *, .ss-slider .slide-content h5 + *, .ss-slider .slide-content h6 + * { margin-top: 5px; } .ss-slider .slide-content h2 { font-size: 20px; font-weight: 700; } .ss-slider .slide-content h6 { font-size: 13px; font-weight: 400; } .ss-slider .slide-content p { margin-bottom: 10px; } .ss-slider .slide-content p:last-of-type { margin-bottom: 0; } .ss-slider .slide-content .button { color: #fff; font-size: 11px; padding: 5px 14px; text-shadow: none; } .ss-slider .slide-content .button:hover { text-decoration: none; } /* ---------------------------------------- */ /* Pagination /* ---------------------------------------- */ .ss-slider .pagination-container a { background: rgb(0, 0, 0) url(../images/slider-arrows-small.png) no-repeat 0 center; /* Fallback for old IE */ filter: alpha(opacity=60); /* Fallback for old IE */ background: rgba(0, 0, 0, 0.6) url(../images/slider-arrows-small.png) no-repeat 0 center; bottom: 115px; color: transparent; cursor: pointer; display: block; font: 0/0 a; min-height: 27px; left: 346px; overflow: hidden; position: absolute; text-align: center; text-shadow: none; -webkit-transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease; -moz-transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease; -ms-transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease; -o-transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease; transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease; width: 15px; z-index: 2; } .ss-slider.hide-bottom-buttons .pagination-container a { bottom: 30px; } .ss-slider.hide-content .pagination-container a { display: none; } .ss-slider .pagination-container .next { background-position: -15px center; bottom: 156px; } .ss-slider.hide-bottom-buttons .pagination-container .next { bottom: 71px; } .ss-slider .pagination-container a:hover, .ss-slider.show-content-onhover:hover .pagination-container a:hover { background-color: #000; filter: alpha(opacity=100) !important; /* Fallback for old IE */ } .ss-slider .pagination-container.center a { background-image: url(../images/slider-arrows-large.png); bottom: auto; left: 50%; min-height: 40px; top: 135px; width: 35px; } .ss-slider .pagination-container.center .prev { background-position: 0 center; left: 241px; } .ss-slider .pagination-container.center .next { background-position: -35px center; left: auto; right: 241px; } .ss-slider .pagination-container.bottom a { background-image: url(../images/slider-arrows-medium.png); bottom: 85px; min-height: 20px; width: 37px; } .ss-slider.hide-bottom-buttons .pagination-container.bottom a { bottom: 0; } .ss-slider .pagination-container.bottom .prev { background-position: -1px center; left: 0; } .ss-slider .pagination-container.bottom .next { background-position: -40px center; left: auto; right: 0; } /* ---------------------------------------- */ /* Active Slide Bar /* ---------------------------------------- */ .ss-slider .active-slide-bar { background: #ed171f; bottom: 0; display: block; height: 4px; left: 0; position: absolute; visibility: hidden; z-index: 10; } .ss-slider.hide-bottom-buttons .active-slide-bar { display: none; } /* -------------------------------------------------- */ /* Projects Carousel /* -------------------------------------------------- */ .no-js .projects-carousel, .no-js .post-carousel { border-top: 1px solid #efefef; margin: 15px -20px 60px 0; padding: 25px 0 0; } .projects-carousel > li, .post-carousel > li, #portfolio-items > article { float: left; list-style: none; margin: 0 20px 0 0; overflow: hidden; position: relative; } .projects-carousel > li, .post-carousel > li { width: 220px; } .projects-carousel, #portfolio-items { /*font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;*/ } .calendrier #portfolio-items { /*width: 540px; float: left*/ } .no-js .post-carousel > li { display: inline-block; float: none; } .no-js .projects-carousel > li, .no-js #portfolio-items > article { margin-bottom: 40px; } .projects-carousel a, #portfolio-items article a { /*border-bottom: 1px solid #efefef;*/ display: block;/*text-align: center;*/ } .projects-carousel a { padding: 25px 0 0; } .largeur2 {/*width:600px;*/ } #portfolio-items article a, #portfolio-items article .audio-player, #portfolio-items article .video-player { margin: 0 auto; } .projects-carousel img, #portfolio-items article img { /*background-color: #fff;*/ margin: 0 auto -5px; filter: alpha(opacity=100); /* Fallback for old IE */ opacity: 1;/* min-height: 180px; border-radius: 4px 0 27px; */} .no-js .projects-carousel img, .no-js #portfolio-items article img { margin-bottom: 0; } .projects-carousel img { margin: -25px auto 20px; } .projects-carousel.clearfix.resultats img { margin: 0px; } .description_lot { text-align: left; } .encart_lot_resultat { text-align: left; } .projects-carousel .title, #portfolio-items > article .title { margin-bottom: 0; } .projects-carousel > li .categories, #portfolio-items > article .categories { color: #939393; display: block; margin: -1px 0 10px;/*font-weight: bold;*/ } .projects-carousel a:hover, #portfolio-items > article:hover { /*background: #f8f8f8; border-bottom: 2px solid #ccc;*/ } .projects-carousel a:hover { border-bottom: 0px solid #ccc; } .not-ie .projects-carousel a:hover:after, .not-ie #portfolio-items > article:hover:after { background: #f8f8f8; bottom: -2.5px; content: ''; left: 50%; display: block; height: 5px; margin: 0 0 0 -2.5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); position: absolute; width: 0px; } .projects-carousel a:hover img, #portfolio-items > article:hover img { filter: alpha(opacity=50); /* Fallback for old IE */ opacity: 0.5; } .projects-carousel a:hover .title, #portfolio-items > article:hover .title { text-decoration: underline; } /* -------------------------------------------------- */ /* Post Carousel /* -------------------------------------------------- */ .post-carousel .entry-meta { float: left; font-style: italic; letter-spacing: -0.5px; line-height: 1.3; margin: 0 12px 0 0; text-align: center; width: 33px; } .post-carousel .entry-meta a { display: block; font-style: normal; } .post-carousel li .post-format { margin: 0; } .post-carousel li .date { display: block; margin: 8px 0 0; } .post-carousel .entry-body .title { font-size: 14px; font-weight: 400; margin: 0 0 10px 0; } .post-carousel .entry-body { float: right; margin: 0; width: 175px; } .post-carousel .entry-image, .post-carousel .entry-video, .post-carousel .entry-audio, .post-carousel .fluid-width-video-wrapper { margin-bottom: 15px; max-width: 100%;/*width: 100%;*/ } .post-carousel .entry-video, .post-carousel .entry-audio, .post-carousel .fluid-width-video-wrapper { margin-bottom: 15px; } .touch-device .post-carousel .entry-audio { margin-top: -8px; } /* Image Gallery Slider */ .post-carousel .image-gallery-slider { margin-bottom: 15px; } .post-carousel .image-gallery-slider li { margin: 0; } .post-carousel .image-gallery-slider img { margin-bottom: 0; } /* -------------------------------------------------- */ /* Projects & Post Carousel Navigation /* -------------------------------------------------- */ .jcarousel-container { border-top: 1px solid #efefef; margin: 45px -20px 80px 0; max-width: 100%; padding: 25px 0 0; } .section-title + .jcarousel-container { margin-top: 15px; } .jcarousel-clip { overflow: hidden; width: 100%; } .jcarousel-item { margin: 0 20px 0 0; width: 220px; } .jcarousel-next, .jcarousel-prev { background: #000 url(../images/button-arrows.png) no-repeat 0 0; cursor: pointer; height: 19px; position: absolute; right: 0; top: -35px; width: 19px; } .jcarousel-prev { background-position: 0 -19px; right: 20px; } .jcarousel-next:hover, .jcarousel-next:focus, .jcarousel-next:active, .jcarousel-prev:hover, .jcarousel-prev:focus, .jcarousel-prev:active { background-color: #000; } .jcarousel-next-disabled, .jcarousel-next-disabled:hover, .jcarousel-next-disabled:focus, .jcarousel-next-disabled:active, .jcarousel-prev-disabled, .jcarousel-prev-disabled:hover, .jcarousel-prev-disabled:focus, .jcarousel-prev-disabled:active { background-color: #eee !important; cursor: auto !important; } /* ---------------------------------------------------------------------- */ /* Our Team /* ---------------------------------------------------------------------- */ .team-member { border-bottom: 1px solid #efefef; color: #777; margin-bottom: 50px; overflow: hidden; position: relative; text-align: center; -webkit-transition: background-color .2s ease, border .2s ease; -moz-transition: background-color .2s ease, border .2s ease; -ms-transition: background-color .2s ease, border .2s ease; -o-transition: background-color .2s ease, border .2s ease; transition: background-color .2s ease, border .2s ease; } .team-member:hover { background: #f8f8f8; border-bottom-color: #000; } .team-member img {border-radius: 4px 27px} .not-ie .team-member:hover:after { background: #ed171f; bottom: -2.5px; content: ''; left: 50%; display: block; height: 5px; margin: 0 0 0 -2.5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); position: absolute; width: 5px; } .team-member .photo, .team-member > a { display: block; margin: 0 auto 15px; } .team-member > a > .photo { margin: 0 auto; } .team-member .content { padding: 0 15px; height: 110px; } .team-member .name { color: #414141; margin: 0; text-transform: uppercase; font-family: 'Archivo Narrow', sans-serif; } .team-member .job-title { color: #aeaeae; display: block; font-style: italic; margin: 6px 0 10px; } .team-member .social-links { border-top: 1px solid #efefef; margin: 0 0 5px; padding: 15px 0 0; } .team-member:hover .social-links { border-top-color: #ebebeb; } .team-member .social-links li { margin: 0 0 10px 10px; } .team-member .social-links a { opacity: 0.3; } .team-member .social-links a:hover { opacity: 1; } /* ---------------------------------------------------------------------- */ /* Blog /* ---------------------------------------------------------------------- */ .entry { border-bottom: 1px dotted #ced8df; margin: 0 0 50px; padding: 0 0 30px; } .entry.single { margin-bottom: 45px; padding-bottom: 25px; } .entry-image, .entry-video, .entry-audio { display: block; margin: 0 auto 25px; } .entry .entry-audio { margin-bottom: 20px; padding-top: 5px; } .touch-device .entry .entry-audio { margin-top: -12.5px; } .single-image .entry-image, .image-gallery .entry-image, .iframe .entry-image { margin-bottom: 20px; } .entry-body { float: right; margin: 5px 0 0; width: 100%; } .entry-body .title { font-size: 18px; font-weight: 700; margin-top: 10px; } .entry-meta { color: #878787; float: left; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; margin: 0 20px 0 0; text-align: right; width: 110px; } .entry-meta ul { margin: 0; } .entry-meta li { list-style: none; margin: 0; } .entry-meta .title { font-weight: 700; } .entry-meta a { color: #959393; display: inline-block; font-style: italic; } .entry-meta a:hover { color: #ed171f; } .post-format { background-color: #ddd; background-image: url(http://www.stanislasmachoir.com/images/icon-post-formats.png); background-repeat: no-repeat; background-position: 0 0; color: #959393; cursor: pointer; display: block; height: 33px; margin: 0 0 10px 0; text-align: left; text-indent: -9999px; width: 33px; } .post-format.gallery, .post-format.image { background-position: -33px 0; } .post-format.video { background-position: -66px 0; } .post-format.audio { background-position: -99px 0; } .post-format.link { background-position: -132px 0; } .post-format.quote { background-position: -165px 0; } .post-format.aside { background-position: -199px 0; } a:hover > .post-format { background-color: #ed171f; color: #ed171f; } /* VideoJS */ .video-js { max-width: 100%; } /* -------------------------------------------------- */ /* Comments /* -------------------------------------------------- */ #comments { } #comments .section-title, #respond .section-title { font-weight: 600; margin-bottom: 15px; } .comments-list { border-bottom: 1px dotted #ced8df; margin: 27px 0 45px; padding: 0 0 30px; overflow: hidden; } .comment { border-top: 1px dotted #ced8df; list-style: none; margin: 30px 0 0; padding: 35px 0 0; } .comment:first-child { border-top: none; margin-top: 0; padding-top: 0; } .comment > article { margin: 0; overflow: hidden; } .comment .avatar { background: #fff; float: left; margin: 0 0 5px 0; position: relative; width: 54px; z-index: 1; } .comment .comment-body, .comment .comment-meta { float: right; margin: 0 0 -20px 15px; width: 611px; } .comment .comment-meta { margin-bottom: 0; } .comment .author, .comment .author a { color: #54555a; margin: 0; } .comment .author .comment-reply-link { font-size: 11px; } .comment .date, .comment .date a { color: #adb3b8; font-style: italic; margin: 1px 0 5px; } .comment .author a:hover, .comment .date a:hover { color: #ed171f; } .comment .children { margin: 0; padding: 30px 0 0 70px; position: relative; } .comment .children .comment { border-top: 1px dotted #ced8df; margin: 30px 0 0; padding: 35px 0 0; position: relative; } .comment .children .comment:first-child { margin-top: 0; } .comment .children .comment-body, .comment .children .comment-meta { width: 541px; } /* -------------------------------------------------- */ /* Respond /* -------------------------------------------------- */ #respond { } .comments-form { margin: 20px -20px 0 0; } .comments-form input { width: 191px; } .comments-form textarea { height: 150px; width: 657px; } /* -------------------------------------------------- */ /* Pagination /* -------------------------------------------------- */ .pagination { margin: 0; } .pagination li { display: inline-block; list-style: none; margin: 0 5px 0 0; } .ie7 .pagination li, .ie7 .pagination a { display: inline; } .pagination li:last-child { margin-right: 0; } .pagination .current { /*background: #e6edef; color: #707070;*/ text-decoration: underline; color: #fff } .pagination a, .pagination .current {/* border: 1px solid transparent; color: #9c9c9c; display: inline-block; padding: 2px 8px 4px;*/ } .pagination a:hover { /*border-color: #e6edef; color: #ed171f;*/ } .pagination .next a, .pagination .prev a { border: none; } #slides .pagination li { display: none; } #slides .pagination li.slide_titre { display: inline; float: left; } /* ---------------------------------------------------------------------- */ /* Portfolio /* ---------------------------------------------------------------------- */ #portfolio-items-filter { float: right; margin: -65px 0 0; overflow: hidden; } .no-js #portfolio-items-filter { display: none; } #portfolio-items-filter li { display: block; float: left; list-style: none; margin: 0; } #portfolio-items-filter li:first-child { margin-top: 5px; margin-right: 5px; } .ie7 #portfolio-items-filter li:first-child { display: none !important; } #portfolio-items-filter a { background: #000; color: #fff; cursor: pointer; display: block; margin: 0 0 5px 5px; padding: 5px 10px; } .ie7 #portfolio-items-filter a { display: block !important; margin: 0 0 5px 5px !important; padding: 5px 10px !important; width: auto !important; } #portfolio-items-filter a:hover { background: #000; } .calendrier #portfolio-items { margin: 0 -20px 40px 0; } #portfolio-items { margin: 0 -20px 40px 0; } .catalogue { /*border-top: 3px solid #000000;*/ /*border-top: 2px solid #000;*/ } #portfolio-items article { /*border-top: 3px solid #000000;*/ margin-bottom: 10px; padding-top: 20px; } #portfolio-items #mode_ligne article { border-top: 1px solid #444; margin-bottom: 10px; padding-top: 19px; } #portfolio-items .project-meta { display: block; margin: 0; padding: 0px 0 0; text-align: left; } /* Isotope */ .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -ms-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; z-index: 2; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: top, left, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /* -------------------------------------------------- */ /* Single Project /* -------------------------------------------------- */ .project-title { color: #3a3a3a; font-size: 32px; font-weight: 400; } .portfolio-pagination li { display: inline-block; list-style: none; line-height: 25px; margin: 0; } .ie7 .portfolio-pagination li { display: inline; } .portfolio-pagination .prev { border-right: 1px solid #e8e8e8; margin: 0 10px 0 0; padding: 0 10px 0 0; } .single-project .page-header .button { color: #a1a1a1; font-style: italic; margin-top: -5px; } .single-project .page-header a:hover { color: #ed171f; } .single-project .image-gallery-slider > ul, .no-js .single-project .image-gallery-slider > ul > li { /*-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .15); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .15); box-shadow: 0 0 15px rgba(0, 0, 0, .15);*/ } .no-js .single-project .image-gallery-slider > ul { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* ---------------------------------------------------------------------- */ /* Contact Us /* ---------------------------------------------------------------------- */ #map { border-bottom: 1px solid #c5c3c0; border-top: 1px solid #c5c3c0; height: 440px; margin: -41px 0 40px; position: relative; width: 100%; } #map:before, #map:after { background: none; -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1); content: ''; left: 0; position: absolute; top: 0; width: 100%; } #map:after { bottom: 0; top: auto; } .contact-form, .comments-form { max-width: 100%; } .contact-form { margin: 0 -20px 0 0; } .contact-form .input-block, .comments-form .input-block { float: left; margin: 0 20px 20px 0; } .contact-form .input-block:nth-of-type(3n), .comments-form .input-block:nth-of-type(3n) { margin-right: 0; } .contact-form input { width: 198px; } .contact-form .textarea-block, .comments-form .textarea-block { clear: both; } .contact-form textarea { height: 150px; max-width: 100%; width: 678px; } .contact-form input[type="submit"], .comments-form input[type="submit"], .contact-form input[type="reset"], .comments-form input[type="reset"] { margin: 0 0 20px; width: auto; } /* ---------------------------------------------------------------------- */ /* Sidebar /* ---------------------------------------------------------------------- */ #sidebar { float: right; width: 220px; } .sidebar-left #sidebar { float: left; } /* -------------------------------------------------- */ /* Widgets /* -------------------------------------------------- */ #sidebar .widget { margin: 0 0 50px; } #sidebar .widget-title { color: #414141; font-weight: 600; text-transform: uppercase; margin: 0 0 12px; } /* ---------------------------------------- */ /* Categories /* ---------------------------------------- */ .categories { } .categories li { background: url(../images/arrow-right-grey.png) no-repeat 0 11px; border-bottom: 1px dotted #ced8df; list-style: none; margin: 0; } .categories li:last-child { border-bottom: none; } .categories a { color: #868686; display: block; padding: 5px 0 5px 15px; } .categories a:hover { color: #ed171f; } /* ---------------------------------------- */ /* Accordion Content /* ---------------------------------------- */ #sidebar .acc-trigger a { background-position: 0 8px; font-size: 11px; font-weight: 400; padding: 12px 12px 12px 30px; } #sidebar .acc-trigger:first-of-type { border-top: none; } #sidebar .acc-trigger:last-of-type { border-bottom: none; } #sidebar .acc-trigger.active a { background-position: 0 -103px; cursor: default; } #sidebar .acc-container { margin: -5px 0 0; } #sidebar .acc-container:first-of-type { border-top: none; } #sidebar .acc-container:last-of-type { border-bottom: none; } #sidebar .acc-container .content { padding: 0 12px 12px 30px; } /* ---------------------------------------- */ /* Tweets /* ---------------------------------------- */ .tweets-feed { margin: 0; } .tweets-feed li { background: url(http://www.stanislasmachoir.com/images/icon-tweets.png) no-repeat 0 3px; display: block; list-style: none; margin: 0 0 15px; padding: 0 0 0 30px; } #sidebar .tweets-feed li a, #footer .tweets-feed li a { color: #ed171f; } #sidebar .tweets-feed li a:hover, #sidebar .tweets-feed .date a:hover { color: #3a3a3a; } .tweets-feed .date { display: block; } #sidebar .tweets-feed li .date a, #footer .tweets-feed li .date a { color: #bbb; font-size: 10px; font-style: italic; } #sidebar .tweets-feed li a:hover { color: #3a3a3a; } #footer .tweets-feed li a:hover { color: #fff; } /* ---------------------------------------- */ /* Flickr Images /* ---------------------------------------- */ .flickr-feed { margin: 15px -5px 0 0; } .flickr-feed li { display: inline-block; list-style: none; margin: 0 2px 1px 0; } .ie7 .flickr-feed li { display: inline; margin: 0 5px 5px 0; } .flickr-feed a { } .flickr-feed li img { margin: 0; height: 70px; width: 70px; } /* ---------------------------------------------------------------------- */ /* Footer /* ---------------------------------------------------------------------- */ #footer { background: #fff; color: #868686; margin-top: 80px; padding: 0px 0 0px; position: relative; } .not-ie #footer:before { background: #fff; content: ''; left: 50%; display: block; height: 15px; margin: 0 0 0 -7.5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: -8px; width: 15px; } x:-o-prefocus, .not-ie #footer:before { display: none; } /* Fix for Opera */ #footer, #footer a, #footer-bottom, #footer-bottom a { color: #868686; } #footer a:hover, #footer-bottom a:hover { color: #ed171f; } #footer .title { border-bottom: 1px solid #4b4b4b; display: block; font-size: 10px; margin: 0 0 12px; padding: 0 0 12px; text-transform: uppercase; } /* -------------------------------------------------- */ /* Footer Navigation /* -------------------------------------------------- */ #footer-nav { border-bottom: 1px solid #4b4b4b; margin: 0 0 12px; padding: 0 0 12px; } #footer-nav ul { margin: 0; } #footer-nav li { background: none; border: none; display: inline-block; list-style: none; margin: 0 -3px 0 0; } .ie7 #footer-nav li { display: inline; } #footer-nav li a { border-left: 1px solid #484848; font-size: 10px; display: block; padding: 0 15px; text-transform: uppercase; } #footer-nav li:first-child a { border-left: none; padding-left: 0; } #footer-nav li:last-child a { padding-right: 0; } /* -------------------------------------------------- */ /* Contact Info /* -------------------------------------------------- */ #footer .contact-info { } .contact-info { margin: 0; } .contact-info li { float: left; list-style: none; margin: 0 0 5px 24px; padding: 0 0 0 24px; } .contact-info li:first-child { margin-left: 0; } .contact-info .address { background: url(../images/icon-address.png) no-repeat 0 0; } .contact-info .phone { background: url(http://www.stanislasmachoir.com/images/icon-phone.png) no-repeat 0 1px; } .contact-info .email { background: url(http://www.stanislasmachoir.com/images/icon-email-2.png) no-repeat 0 4px; } /* -------------------------------------------------- */ /* Social Links /* -------------------------------------------------- */ .social-links { margin: 0; } .social-links li { display: inline-block; list-style: none; margin: 0 0 10px 15px; text-indent: -9999px; } .ie7 .social-links li { display: inline; font-size: 0; text-indent: 0; } .social-links li:nth-child(6n+1) { margin-left: 0; } .social-links li:nth-child(6n) { margin-right: 15px; } .social-links li:last-child { margin-right: 0; } .social-links a { background-repeat: no-repeat; background-position: 0 -16px; display: block; height: 16px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; width: 20px; } .social-links li.behance a { background-image: url(http://www.stanislasmachoir.com/images/icon-behance.png); } .social-links li.delicious a { background-image: url(http://www.stanislasmachoir.com/images/icon-delicious.png); background-position: 0 -14px; height: 14px; } .social-links li.deviantart a { background-image: url(http://www.stanislasmachoir.com/images/icon-deviantart.png); } .social-links li.digg a { background-image: url(http://www.stanislasmachoir.com/images/icon-digg.png); background-position: 0 -14px; height: 14px; } .social-links li.dribbble a { background-image: url(http://www.stanislasmachoir.com/images/icon-dribbble.png); } .social-links li.dropbox a { background-image: url(http://www.stanislasmachoir.com/images/icon-dropbox.png); background-position: 0 -15px; height: 15px; } .social-links li.email a { background-image: url(http://www.stanislasmachoir.com/images/icon-email.png); } .social-links li.facebook a { background-image: url(http://www.stanislasmachoir.com/images/icon-facebook.png); } .social-links li.flickr a { background-image: url(http://www.stanislasmachoir.com/images/icon-flickr.png); } .social-links li.forrst a { background-image: url(http://www.stanislasmachoir.com/images/icon-forrst.png); } .social-links li.github a { background-image: url(http://www.stanislasmachoir.com/images/icon-github.png); } .social-links li.google a { background-image: url(http://www.stanislasmachoir.com/images/icon-google.png); } .social-links li.googleplus a { background-image: url(http://www.stanislasmachoir.com/images/icon-googleplus.png); } .social-links li.ichat a { background-image: url(http://www.stanislasmachoir.com/images/icon-ichat.png); background-position: 0 -15px; height: 15px; } .social-links li.lastfm a { background-image: url(http://www.stanislasmachoir.com/images/icon-lastfm.png); background-position: 0 -15px; height: 15px; } .social-links li.linkedin a { background-image: url(http://www.stanislasmachoir.com/images/icon-linkedin.png); } .social-links li.mobypicture a { background-image: url(http://www.stanislasmachoir.com/images/icon-mobypicture.png); } .social-links li.myspace a { background-image: url(http://www.stanislasmachoir.com/images/icon-myspace.png); } .social-links li.picasa a { background-image: url(http://www.stanislasmachoir.com/images/icon-picasa.png); } .social-links li.plixi a { background-image: url(http://www.stanislasmachoir.com/images/icon-plixi.png); } .social-links li.rss a { background-image: url(http://www.stanislasmachoir.com/images/icon-rss.png); } .social-links li.skype a { background-image: url(http://www.stanislasmachoir.com/images/icon-skype.png); } .social-links li.stumbleupon a { background-image: url(http://www.stanislasmachoir.com/images/icon-stumbleupon.png); background-position: 0 -17px; height: 17px; } .social-links li.tumblr a { background-image: url(http://www.stanislasmachoir.com/images/icon-tumblr.png); background-position: 0 -15px; height: 15px; } .social-links li.catalogue a { background-image: url(http://www.stanislasmachoir.com/images/icon-catalogue.png); background-position: 0 -15px; height: 15px; width: 21px; } .social-links li.visite a { background-image: url(http://www.stanislasmachoir.com/images/icon-visite.png); background-position: 0 -15px; height: 15px; width: 21px; } .social-links li.live a { background-image: url(http://www.stanislasmachoir.com/images/icon-live.png); background-position: 0 -15px; height: 15px; width: 21px; } .social-links li.lots a { background-image: url(http://www.stanislasmachoir.com/img/icon-lots.png); background-position: 0 -15px; height: 15px; width: 21px; } .social-links li.infos a { background-image: url(http://www.stanislasmachoir.com/images/icon-infos.png); background-position: 0 -15px; height: 15px; width: 21px; } .social-links li.twitter a { background-image: url(http://www.stanislasmachoir.com/images/icon-twitter.png); background-position: 0 -15px; height: 15px; width: 21px; } .social-links li.vimeo a { background-image: url(http://www.stanislasmachoir.com/images/icon-vimeo.png); background-position: 0 -15px; height: 15px; } .social-links li.youtube a { background-image: url(http://www.stanislasmachoir.com/images/icon-youtube.png); background-position: 0 -15px; height: 15px; } .social-links li a:hover { background-position: 0 0; } /* -------------------------------------------------- */ /* Misc Elements /* -------------------------------------------------- */ #footer .button:hover, #footer input[type="submit"]:hover #footer input[type="reset"]:hover, #footer button:hover { background: #ddd; color: #3a3a3a; } #footer .button.no-bg { color: #ddd; } #footer .button .arrow { background-color: #3a3a3a; } #footer blockquote { background-color: #464646; } #footer blockquote.simple { background: none; border-left-color: #484848; color: #868686; } #footer .infobox { background: #464646; border-color: #363636; } #footer .infobox, #footer .infobox * { color: #868686; } /* ---------------------------------------------------------------------- */ /* Footer Bottom /* ---------------------------------------------------------------------- */ #footer-bottom { background: #000; line-height: 2px; padding: 12px 0; } #footer-bottom ul { margin: 0; } #footer-bottom li { float: left; list-style: none; margin: 0; } #footer-bottom li:first-child { margin-right: 15px; } #footer-bottom li a { border-left: 1px solid #484848; display: block; padding: 0 15px; } #footer-bottom li:first-child a { border-left: none; padding-left: 0; } #footer-bottom li:last-child a { padding-right: 0; } .slide_titre.current .titre_accueil { background: #f0d929; color: #000 } .titre_accueil { border-radius: 2px; cursor: default;/*background: url("../images/titre_fleche.png") no-repeat scroll 96% 7px rgba(0, 0, 0, 1);*/ color: #FFFFFF; font-size: 16px; padding: 10px; text-transform: uppercase; font-family: 'Archivo Narrow', sans-serif; background: #17354d; font-weight: 700; } .titre_accueil a:link { color: #fff; } .accueil_0 .titre_accueil, .degrade accueil_2 .titre_accueil, .actualites .titre_accueil { border-radius: 2px 2px 0 0; } .titre_accueil2 { /*background: url("../images/titre_fleche.png") no-repeat scroll 0 7px #FFFFFF;*/ color: #000; font-size: 14px; padding: 10px 10px 10px 22px; text-transform: uppercase; font-family: 'Archivo Narrow', sans-serif; } .titre_accueil2 a:link { color: #000; } .sans_image { background-image: none; } .expertises { width: 100%; color: #fff; background-color: #afafaf; margin: 25px 0; padding: 12px 0; float: left; text-transform: uppercase; font-size: 16px; } .bloc_vente { clear: both; margin-left: 15px; } .accueil_2 .bloc_vente { min-height: 141px; } .bloc_vente_lieu { color: #707070; display: none; } .bloc_vente_image { float: left; margin-bottom: 19px; } .bloc_vente_titre { font-size: 14px; text-transform: uppercase; padding-top: 4px; margin-bottom: 5px; font-family: 'Archivo Narrow', sans-serif; } .bloc_vente_titre a:link, .theme { color: #000; } .bloc_vente_texte { float: left; margin-left: 10px; width: 200px; font-size: 12px; } .bloc_vente_date { font-weight: bold; text-transform: capitalize } .bloc_mois_date { display: none; } .actualites_accueil { float: left; width: 50%; margin-right: 10px; } .actualite_image { width: 80px; } .actualite_image, .actualite_bloc_texte { float: left; } .actualites_accueil .actualite_bloc { margin-bottom: 15px; width: 100%; } .actualites_accueil .actualite_bloc_texte { /*width: 150px;*/ float: left; width: 78%; } .actualites_accueil .actualite_bloc_image img { width: 66px; } .actualites_accueil .suite { display: none } /* ---------------------------------------------------------------------- */ /* Media Queries /* ---------------------------------------------------------------------- */ .tri_ventes {/*display:none;*/ } .ventes_preparation_accueil { width : 490px; float: left; } .span-7 { float: left; width: 350px; } .span-3 { float: left; width: 100px } #separation_hor { clear: both; } .span-10 { margin-bottom: 10px; } .pub_accueil { float: left; margin-top: 32px; width: 240px; } .centrer { margin: 0 auto; } .footer { padding: 10px 0; text-align: center; background: #000; color: #fff; margin-bottom: -20px; } .footer a:link { color: #fff; ; text-decoration: underline; } /* Standard 960 or larger (browsers) */ .footer_1, .footer_2, .footer_3, .footer_4 { width: 225px; float: left; margin: 10px; } .image_cal_fixed { height: 337px; position: relative; background: url("http://www.stanislasmachoir.com/images/img_fd_cal.jpg") repeat fixed 50% -3px transparent; } .fullwidthbanner-container { width: 100% !important; position: relative; padding: 0; max-height: 500px !important; overflow: hidden; margin-top: 0px; z-index: 8; } #menu { } #menu.floatable { /*position: fixed;*/ top: 0; } .ventes_a_venir_accueil .option-set, .ventes_a_venir_accueil .mode_affichage_calendrier { display: none } .catalogue #portfolio-items { margin: 0 -20px 40px 10px; } #mode_ligne .liste.calendrier_img { width: 100px; } #mode_ligne .image-gallery-slider { width: 80%; } #mode_ligne .#mode_ligne { width: 80px; } .picto_mobile { display: none !important; } #mode_ligne .picto_mobile { display: block !important; width: 100px; } /* --------------------------------------------------------------------Rajout ----------------------------------*/ .nom_specialiste { font-family: 'Archivo Narrow', sans-serif; font-size: 15px; line-height: 16px; padding: 0 0 5px; text-transform: uppercase;font-weight: 700; } .specialites_deux img { padding-right: 15px; padding-bottom: 10px; } .specialites_deux .bloc_vente_image img { padding-right: 0px; padding-bottom: 0px; } .specialites_un { float: left; width: 50%; margin-right: 40px } .specialites_deux { float: left; width: 35%; margin-right: 15px; } .couv_catalogue { border: 1px solid #CCCCCC; float: left; margin-right: 15px; overflow: hidden; } .couv_catalogue img { /*border: 1px solid #ccc;*/ } .cata_couv_catalogue { float: left; margin-right: 40px; } .cata_couv_catalogue img { width: 175px; border: 1px solid #999;border-radius: 4px 0 27px; } .image_catalogue { width: 175px; border: 1px solid #444; } .cata_no_couv_catalogue { float: left; margin-right: 40px; } .link_picto { color: #fff; text-decoration: none; } .picto { color: #CCCCCC; clear: both; height: 12px; margin: 0; padding: 5px; width: 65px; } .picto { text-decoration: none; } .link_picto a, a:link, a:hover, a:visited, a:active { text-decoration: none; } a, a:link, a:hover, a:visited, a:active { text-decoration: none; color: #000; } .picto a { text-decoration: none; color: #ccc; float: left; } .accueil_0 .picto a { margin-bottom: 7px; } a.link_picto { color: #ccc; } .picto:hover { cursor: pointer; } .picto.catalogue { background: url("../images/picto_cata.png") no-repeat scroll 0 0; } .picto.lot { background: url("../images/picto_lot.png") no-repeat scroll 0 0; } .picto.infos { background: url("../images/picto_plus.png") no-repeat scroll 0 0; } .picto.ebook { background: url("../images/picto_ebook.png") no-repeat scroll 0 0; } .picto.visite { background: url("http://www.stanislasmachoir.com/images/picto_visite.png") no-repeat scroll 0 0; } .picto.live { background: url("../images/picto_live.png") no-repeat scroll 0 0; } .bouton_ok { float: left; } .bouton_ok img { } .one-fourth .lieu { display: none; } .lieu { color: #999; margin-bottom: 10px; text-align: left; } .calendrier_specialites .lieu { display: none } .tri_categories { width: 100%; margin-bottom: 20px; } /*---- Bouton ----*/ .accueil_0 .date { margin-left: 5px; text-transform: capitalize; } .accueil_0 .nom { color: #000; font-size: 13px; font-weight: regular; margin-bottom: 10px; margin-left: 5px; text-align: left; font-family: 'Archivo Narrow', sans-serif; text-transform: uppercase; } a.bouton { -webkit-transition: all 300ms ease-out; /* background-image:-webkit-gradient(linear, 0 100%, 0 0%, from(#2557AD), to(#5EACFF));*/ /*box-shadow:#AAAAAA 2px 3px 3px;*/ color: #FFFFFF; /*display:block !important;*/ float: left; font-size: 13pt; height: 15px; /*padding:5px 2px;*/ position: relative !important; text-align: left; text-shadow: #11294F 1px 1px 0; /*padding-left:15px;*/ width: 21px; padding-right: 10px; padding-left: 10px; z-index: 9999; } a.bouton:hover { color: #02409e; /*text-shadow: 1px 1px 0px #85c2ff;*/ box-shadow: 1px 1px 0px #fff; -webkit-box-shadow: 1px 1px 0px #fff; -moz-box-shadow: 1px 1px 0px #fff; -ms-box-shadow: 1px 1px 0px #fff; -o-box-shadow: 1px 1px 0px #fff; transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; } /*---- Bouton > info-bulle ----*/ a.bouton div.info-bulle { visibility: hidden; opacity: 0; position: absolute !important; top: -20px; left: 0; transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; width: 100px; z-index: 999; } a.bouton:hover div.info-bulle { visibility: visible; opacity: 1; top: -50px; transition: all 800ms ease-out; -webkit-transition: all 800ms ease-out; -moz-transition: all 800ms ease-out; -ms-transition: all 800ms ease-out; -o-transition: all 800ms ease-out; } div.info-bulle { width: 100%; padding: 0px; margin: 0 auto; background: #fff; color: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; box-shadow: 3px 5px 10px #aaa; -webkit-box-shadow: 3px 5px 10px #aaa; -moz-box-shadow: 3px 5px 10px #aaa; -ms-box-shadow: 3px 5px 10px #aaa; -o-box-shadow: 3px 5px 10px #aaa; } div.info-bulle::before { content: ''; position: absolute; bottom: -5px; left: 15%; width: 0; height: 0; border-top: 5px solid #f5f5f5; border-left: 5px solid transparent; border-right: 5px solid transparent; z-index: 9999; } div.info-bulle p { color: #555; padding: 10px 5px; margin: 0; text-align: left; text-shadow: 1px 1px 0px #fff; font-size: 10px; z-index: 9999; } .visite2 { background: url(http://www.stanislasmachoir.com/images/icon-visite.png) no-repeat 50% -15px; } .visite2:hover { background-position: 50% 0px; } .catalogue2 { background: url(http://www.stanislasmachoir.com/images/icon-catalogue.png) no-repeat 50% -15px; } .catalogue2:hover { background-position: 50% 0px; } .infos2 { background: url(http://sitetest.zonesecure.org/img/icon-infos.png) no-repeat 50% -15px; } .infos2:hover { background-position: 50% 0px; } .live2 { background: url(http://www.stanislasmachoir.com/images/icon-live.png) no-repeat 50% -15px; } .live2:hover { background-position: 50% 0px; } .lots2 { background: url(http://www.stanislasmachoir.com/images/icon-lots.png) no-repeat 50% -15px; } .lots2:hover { background-position: 50% 0px; } .pictos_minis { margin-bottom: 10px; margin-top: 15px; float: left; display: none; } .sans_lot_phare .image-gallery-slider-nav { display: none; } .blanc, .banc a:link, a:visited, a:active { color: #000; } .lot_resultat { background: none repeat scroll 0 0 #f0d929; border-radius: 2px; clear: both; color: #000000; font-family: "Raleway", sans-serif; font-size: 16px; font-weight: bold; margin: 10px 0; padding: 5px; } .photoPlus { min-height: 23px; text-align: left; } .images_supp_lot ul { display: inline; list-style: disc outside none; } .images_supp_lot li { display: inline; float: left; margin-left: 5px; margin-bottom: 3px; } .images_supp_lot img { margin: 0; padding: 0; } .specialites .lien_tous { display: none } .specialites .lot_futurs .encart_lot_texte { width: 100% } .specialites .lot_futurs .encart_lot_photo img { max-width: none } .lien_tous { float: right; margin-right: 10px; margin-bottom: 10px; } .belles_encheres_accueil .lien_tous { clear: both; margin-bottom: 10px; margin-left: 20px; margin-right: 10px; } .actualite_bloc { clear: both; float: left; margin-left: 15px; } .actualite_bloc_image { float: left; margin-right: 15px; } .actualite_bloc_image img { width: 80px; border-radius: 4px 0 27px; } .accueil_2 .actualite_bloc_texte { float: left; } .actualite_bloc_texte { float: left; } .accueil_2 .separation_actualites { border: none } .separation_actualites { border-bottom: 1px solid #CCCCCC; float: left; height: 10px; margin-bottom: 10px; margin-top: 10px; width: 80%; } .actualite_date { color: #000; } .actualite_titre { color: #000; font-size: 14px; line-height: 16px; padding: 0 0 5px; text-transform: uppercase; font-family: 'Archivo Narrow', sans-serif; } a.actualite_bloc_lien { text-transform: uppercase; padding-bottom: 5px; font-size: 15px; line-height: 16px; font-weight: regular; font-family: 'Archivo Narrow', sans-serif; font-weight: 700; } .calendrier_annees { float: left; } .texte5 { color: #ED171F; font-size: 12px; font-weight: bold; } .uppercase { color: #000; text-transform: uppercase; font-weight: bold; } /* ---------------------------------------------------------------------- */ /* Formulaire Demande Estimation /* ---------------------------------------------------------------------- */ .inscription_legende { float: left; width: 200px; } .input_civilite { float: left; } .inscription_etape { color: #000; padding-bottom: 5px; width: 70px; float: left; margin: 15px 0 15px 0; display: none; } .calendrier_theme { color: #142550; float: left; font-size: 17px; margin: 0 0 15px 0; padding-bottom: 5px; padding-top: 15px;font-weight:bold } .inscription_etape2 { margin: 15px 0 15px 0; color: #000; padding-bottom: 0 0 15px 0; width: 70px; float: left; display: none; } .calendrier_theme2 {font-weight:bold; color: #142550; float: left; font-size: 17px; margin: 15px 0; padding-bottom: 5px; padding-top: 15px; } .inscription_etape3 { padding-top: 15px; color: #000; padding-bottom: 5px; margin: 15px 0 15px 0; width: 70px; float: left; display: none; } .calendrier_theme3 { display:none;color: #FFFFFF; float: left; font-size: 17px; margin: 15px 0; padding-bottom: 5px; padding-top: 15px; } .estimation_etape1.select, input { margin-bottom: 5px;width:auto } .estimation_etape2.input { height: 30px; } .estimation_etape2.select { margin-bottom: 5px; } .mode_affichage_calendrier { float: right; padding-top: 7px; font-size: 13px; display: none } .mode_affichage_calendrier a:link { color: #999 } .mode_affichage_calendrier:link, a.mode_affichage_calendrier { color: #000 } .specialites .lot_futurs .encart_lot_photo { margin: 1% 0%; } .encart_lot_photo { max-width: 150px; float: left; margin-right: 10px; } .encart_lot_photo img { max-width: 150px; } .encart_lot_texte { float: left; width: 268px; } .encart_lot_resultat { border-top: 1px solid #ccc; font-size: 15px; margin: 20px 0 0; padding: 10px 0 0; text-transform: uppercase; font-family: 'Archivo Narrow', sans-serif; } .encart_lot_block { border-bottom: 1px solid #ccc; float: left; margin: 0 20px 10px 20px; padding: 15px 0; } .nppForm { display: none; } .ordreCataSearch { display: none; } .affForm { display: none; } #nav { /*display: none; */ } .page_recherche #nav { display: block; } #affCataSearch { display: none } .droite_catalogue { border-bottom: 1px solid #888; color: #888; height: 24px; margin: 5px 0 6px; text-transform: uppercase; width: 245px; font-family: arial; font-weight: bold; font-size: 12px; } .droite_catalogue.live { height: 25px; } a.lien_droite { color: #000; } a.lien_droite:hover { color: #999; } a.project-meta.num_lot { color: #fff; } .lotlabel { display: none; } .lotlabelnum { display: none; } .nom_artiste { color: #000; margin-bottom: 5px; clear: both; font-family: 'Archivo Narrow', sans-serif; } .num_lot { margin: 10px 0; color: #000; /* font-weight: bold;*/ font-size: 25px } .fiche_responsive .num_lot { float: left; width: 100%; } .nbre_lot_bas { display: none; } /* ---------------------------------------------------------------------- */ /* DEBUT RECHERCHE catalogue*/ /* ---------------------------------------------------------------------- */ #cataSearch { border-bottom: 1px solid #CCCCCC; /*border-top: 1px solid #CCCCCC;*/ float: left; padding-top: 5px; width: 100%; margin-top: 20px; } #searchForm { float: left; } #numCataSearch { float: left; } #numForm { float: left; } .numCataSearch, .numLabel, .numForm { float: left; } #searchLabel, #numLabel { width: 130px; float: left; padding-top: 3px; font-size: 13px } input.texte1 { height: 10px; } #numForm input.texte1[type="text"] { width: 30px; margin-left: 0; padding-left: 0; padding-right: 0; } input.texte1[type="submit"] { font-size: 13px; height: 22px; margin: -3px 0 3px -4px; padding: 2px 22px 3px 6px; width: 20px; } .rowCataSearch { float: left; font-size: 13px; margin-right: 10px; } .nbre_lot_haut { float: left; width: 150px; margin: 10px 0; } .pagination_haut { float: right; width: 250px; text-align: right; margin-top: 10px; font-size: 13px; } /* ---------------------------------------------------------------------- */ /* Afficher cacher div /* ---------------------------------------------------------------------- */ .bouton_texte { font-size: 12px; cursor: pointer; } .bouton_texte:hover { text-decoration: underline; } .texte { } /* ---------------------------------------------------------------------- */ /* Catalogues Entête /* ---------------------------------------------------------------------- */ .info_vente { color: #000; float: left; } .info_vente > .date_vente { margin: -1px 0 10px; color: #999; } .lot_description { color: #000; line-height: 20px; } .lieu_vente { color: #999999; margin-bottom: 10px; text-align: left; } .info_vente > .cp_vente { color: #000; } .cp_infos_vente { display: none; } .label_date_vente, .label_lieu_vente, .label_conditions_vente, .label_informations_vente { text-transform: uppercase; font-weight: bold; margin-top: 10px; } .label_informations_vente, .label_conditions_vente { color: #993333; margin: 20px 0 5px 0; } /*ajouts recherche*/ #label_recherche { float: left; } #label_avance { float: right; } #bloc_recherche { padding: 10px; margin-left: 23px; background-color: #fff; color: #CC0000; float: left; text-align: left; width: 927px; } #bloc_recherche form { color: #000000; } #bloc_recherche_1 { float: left; width: 450px; } #bloc_recherche_3 { float: left; width: 290px; } #bloc_recherche_4 { float: left; width: 350px; } #advancedPanel { float: left; padding: 10px; border-top: thin dashed #CC0000; width: 910px; } #bloc_recherche_2 { float: right; width: 400px; text-align: right; } #identifier { float: left; } #options_base { width: 910px; float: left; padding: 10px; } #pagination { clear: both; border-bottom: thin dashed #CC0000; color: #CC0000; font-size: 11px; padding: 5px 10px; width: 906px; } #bloc_alerte { clear: both; float: right; } #alertEmail { background-color: grey; border: 1px solid #EEEEEE; border-radius: 4px 4px 4px 4px; display: none; height: 60px; position: absolute; width: 255px; z-index: 4; } #cancelAlert { background: url("../img_commun/bt_annuler.gif") no-repeat scroll left top transparent; float: right; margin-left: 20px; width: 70px; border: 0px; margin-top: 5px; cursor: pointer; } .recherche { display: none; } .label_recherche { margin-top: -2px; } #email { margin-left: 4px; float: left; font-size: 11px; height: 20px; width: 208px; background: none repeat scroll 0 0 #FFFFFF; } #submitAlert { float: left; border-radius: 0px 4px 4px 0px; height: 32px; margin-left: -6px; width: 32px; cursor: pointer; background: none repeat scroll 0 0 #FFFFFF; } #alertEmailBackGround { display: none; position: fixed; height: 80px; width: 200px; top: 0; left: 0; background: #000000; border: 1px solid #cecece; z-index: 3; opacity: 0.7; } #alertDiv { width: 254px; cursor: pointer; } #alertEmailResult { float: left; margin-left: 6px; } #recherche_resultats { border-top: thin dashed #CC0000; float: left; margin-left: 35px; margin-top: 10px; padding-bottom: 5px; } #recherche_query, #recherche_radio, #bloc_estimation, #bloc_lien_ordre, #recherche_label_1, #recherche_page, #recherche_extra { margin-bottom: 5px; } #recherche_label_1 { margin-bottom: 5px; float: left; width: 355px; } .lot_recherche { clear: both; float: left; width: 906px; padding: 10px; } .odd { background-color: #f5f5f5; } #image_recherche, #num_recherche, #des_recherche, #estim_recherche { float: left; margin-left: 10px; } #image_recherche { width: 100px; margin-left: 0px; } #num_recherche { width: 50px; } #des_recherche { width: 546px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding-left: 15px; padding-right: 15px; } #estim_recherche { width: 140px; padding-right: 0px; margin-right: 0px; } .last { padding-right: 0px; margin-right: 0px; } .lot_recherche .Style5 { color: #CC0000; font-size: 12px; font-weight: bold; } .nom_art { color: #333333; font-size: 12px; font-family: 'Archivo Narrow', sans-serif; margin-bottom: 5px; } .table_paginate { width: 906px; } a.lien_nav:link { text-decoration: none; } a.lien_nav:hover { text-decoration: underline; } #bloc_recherche #query { padding: 2px; height: 28px; width: 320px; } #recherche_page { float: right; } #bloc_recherche #bok { height: 34px; margin: 2px 0 5px -3px; padding: 3px; vertical-align: bottom; width: 40px; } input#minEstim, input#maxEstim, #heigthMin, #heigthMax, #widthMin, #widthMax, #depthMin, #depthMax { width: 30px; } em { font-style: italic; } #page_recherche_v2 .logo img { /*display:block;*/ } #page_recherche_v2 #milieu { /*float:left;*/ } #page_recherche_v2 .search input { padding: 0px; } /* ---------------------------------------------------------------------- */ /* Ordre d'achat /* ---------------------------------------------------------------------- */ .ordre_libelle { width: 200px; float: left; margin-bottom: 5px; } .ordre_top_gauche { text-align: right; width: 100%; height: 30px; } .ordre_libelle input { height: 15px; width: 150px; } .ordre_libelle mail input { width: 15px; width: 500px; } .ordre_libelle textarea { width: 340px; margin-bottom: 5px; } .ordre_libelle.adresse { width: 100%; } .ordre_libelle.banque { width: 100%; } .ordre_libelle.respbanque { width: 100%; } .ordre_libelle.resptel { width: 100% } .titre_ordre_etape { display: none; } .titre_ordre_phrase { display: none; } .ordre_gauche { float: left; width: 48%; margin-right: 20px; } .ordre_libelle.mail input { width: 350px; } .ordre_cgv, .ordre_retour_catalogue { float: right; } .ordre_cgv { margin-right: 30px; padding-right: 15px; width: 200px; } .ordre_retour_catalogue { margin-left: 30px; padding-left: 15px; width: 200px; } .ordre_full { width: 100%; float: left; } .message { } .ordre_libelle.codebanque { width: 90px; } .ordre_libelle.codebanque input { width: 70px; } .ordre_libelle.comptebanque { width: 120px; } .ordre_libelle.comptebanque input { width: 100px; } .ordre_libelle.ordrebanque { width: 90px; } .ordre_libelle.ordrebanque input { width: 70px; } .ordre_libelle.clebanque { width: 50px; } .ordre_libelle.clebanque input { width: 40px; } .bt_valider_ordre input { background-color: #888; color: #fff; width: 135px; border: 0; margin-bottom: 20px; padding-top: 5px; } .bt_valider_ordre input:hover { background-color: #999; text-decoration: underline; } .liste_ordre { width: 100%; padding-top: 20px; } .img_ordre { float: left; width: 90px; ; } .num_lot_ordre { float: left; width: 5%; margin-left: 10px; } .infos_ordre { float: left; width: 65%; margin-left: 10px; } .nom_art { /*float: left;*/ } .num_lot_ordre { float: left; text-align: center; } input.saisie_ordre { height: 15px; width: 70px; float: left; } input.envoi_ordre { height: 26px; width: 40px; float: left; padding: 0px 6px 0px 0px; } .title.colonne { text-transform: uppercase; padding-bottom: 5px; font-size: 15px; line-height: 16px; font-weight: regular; font-family: 'Archivo Narrow', sans-serif; font-weight: 700; } .heure_colonne { font-size: 12px; text-transform: capitalize; } .heure_colonne { padding-bottom: 5px; } .message_ordre { color: #fff; background-color: #cc0000; height: 17px; padding: 10px; border-radius: 6px; } .message_ordre.ok { color: #fff; background-color: #80CC57; height: 17px; padding: 10px; border-radius: 6px; } .actualite_texte { float: left; color: #000 } .informations_image { float: left; margin-right: 30px; margin-bottom: 30px; } .informations_image img { border: 1px solid #999; } .informations_droite { float: left; } .noclass .actualite_texte { float: none; font-size: 13px; line-height: 17px; } .noclass .informations_droite { /*width: 100%;*/ } .estimation input { height: 15px; background: none repeat scroll 0 0 #fff; } .estimation input[type="submit"] { height: 30px; background-color: #2daae1; color: #fff;border-radius: 4px; } .estimation input[type=file] { height: 25px; width: 400px; border: none; padding-top: 5px; } .estimation_etape2 { margin: 10px 0; } .message_estimation { color: #fff; background-color: #cc0000; height: 27px; padding: 10px; border-radius: 6px; } .message_estimation.ok { color: #fff; background-color: #80CC57; height: 27px; padding: 10px; border-radius: 6px; } .lot_nom_artiste { font-family: 'Archivo Narrow', sans-serif; font-size: 16px; } .fiche_lot_resultat { color: #cc0000; font-weight: bold; margin: 10px 0; } .estimLabelAff4 { float: left; color: #939393; padding-top: 10px; display: none; } .estimAff4 { float: left; padding-top: 10px; color: #939393;/*padding-left: 5px;*/ padding-bottom: 5px; } .fiche_responsive .estimAff4 { float: none; margin-bottom: 5px; } .panel_ordre_global { z-index: 99999; } .panel_ordre_montant, .panel_ordre { z-index: fff; } .panel_telephone_global { border-top: 1px solid #fff; } .panel_ordre_montant, .panel_ordre_tel { border: 1px solid #ccc; border-top: none; } .panel_ordre_tel { z-index: 99999; } .panel_ordre_montant input[type="text"] { width: 100px; height: 15px; margin-left: 5px; } .picto_ordre:hover, .picto_tel:hover { background-color: #ccc; color: #fff } .picto_ordre a, .picto_tel a { color: #000; clear: both; } .texte_contact { vertical-align: top; font-size: 11px; margin-top: 5px; } .close { margin-right: 3px; text-align: right; } .close a:link { color: #888; } .fiche_responsive #content { padding-top: 0; } .valider_ordres { height: 50px;/* background-color: #ccc; color:#fff;*/ } .FondTab { background-color: #e6e6e6; } .ordre_payement .titre_actu { color: #404449; font-size: 13px; font-weight: bold; line-height: 20px; padding: 5px 0 10px; text-decoration: none; text-transform: uppercase; } .ordre_payement input, .ordre_payement select { height: 30px; } .ordre_payement input { background: none repeat scroll 0 0 #ffffff; border: 1px solid #cccccc; padding: 2px; } .ordre_payement .intitule2 { color: #404449; float: left; font-size: 12px; padding: 5px 0 0 5px; } .ordre_payement textarea { border: 1px solid #cccccc; margin-left: 5px; padding: 2px; background: none repeat scroll 0 0 #ffffff; resize: both; } .ordre_payement input { margin: 6px; } .ordre_payement select { background: none repeat scroll 0 0 #ffffff; border: 1px solid #cccccc; } .intitule2 { color: #404449; float: left; font-size: 12px; padding: 5px 0 0 5px; } .lieu_colonne { color: #999; } .nom_vente { text-transform: uppercase; font-size: 18px; font-family: 'Archivo Narrow', sans-serif; } .one-fourth .panel_ordre_global { display: none; } .one-fourth .panel_telephone_global { display: none; } .achat_catalogue { font-size: 11px; } .choix_langue { margin-top: -30px; font-size: 11px; float: left; } .langue_texte { float: left; margin-top: 10px; color: #fff; margin-left: 9px; } .choix_langue img { float: left; margin-left: 10px; } .navPage2 { margin-top: -10px; } .navPage2 img { float: left; margin-left: 10px; } .texte_live_info_droite { color: #000; padding-top: 7px; float: left; } .fiche_responsive .cata_couv_catalogue { display: none; } .your_bid { float: left; margin-top: 13px; display: none; } input.boutonOK { height: 25px; padding-top: 3px; width: 40px; } .fiche_responsive .template_1 .infos_vente_droite { display: none; } .fiche_responsive .a_masquer { display: none; } .fiche_responsive .template_2 .info_vente { display: none; } .fiche_responsive .droite_catalogue { text-align: left; } .fiche_responsive .template_2 .infos_vente_droite { float: left; } .fiche_responsive .template_3 { display: none; } .fiche_responsive .description_vente { display: none; } .nav:link { color: #000; } .pagination_bas { float: right; } .fiche_lot_description { line-height: 20px; margin-bottom: 20px; } .lot_precedent { background: url("../images/arrow-prev-large.png") no-repeat scroll 0 0 #FFFFFF; float: left; height: 43px; margin-left: -51px; margin-top: 300px; position: absolute; width: 30px; opacity: 0.2; z-index: 200; } .lot_suivant { background: url("../images/arrow-next-large.png") no-repeat scroll 0 0 #FFFFFF; float: right; height: 43px; margin-top: 300px; position: absolute; width: 30px; opacity: 0.2; z-index: 200; } .lot_precedent:hover, .lot_suivant:hover { opacity: 1; } .catalogue_img_survol { visibility: hidden; /* left: 50% !important; margin-left: -403px; position: fixed !important; top: 137px !important; z-index: 9999;*/ top: -150px !important; /*left: -80px !important;*/ position: absolute !important; /* position: relative !important;*/ /* position: fixed !important;*/ z-index: 9999; overflow: show; } #screenshot { position: absolute; border: 1px solid #ccc; background: #fff; padding: 5px; display: none; color: #fff; z-index: 9999; } #supersized li { margin: 0; } .liste_ordre .montant_ordre { background-color: #666; color: #fff; } .liste_ordre .demande_tel { background-color: #666; color: #fff; } .liste_ordre .panel_ordre_tel { float: right; } .btok { border: medium none; color: #000000; height: 22px; margin-top: -7px; width: 30px; } .btok:hover { background-color: #3a3a3a; color: #fff; } .fiche_responsive .template_1 .infos_vente_droite { display: none; } .fiche_responsive .a_masquer { display: none; } .fiche_responsive .template_2 .info_vente { display: none; } .fiche_responsive .droite_catalogue { text-align: left; } .fiche_responsive .template_2 .infos_vente_droite { float: left; } .fiche_responsive .template_3 { display: none; } .fiche_responsive .description_vente { display: none; } .description_vente { /*display: none;*/ } .nav:link { color: #000; } .pagination_bas { float: right; } .fiche_lot_description { line-height: 20px; margin-bottom: 20px; } .lot_precedent { background: url("../images/arrow-prev-large.png") no-repeat scroll 0 0 #FFFFFF; float: left; height: 43px; margin-left: 10px; margin-top: 300px; position: absolute; width: 30px; opacity: 0.2; z-index: 200; } .lot_suivant { background: url("../images/arrow-next-large.png") no-repeat scroll 0 0 #FFFFFF; float: right; height: 43px; margin-top: 300px; position: absolute; width: 30px; opacity: 0.2; z-index: 200; } .lot_precedent:hover, .lot_suivant:hover { opacity: 1; } .catalogue_img_survol { visibility: hidden; /* left: 50% !important; margin-left: -403px; position: fixed !important; top: 137px !important; z-index: 9999;*/ top: -150px !important; /*left: -80px !important;*/ position: absolute !important; /* position: relative !important;*/ /* position: fixed !important;*/ z-index: 9999; overflow: show; } #screenshot { position: absolute; border: 1px solid #ccc; background: #fff; padding: 5px; display: none; color: #fff; z-index: 9999; } #supersized li { margin: 0; } .liste_ordre .montant_ordre { background-color: #666; color: #fff; } .liste_ordre .demande_tel { background-color: #666; color: #fff; } .liste_ordre .panel_ordre_tel { float: right; } .btok { border: medium none; color: #000000; height: 22px; margin-top: -7px; width: 30px; } .btok:hover { background-color: #3a3a3a; color: #fff; } .top_resultat_calendrier { width: 47% } .result_une_prix { color: #cc0000; font-weight: bold; } .degrade { width: 100%; /* background: -moz-linear-gradient(top, rgba(225,226,226,0) 0%, rgba(225,226,226,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(225,226,226,0)), color-stop(100%, rgba(225,226,226,1))); background: -webkit-linear-gradient(top, rgba(225,226,226,0) 0%, rgba(225,226,226,1) 100%); background: -o-linear-gradient(top, rgba(225,226,226,0) 0%, rgba(225,226,226,1) 100%); background: -ms-linear-gradient(top, rgba(225,226,226,0) 0%, rgba(225,226,226,1) 100%); background: linear-gradient(to bottom, rgba(225,226,226,0) 0%, rgba(225,226,226,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e1e2e2', endColorstr='#e1e2e2', GradientType=0 ); */ background: #f8f8f8; float: left; margin-bottom: 20px; margin-top: 10px; } .degrade_informations { * background: -moz-linear-gradient(top, rgba(225,226,226,0) 0%, rgba(225,226,226,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(225,226,226,0)), color-stop(100%, rgba(225,226,226,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(225,226,226,0) 0%, rgba(225,226,226,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(225,226,226,0) 0%, rgba(225,226,226,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(225,226,226,0) 0%, rgba(225,226,226,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(225,226,226,0) 0%, rgba(225,226,226,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e1e2e2', endColorstr='#e1e2e2', GradientType=0 ); /* IE6-9 */ float: left; width: 30%; margin-bottom: 20px; padding-top: 10px; } .un_tiers { width: 31%; float: left; margin-right: 30px } .accueil_1 { width: 218px; float: left; } .couverture_photo img { max-width: 150px; margin: 15px; } .accueil_2 { /*width: 320px; */ float: left; margin-right: 30px; padding-bottom: 15px; width: 35% } .accueil_0 { /*width: 220px; */ float: left; margin-right: 30px; width: 20%; border-radius: 0 0 27px; } .bloc_vente_pictos { width: 85px; margin-top: 15px; } .lien_cata img { height: 20px; background: url("../images/picto_cata.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); } .lien_lot img { height: 20px; background: url("../images/picto_lot.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); } .lien_info img { width: 90px; height: 20px; background: url("../images/picto_plus.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); } .lien_ebook img { height: 20px; background: url("../images/picto_ebook.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); } .lien_visite img { height: 20px; background: url("http://www.stanislasmachoir.com/images/picto_visite.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); } .au_centre { margin: 0 auto; /*width: 700px;*/ } .no_margin { margin: 0px; } .osenat_pub { margin: 10px 0; } .margin_bottom { margin-bottom: 15px; } .infos_ordre_achat { float: right; } .titre_expert { border-bottom: 1px solid #cccccc; clear: both; font-family: "Raleway",sans-serif; font-size: 16px; font-weight: 700; padding: 0 0 4px; text-transform: uppercase; width: 100%; } .iframe_cgv { padding: 20px } .infos_supp { height: 30px; } .titre_equipe { cursor: default;/*background: url("../images/marteau.png") no-repeat scroll 0 0 #FFFFFF;*/ color: #000000; font-family: 'Archivo Narrow', sans-serif; font-size: 19px; margin-bottom: 15px; margin-left: -92px; padding-bottom: 10px; padding-left: 92px; padding-top: 10px; text-transform: uppercase; font-weight: 700; color: #142550 } .padding_bloc { padding: 5px 10px 10px 15px; } .accueil { background-color: #171819 } .footer_raccourcis .encart_titre, .footer_raccourcis .encart_texte { color: #fff;} /* Standard 960 or larger (browsers) */ @media only screen and (min-width: 960px) { .footer_raccourcis .encart_titre, .footer_raccourcis .encart_texte { text-align: left; width: auto } .footer_raccourcis { float: left } .footer_raccourcis .encart_logo { height: 60px; } .footer_raccourcis .encart_logo { width: 160px;margin:0 auto;float:none } .footer_encart_live, .footer_encart_estimation, .footer_encart_newsletter { float: left;margin-right: 18px; width: 22%;} .calendrier #portfolio-items { margin: 0 -20px 40px 0; width: 540px; } .calendrier_droite { margin-left: 580px; } .specialites .swiper-container{width:80%;margin-left:20%} .tabs { width: 17%;position:fixed ;z-index:999;max-width:200px } .tabs a {width:80%;text-align:center} .belles_encheres_accueil .encart_lot_block{width:15%} .slider-caption { margin-top: 150px } #main-nav { margin-left: -20px !important; } #main-nav a { padding: 0 22px; } .image_cal_fixed { height: 337px; position: relative; background: url("http://www.stanislasmachoir.com/images/img_fd_cal.jpg") repeat fixed 50% -3px transparent; } #wrapper #slidecaption h2 { font-size: 30px; line-height: 30px; } .catalogue_img { width: 218px; overflow: hidden; } #portfolio-items article .lot_visu:hover { opacity: 0.5; filter: alpha(opacity=50); } .catalogue_img img:hover { opacity: 0.5; } /* -------------------------------------------------- */ /* Pricing Tables > Tooltip /* -------------------------------------------------- */ .fiche_responsive .picto_ordre, .fiche_responsive .picto_tel { background-color: #888; color: #000; height: 16px; padding: 10px; text-align: right; font-weight: bold; width: 177px; } .portfolio-pagination { float: right; margin: 0px 0 0; display: none; } .lot_suivant { margin-left: 960px; } .ordre_achat { float: right; } .informations_droite { width: 70%; } .estimation_ordre { float: left; margin-left: 10px; } .ordre_droite { float: right; width: 49%; } .info_vente { width: 50%; } h5 { text-transform: uppercase; text-align: left; } .picto_mobile { display: none !important; } .calendrier_img img { /*height: 150px;*/ float: left; } .infos_vente_droite { float: right; } .droite_catalogue { text-align: right; } .bande_noire { margin-top: 0px; } /* #portfolio-items > article img { height:180px; overflow:hidden; } */ #filters { float: left; /* display:none;*/ } .search_ventes { } .tri_ventes { float: left;/*display: none;*/ } .gauche { float: left; width: 46%; padding-left: 45px; } .droite { float: right; width: 48%; } .couv_catalogue { height: 231px; } .picto_hidden { opacity: 0.3; } .simple-pricing-table .features li[data-tooltip], .extended-pricing-table .features li[data-tooltip] { cursor: help; } .ie7 .simple-pricing-table .features li[data-tooltip], .ie7 .extended-pricing-table .features li[data-tooltip] { cursor: auto; } .simple-pricing-table .features li[data-tooltip]:hover, .extended-pricing-table .features li[data-tooltip]:hover { color: #54555a; } /* Tooltip container */ .simple-pricing-table .features li[data-tooltip]:before, .extended-pricing-table .features li[data-tooltip]:before { background: #fff8de; border: 1px solid #fee5a2; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .10); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .10); box-shadow: 0 0 10px rgba(0, 0, 0, .10); bottom: 0; color: #7b7b7b; content: attr(data-tooltip) !important; font-size: 11px; left: 9px; line-height: 1.5; opacity: 0; padding: 5px 10px; position: absolute; text-align: center; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; width: 143px; z-index: 98; } .simple-pricing-table .features li[data-tooltip]:before { left: 10px; width: 192px; } .extended-pricing-table .features-list .features li[data-tooltip]:before { left: 10px; text-align: left; width: 158px; } .simple-pricing-table .features li[data-tooltip]:hover:before, .extended-pricing-table .features li[data-tooltip]:hover:before { bottom: 100%; opacity: 1; } /* Tooltip arrow */ .not-ie .simple-pricing-table .features li[data-tooltip]:after, .not-ie .extended-pricing-table .features li[data-tooltip]:after { background: #fff8de; border-bottom: 1px solid #fee5a2; border-right: 1px solid #fee5a2; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .05); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .05); box-shadow: 1px 1px 2px rgba(0, 0, 0, .05); bottom: 0; content: ''; display: block; height: 10px; left: 50%; margin: 0 0 0 -5px; opacity: 0; position: absolute; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; width: 10px; z-index: 99; } .simple-pricing-table .features-list .features li[data-tooltip]:after, .extended-pricing-table .features-list .features li[data-tooltip]:after { left: 22px; margin-left: 0; } .not-ie .simple-pricing-table .features li[data-tooltip]:hover:after, .not-ie .extended-pricing-table .features li[data-tooltip]:hover:after { bottom: 30px; opacity: 1; } .simple-pricing-table .features li[data-tooltip]:hover:after { bottom: 24px !important; } .ie8 .simple-pricing-table .features li[data-tooltip]:before, .ie8 .simple-pricing-table .features li[data-tooltip]:after, .ie8 .extended-pricing-table .features li[data-tooltip]:before, .ie8 .extended-pricing-table .features li[data-tooltip]:after { display: none; } .ie8 .simple-pricing-table .features li[data-tooltip]:hover:before, .ie8 .extended-pricing-table .features li[data-tooltip]:hover:before { display: block; } /* -------------------------------------------------- */ /* Home > Slider /* -------------------------------------------------- */ .ss-slider .slides-container { display: block; } .ss-slider .slide-images-container { display: none; } #logo { /*margin-left: 124px;*/ } .actualites .accueil_2 { width: 100% } } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { .calendrier_droite { margin-left: 0px; } .calendrier_droite img { max-width: 220px; } #main-nav a { padding: 0 32px; } #main-nav { margin: 0; padding: 0 } #main-nav a { padding: 16px 20px; } #main-nav > ul { margin: 0 } .actualites_accueil .actualite_bloc_texte { float: left; width: 60%; } #portfolio-items article .lot_visu:hover { opacity: 1; filter: alpha(opacity=100); } .menu_droite { float: right; } /*.menu_recherche{ width:400px;}*/ .achat_catalogue { margin-top: 0px; } /* -------------------------------------------------- */ /* Home > Slider /* -------------------------------------------------- */ .fiche_responsive .picto_ordre, .fiche_responsive .picto_tel { background-color: #888; color: #FFFFFF; height: 16px; padding: 10px; text-align: right; font-weight: bold; width: 177px; } .portfolio-pagination { float: right; margin: 0px 0 0; display: none; } .lot_suivant { margin-left: 960px; } .catalogue_img { width: 200px; } .catalogue_img img { padding-left: 0px; max-width: 190px; } .lot_suivant { margin-left: 960px; } .ordre_achat { float: left; } .informations_droite { width: 60%; } .estimation_ordre { float: left; margin-left: 10px; width: 10%; } .title.colonne { text-align: center; } .ordre_droite { float: right; width: 49%; } .heure_colonne { text-align: center; } .lieu_colonne { text-align: center; } .info_vente { width: 38%; } h5 { text-transform: uppercase; text-align: left; } .infos_vente_droite { float: right; } .infos_vente_droite { float: right; } .droite_catalogue { text-align: right; } .bande_noire { margin-top: 70px; } .tri_ventes { float: left; } .picto_mobile { display: none; !important; } .gauche { float: left; width: 45%; } .droite { float: right; width: 45%; } .couv_catalogue { height: 175px; } .infos_vente_droite { float: right; } .picto_hidden { display: none; } .ss-slider .slides-container { display: none; } .ss-slider .slide-images-container { display: block; } .ss-slider .slide-bg-image { display: none; } .ss-slider .slide-bg-image:first-child, .no-js.ss-slider .slide-bg-image { display: block; } /* ---------------------------------------- */ /* Button /* ---------------------------------------- */ .no-js .ss-slider .slide-button { width: 100% !important; } .ss-slider .slide-button { width: 50% !important; } .ss-slider.fully-loaded .slide-button.active { border-top-color: #ed171f; } /* ---------------------------------------- */ /* Content & Pagination /* ---------------------------------------- */ .ss-slider .content-container.center, .ss-slider .pagination-container.center a { top: 95px; } /* ---------------------------------------- */ /* Active Slide Bar /* ---------------------------------------- */ .ss-slider .active-slide-bar { display: none; } /* -------------------------------------------------- */ /* Header /* -------------------------------------------------- */ #logo { max-height: 100%; float: left; } #logo img { /* margin-left: 58px;*/ /*margin-top: 15px;*/ } /* -------------------------------------------------- */ /* Content /* -------------------------------------------------- */ #content img { /* height: 231px;*/ /* max-width: 100%;*/ } /* -------------------------------------------------- */ /* Simple Pricing Table /* -------------------------------------------------- */ .simple-pricing-table .column { margin-bottom: 20px !important; } /* -------------------------------------------------- */ /* Portfolio /* -------------------------------------------------- */ #portfolio-items-filter { float: none; margin: 0 0 20px; } #portfolio-items-filter li:first-child { display: none !important; } #portfolio-items-filter a { display: block !important; } /* ---------------------------------------- */ /* Single Project /* ---------------------------------------- */ .portfolio-pagination { float: none; margin-bottom: 20px; margin-top: 0; } .portfolio-pagination .button { margin-bottom: 0 !important; } .single-project .page-header .button { margin-bottom: 20px; margin-top: 0; } /* ---------------------------------------- */ /* Contact Info /* ---------------------------------------- */ .contact-info li { border-bottom: 1px dotted #4b4b4b; float: none; margin-left: 0; padding-bottom: 5px; } .contact-info li:last-child { border-bottom: none; } /* ---------------------------------------- */ /* Social Links /* ---------------------------------------- */ .social-links li:nth-child(6n+1) { margin-left: 15px; } .social-links li:nth-child(6n) { margin-right: 0; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { .footer_raccourcis { float: left } .footer_raccourcis .encart_logo { height: 60px; } .calendrier_droite { display:none } .calendrier #portfolio-items { margin: 0 -20px 40px 0; width: 740px; } .specialites .swiper-container{width:80%;margin-left:20%} .tabs { width: 17%;position:fixed ;z-index:999; } .belles_encheres_accueil .encart_lot_block{width:15%} .phare_accueil_image_couv .ImgBorder { width: 150px; } /* ---------------------------------------- */ /* Main Navigation /* ---------------------------------------- */ #main-nav { margin-left: -30px !important; } #main-nav a { padding: 0px 8px; } #main-nav a:after { content: ''; display: none; } .no-js #main-nav li:hover > ul, #main-nav ul ul {/* top: 20px;*/ } .catalogue_img { width: 150px; overflow: hidden; } .catalogue_img img:hover { opacity: 1; } #logo img { margin-top: 15px; } .menu_recherche { /*width: 400px;*/ } .fiche_responsive .picto_ordre, .fiche_responsive .picto_tel { background-color: #888; color: #FFFFFF; height: 16px; padding: 10px; text-align: center; font-weight: bold; width: 177px; } .portfolio-pagination { float: right; margin: 0px 0 0; display: none; } .lot_suivant { margin-left: 750px; } .ordre_achat { float: right; } .estimation_ordre { float: left; margin-left: 56px; width: 10%; padding-top: 20px; } .ordre_droite { float: left; width: 49%; } .droite { margin-top: 20px; } .calendrier_img img { /*height: 150px;*/ } .bande_noire { } .infos_vente_droite { float: right; } .infos_vente_droite { float: right; } .droite_catalogue { text-align: left; } .tri_ventes { margin-bottom: 20px; float: left; } .picto_mobile { /*display: none; !important; visibility: hidden;*/ } .couv_catalogue { height: 175px; } .gauche { float: left; width: 100%; padding-left: 55px; } .droite { float: right; width: 100%; } /* -------------------------------------------------- */ /* Wrap /* -------------------------------------------------- */ .container { width: 748px; } /* ---------------------------------------- */ /* Columns /* ---------------------------------------- */ .one-half { width: 364px; } .one-third { width: 236px; } .two-third { width: 492px; } .one-fourth { /*width: 172px;*/ overflow: hidden; width: 172px; } .three-fourth { width: 556px; } .one-one { width: 556px; } /* -------------------------------------------------- */ /* Content > Main /* -------------------------------------------------- */ #main { width: 488px; } /* ---------------------------------------- */ /* Columns /* ---------------------------------------- */ #main .one-half { width: 234px; } #main .one-third { width: 149px; } #main .two-third { width: 319px; } #main .one-fourth { width: 107px; } #main .three-fourth { width: 361px; } #main .one-one { width: 107px; } .accueil_2 .three-fourth { width: 100%; } /* -------------------------------------------------- */ /* Header /* -------------------------------------------------- */ #header { height: 72px; } #logo { /*margin-top: -7px;*/ } /* ---------------------------------------- */ /* Projects Carousel & Post Carousel /* ---------------------------------------- */ .projects-carousel > li, .post-carousel > li { width: 236px; } /* ---------------------------------------- */ /* Post Carousel /* ---------------------------------------- */ .post-carousel .entry-body { width: 191px; } /* -------------------------------------------------- */ /* Blog /* -------------------------------------------------- */ .entry-body { width: 100%; } /* ---------------------------------------- */ /* Comments /* ---------------------------------------- */ .comment .comment-body, .comment .comment-meta { width: 419px; } .comment .children .comment-body, .comment .children .comment-meta { width: 349px; } /* ---------------------------------------- */ /* Respond /* ---------------------------------------- */ .comments-form input { width: 127px; } .comments-form textarea { width: 468px; } /* -------------------------------------------------- */ /* Contact Us /* -------------------------------------------------- */ #map { height: 340px; } .contact-form input { width: 150px; } .contact-form textarea { width: 534px; } /* -------------------------------------------------- */ /* Footer > Social Links /* -------------------------------------------------- */ .social-links li:nth-child(5n+1) { margin-left: 0; } .social-links li:nth-child(5n) { margin-right: 10px; } .un_tiers { float: left; margin-right: 30px; width: 29%; } .un_tiers img { max-width: 150px; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .calendrier_droite { display:none } .menu_droite { float: right; width: 100%; } .choix_langue { margin-top: -46px; } /*.slide_contenu .degrade { width: 400px }*/ .calendrier_droite { margin-left: 0px; margin-right: 0; position: relative; } .img_pratiques, .map_pratiques { width: 50% } .menu_recherche { float: right; margin-top: -41px; } .catalogue_img { width: 180px; overflow: hidden; } #portfolio-items article { /*border-top: 3px solid #000000;*/ margin-bottom: 10px; padding-right: 20px; width: 175px; overflow: hidden; } #logo { margin: 0 auto; text-align: center; } #logo img { margin-top: 20px; width: 75%; } .degrade.accueil_2 #portfolio-items article { width: 100% } .lot_precedent, .lot_suivant { display: none; } .fiche_responsive .picto_ordre, .fiche_responsive .picto_tel { background-color: #888; color: #FFFFFF; height: 16px; padding: 10px; text-align: right; font-weight: bold; width: 177px; } .informations_droite { width: 100%; } .estimation_ordre { float: left; margin-left: 10px; width: 10%; } .ordre_droite { float: left; width: 100%; } .liste_infos_vente { /*text-align: center;*/ /*width: 310px;*/ } .droite { margin-top: 20px; } h5 { text-transform: uppercase; text-align: center; } .categories { /*text-align: center;*/ } .bande_noire { margin-top: 20px; !important; } .infos_vente_droite { float: left; } .droite_catalogue { text-align: left; } .picto_mobile { display: none; !important; display: block; width: 100%; float: left; } .pictos_minis { display: none; } .gauche { float: left; width: 100%; } .droite { float: left; width: 100%; } .couv_catalogue { height: 100px; } /* -------------------------------------------------- */ /* Basic Elements & Classes /* -------------------------------------------------- */ .fluid-width-video-wrapper { margin-bottom: 10px; } /* -------------------------------------------------- */ /* Generic Classes /* -------------------------------------------------- */ .align-left, .align-right { float: none; } /* -------------------------------------------------- */ /* Wrap /* -------------------------------------------------- */ .container { width: 300px; } /* ---------------------------------------- */ /* Columns /* ---------------------------------------- */ .one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-one { float: none; margin-right: 0; } .one-half, #main .one-half { width: 300px; } .one-third, #main .one-third { width: 300px; } .two-third, #main .two-third { width: 300px; } .one-fourth, #main .one-fourth { width: 300px; } .three-fourth, #main .three-fourth { width: 300px; } .one-one, #main .one-one { width: 300px; } /* -------------------------------------------------- */ /* Header /* -------------------------------------------------- */ #header { height: auto; } #logo { float: left; text-align: left; margin-left: 0px; margin-top: 0px; } /* ---------------------------------------- */ /* Main Navigation /* ---------------------------------------- */ #main-nav { float: none; margin: 10px 0 20px; } .accueil #main-nav { margin: 0px 0px; } #main-nav a:after, #main-nav > ul { display: none; } .no-js #main-nav > ul, #main-nav .responsive-nav { display: block; } #main-nav li { width: 50%; } #main-nav a { border-bottom-color: #efefef; padding: 16px 20px 30px; } #main-nav > ul > li:last-child a { border-bottom-color: transparent; } #main-nav > ul > .current:last-child a { border-bottom-color: #d9133d; } #main-nav ul ul { width: 100%; } .no-js #main-nav li:hover > ul, #main-nav ul ul { top: 72px; } #main-nav ul ul li { width: auto; } #main-nav ul ul li:first-child > a { border-top: none; } #main-nav ul ul li:last-child > a { border-bottom: none; } #main-nav ul ul ul { border-bottom: 1px solid #252525; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: block !important; left: 0 !important; margin: 0; top: 0 !important; position: relative; } #main-nav ul ul li:last-child ul { border-top: 1px solid #252525; border-bottom: none; } #main-nav ul ul ul a { padding-left: 30px; } #main-nav ul ul ul li:first-child a { border-top: 1px solid #4c4c4c; } /* -------------------------------------------------- */ /* Content > Main /* -------------------------------------------------- */ #main { border-bottom: 1px solid #efefef; float: none; margin-right: 0; padding-bottom: 20px; width: 100%; } /* -------------------------------------------------- */ /* Image Gallery Slider /* -------------------------------------------------- */ .image-gallery-slider { margin-bottom: 10px; } /* -------------------------------------------------- */ /* Extended Pricing Table /* -------------------------------------------------- */ .extended-pricing-table .column { margin-bottom: 20px; } .extended-pricing-table .column.featured { margin-bottom: 10px; } /* -------------------------------------------------- */ /* Home > Slider /* -------------------------------------------------- */ .ss-slider.fully-loaded, .ss-slider.fully-loaded .slide-images-container { background: #fff url(../images/loader.gif) no-repeat center 50%; } /* ---------------------------------------- */ /* Button /* ---------------------------------------- */ .js .ss-slider .buttons-container { display: none; } /* ---------------------------------------- */ /* Content /* ---------------------------------------- */ .ss-slider .content-container, .ss-slider:hover .content-container, .no-js .ss-slider .slide-content { display: none; } /* ---------------------------------------- */ /* Pagination /* ---------------------------------------- */ .ss-slider .pagination-container a { background-color: rgba(241, 90, 35, 0.6); background-image: url(../images/slider-arrows-medium.png) !important; bottom: 50% !important; height: 49px !important; margin: 0 0 -25px 0 !important; filter: alpha(opacity=60) !important; /* Fallback for old IE */ opacity: 1 !important; right: auto !important; top: auto !important; width: 25px !important; } .ss-slider .pagination-container .prev { background-position: -7px center !important; left: 0 !important; right: auto !important; } .ss-slider .pagination-container .next { background-position: -46px center !important; left: auto !important; right: 0 !important; } .ss-slider .pagination-container a:hover { background-color: rgba(241, 90, 35, 1); filter: alpha(opacity=100); /* Fallback for old IE */ } /* -------------------------------------------------- */ /* Blog /* -------------------------------------------------- */ .entry-image, .entry-video, .entry-audio { margin-bottom: 10px; } .single-image .entry-image, .image-gallery .entry-image, .iframe .entry-image { margin-bottom: 0; } .entry .entry-body { float: none; margin: 0; width: 100%; } .entry .entry-meta { border-bottom: 1px solid #efefef; border-top: 1px solid #efefef; float: none; margin: 10px 0; padding: 4px 0; text-align: left; width: 100%; } .entry .entry-meta ul { } .entry .entry-meta li { border-left: 1px solid #efefef; display: inline-block; padding: 0 10px; } .entry .entry-meta li:first-child { border-left: none; padding-left: 0; } .entry .entry-meta li:last-child { padding-right: 0; } .entry .entry-meta li .title { display: block; } .entry .entry-meta .post-format { background: none; height: auto; margin: 0; text-indent: 0; width: auto; } .entry .entry-meta a:hover > .post-format { background: none; } /* -------------------------------------------------- */ /* Contact Us /* -------------------------------------------------- */ .contact-form .input-block, .comments-form .input-block { float: none; margin: 0 0 20px 0; } .contact-form input, .comments-form input, .contact-form textarea, .comments-form textarea { width: 398px; } /* -------------------------------------------------- */ /* Sidebar /* -------------------------------------------------- */ #sidebar { float: none; margin-top: 40px; width: 100%; } /* -------------------------------------------------- */ /* Footer /* -------------------------------------------------- */ .not-ie #footer .container:after { top: -56px; } .accueil_2 { float: left; width: 100%; padding-top: 20px; } .accueil_3 { float: left; width: 90%; } .accueil_0 { width: 100% } .au_centre { margin: 0 auto; width: auto; } .un_tiers { float: left; margin-right: 0; width: 100%; } .phare_accueil_image_couv { width: 100%; margin: 0 auto; } .phare_accueil_image_couv img { text-align: center } .accueil_2 .actualite_bloc_texte { float: left; width: 68%; } .encart_logo { float: left; width: 17%; } .phare_table { width: 100% } .encart_titre, .encart_texte { width: 148%; float: left; } .accueil_0 .encart_titre, .encart_texte { width: 80%; float: left; } } @media only screen and (min-width: 768px) and (max-width: 900px) { .specialites .swiper-container{width:80%;margin-left:20%} .tabs { width: 17%;position:fixed ;z-index:999; } .slide_contenu .degrade { width: 800px } .belles_encheres_accueil .encart_lot_block{width:22%} .footer_encart_live, .footer_encart_estimation, .footer_encart_newsletter { float: left;margin-right: 18px; width: 22%;} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { .footer_raccourcis .encart_logo{float:left;width:64px;margin:0;} .footer_raccourcis .clear{display:none} .footer_raccourcis .encart_titre, .footer_raccourcis .encart_texte{width:135px;} .footer_encart_live, .footer_encart_estimation, .footer_encart_newsletter { float: left;margin-right: 0px; width: 50%;} .specialites .swiper-container{width:100%} .tabs { width: 100%;position:unset ;z-index:999;margin-left:0% } .belles_encheres_accueil .encart_lot_block{width:35%} .slide_contenu .degrade { width: 400px } .degrade accueil_2 #portfolio-items article { /*border-top: 3px solid #000000;*/ margin-bottom: 10px; padding-right: 20px; overflow: hidden; } .specialites_un { float: left; width: 100%; margin-right: 0px } .specialites_deux { float: left; width: 100%; margin-right: 0px; } .un_tiers { float: left; margin-right: 0; width: 100%; } #wrapper #slidecaption h2 { font-size: 36px; line-height: 36px; } #wrapper #slidecaption { bottom: 30px; overflow: visible; position: absolute; text-align: left; text-shadow: none; width: 100%; } .fiche_responsive .picto_ordre, .fiche_responsive .picto_tel { background-color: #888; color: #FFFFFF; height: 16px; padding: 10px; text-align: center; font-weight: bold; width: 177px; } #portfolio-items article { margin-bottom: 10px; padding-right: 20px; } .portfolio-pagination { float: left; margin: 0px 0 0; display: block; } .estimation_ordre { float: left; margin-left: 10px; width: 20%; } .droite { margin-top: 20px; } .info_vente { width: 100%; !important; margin-top: 20px; } .picto_mobile { display: none; !important; /* visibility:show;*/} .infos_vente_droite { float: left; margin-top: 10px; } .droite_catalogue { text-align: left; } .couv_catalogue { height: 175px; } .gauche { float: left; width: 100%; } .droite { float: left; width: 100%; } /* -------------------------------------------------- */ /* Wrap /* -------------------------------------------------- */ .container { width: 420px; } /* ---------------------------------------- */ /* Columns /* ---------------------------------------- */ .one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-one { float: none; margin-right: 0; } .one-half, #main .one-half { width: 420px; } .one-third, #main .one-third { width: 420px; } .two-third, #main .two-third { width: 420px; } .one-fourth, #main .one-fourth { /*width: 420px;*/ width: 200px; overflow: hidden; } .three-fourth, #main .three-fourth { width: 420px; } .one-one, #main .one-one { width: 420px; } /* -------------------------------------------------- */ /* Home /* -------------------------------------------------- */ /* ---------------------------------------- */ /* Projects Carousel & Post Carousel /* ---------------------------------------- */ .projects-carousel > li, .post-carousel > li { width: 200px; } /* ---------------------------------------- */ /* Post Carousel /* ---------------------------------------- */ .post-carousel .entry-body { width: 155px; } /* -------------------------------------------------- */ /* Blog > Comments /* -------------------------------------------------- */ .comment .comment-body, .comment .comment-meta { width: 351px; } .comment .children .comment-body, .comment .children .comment-meta { width: 281px; } /* -------------------------------------------------- */ /* Contact Us /* -------------------------------------------------- */ #map { height: 240px; } /* ---------------------------------------- */ /* Contact Info /* ---------------------------------------- */ .contact-info { margin-bottom: 20px; } /* ---------------------------------------- */ /* Social Links /* ---------------------------------------- */ .social-links li:nth-child(12n+1) { margin-left: 0; } .social-links li:nth-child(12n) { margin-right: 15px; } #wrapper #slidecaption h2 { font-size: 26px; line-height: 26px; } #wrapper #slidecaption { bottom: 30px; overflow: visible; position: absolute; text-align: left; text-shadow: none; width: 100%; } .actualites.degrade.accueil_2.no_margin .three-fourth { float: none; width: auto; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .footer_raccourcis .encart_logo{float:left;width:64px;margin:0;} .footer_raccourcis .clear{display:none} .footer_raccourcis .encart_titre, .footer_raccourcis .encart_texte{width:135px;} .footer_encart_live, .footer_encart_estimation, .footer_encart_newsletter { float: left;margin-right: 0px; width: 100%;} .calendrier #portfolio-items { margin: 0 -20px 40px 0; width: 300px; } .calendrier select { margin-bottom: 10px; } .accueil_2 .actualite_bloc_texte { float: left; width: 58%; } .langue_texte { display: none } .degrade accueil_2 #portfolio-items article { width: auto } .specialites_un { float: left; width: 100%; margin-right: 0px } .specialites_deux { float: left; width: 100%; margin-right: 0px; } .accueil #main-nav { margin: 0px 10px 0px 10px; padding-top: 10px; } .accueil .bande_noire { margin-top: 2px; } #wrapper #slidecaption h2 { font-size: 20px; line-height: 20px; } #wrapper #slidecaption { bottom: 30px; overflow: visible; position: absolute; text-align: left; text-shadow: none; width: 100%; } .catalogue_img img { padding-left: 0px; max-width: auto; } .portfolio-pagination { float: left; margin: 0px 0 0; display: block; } .estimation_ordre { float: left; margin-left: 10px; width: 100%; } .info_vente { margin-top: 20px; width: 100%; } .droite { margin-top: 20px; } .picto_mobile { display: none; !important; } .couv_catalogue { height: 175px; } #logo img { width: 250px; } .droite_catalogue { text-align: left; } /* -------------------------------------------------- */ /* Header > Main Navigation /* -------------------------------------------------- */ #main-nav li { width: 100%; } #main-nav a { padding: 18px; } #main-nav a:after, #main-nav > ul { display: none; } #main-nav a:after { content: ''; } .no-js #main-nav > ul, #main-nav .responsive-nav { display: block; } .no-js #main-nav li:hover > ul { top: 62px; } /* -------------------------------------------------- */ /* Home /* -------------------------------------------------- */ /* ---------------------------------------- */ /* Simple Pricing Table /* ---------------------------------------- */ .simple-pricing-table .column { width: 298px !important; } .simple-pricing-table .column.featured { margin-top: 0; width: 288px !important; } /* ---------------------------------------- */ /* Projects Carousel /* ---------------------------------------- */ .projects-carousel > li, .post-carousel > li { width: 300px; } /* ---------------------------------------- */ /* Post Carousel /* ---------------------------------------- */ .post-carousel .entry-body { width: 255px; } /* -------------------------------------------------- */ /* Blog /* -------------------------------------------------- */ .hentry .entry-meta li { width: 82px; } .hentry .entry-meta li:nth-child(1), .hentry .entry-meta li:nth-child(2), .hentry .entry-meta li:nth-child(3) { border-bottom: 1px solid #efefef; margin-bottom: 4px; padding-bottom: 4px; } .hentry .entry-meta li:nth-child(3) { padding-right: 0; } .hentry .entry-meta li:nth-child(4) { border-left: none; padding-left: 0; } /* ---------------------------------------- */ /* Comments /* ---------------------------------------- */ .comment .avatar { margin-bottom: 10px; } .comment .comment-meta { margin-top: 5px; width: 231px; } .comment .author, .comment .author a { margin-top: 5px; } .comment .comment-body { clear: both; float: none; margin-left: 0; margin-top: 20px; width: 100%; } .comment .children .comment-meta { width: 161px; } /* -------------------------------------------------- */ /* Contact Us /* -------------------------------------------------- */ #map { height: 140px; } .contact-form input, .comments-form input, .contact-form textarea, .comments-form textarea { width: 278px; } /* -------------------------------------------------- */ /* Footer /* -------------------------------------------------- */ /* ---------------------------------------- */ /* Footer Navigation /* ---------------------------------------- */ #footer-nav li { border-top: 1px dotted #4b4b4b; padding: 5px 0; width: 100%; } #footer-nav li:first-child { border-top: none; } #footer-nav li a { border: none; padding: 0; } /* ---------------------------------------- */ /* Contact Info /* ---------------------------------------- */ .contact-info { margin-bottom: 20px; } /* ---------------------------------------- */ /* Social Links /* ---------------------------------------- */ .social-links li:nth-child(8n+1) { margin-left: 0; } .social-links li:nth-child(8n) { margin-right: 15px; } .accueil_2 .actualite_bloc_texte { float: left; width: 88%; } .actualites.degrade.accueil_2.no_margin .three-fourth { width: 310px; float: left } } @media only screen and (width:10px) and (max-width: 479px) { .specialites .swiper-container{width:100%} .tabs { width: 100%;position:unset ;z-index:999;margin-left:0% } .belles_encheres_accueil .encart_lot_block{width:100%} .calendrier #portfolio-items { margin: 0 -20px 40px 0; width: 200px; } .slide_contenu .degrade { width: 200px; } } .accueil_0 .couverture_photo { text-align: center; margin-top: -10px; } .encart_texte { font-family: 'Archivo Narrow', sans-serif; font-size: 12px; line-height: 12px; float: left; width: 122px; } .encart_texte2 { font-family: 'Archivo Narrow', sans-serif; font-size: 13px; line-height: 13px; width: 340px; } .encart_titre { font-family: 'Archivo Narrow', sans-serif; font-size: 17px; float: left; width: 150px; margin-top: 10px; margin-bottom: 4px; font-weight: 700; color: #000 } .calendrier_droite .encart_titre2 { font-size: 18px; font-weight: 700; line-height: 18px; } .encart_titre2 { color: #000; float: left; font-family: "Raleway", sans-serif; font-size: 18px; font-weight: 700; line-height: 19px; margin-bottom: 4px; margin-top: 17px; width: 72%; } .encart_texte3 { float: left; margin-left: 83px; margin-top: -30px; font-family: 'Archivo Narrow', sans-serif; font-size: 13px; line-height: 13px; } .encart_logo { width: 23%;float:left; } .separation_accueil { border-bottom: 1px solid #000; margin: 0px 0 10px 0; width: 100%; float: left; } a.encart { color: #000; text-decoration: none } .calendrier_droite .encart_logo { width: 80px; } .phare_accueil_date { } .phare_accueil_vente_nom { padding-top: 5px; font-family: 'Archivo Narrow', sans-serif; font-size: 15px; font-weight:700; line-height: 16px; padding-bottom: 5px; text-transform: uppercase; margin-left: 5px; float: left; margin-right: 5px; color: #142550; } .phare_catalogue { /*display: none*/ } .phare_lots { margin-left: 5px; } .phare_live { margin-left: 5px; } .phare_accueil_image_couv { margin-left: 4px; text-align: center; margin-bottom: 5px; } .phare_accueil_date { text-transform: capitalize; } .encart_newsletter, .encart_live, .encart_estimation { float: left; width: 100%; } .accueil_2 #content { padding-top: 5px; } .accueil_2 .actualite_titre { margin-top: 6px; } .accueil_2 { /*margin-bottom: 0px;*/ padding-bottom: 0px; border-radius: 0 0 27px; } .specialites_deux .encart_texte2 { float: left; /*margin-left: 71px; margin-top: -57px;*/ width: 200px; } .calendrier_droite .encart_texte2 { float: left; margin-left: 81px; margin-top: -46px; width: 200px; } .actualites.degrade.accueil_2.no_margin .container { width: auto } .actualites.degrade.accueil_2.no_margin .three-fourth { width: 190px; float: left } .specialite_actualite { float: left; width: 300px; } .specialite_actualite .three-fourth { width: 200px } .liste_statique { margin-left: 20px; } h2.fadeInUp.animated { margin-bottom: 5px; background-color: rgba(255, 255, 255, 0.8); margin-left: 30px; text-align: left; padding: 5px; font-family: "Raleway", sans-serif; } .fadeInUp { float: left; margin-left: 30px; text-align: left; background-color: rgba(255, 255, 255, 0.8); padding: 5px; font-family: "Raleway", sans-serif; line-height: 19px; border-radius: 4px 0 12px; color: #000000; } .footer0 { background: none repeat scroll 0 0 #17354d; color: #ffffff; padding: 10px 0; width: 100%; float: left; } .accueil_2 .one-one { width: 100% } .accueil_0 img { max-width: 170px;border-radius:4px; } .belles_encheres_accueil{float:left;width:100%; background: none repeat scroll 0 0 #f8f8f8; border-radius: 0 0 27px;} .belles_encheres_accueil .encart_lot_description {display:none;} .belles_encheres_accueil .encart_lot_texte{width:100%} .belles_encheres_accueil .encart_lot_resultat{display:block} .belles_encheres_accueil .encart_lot_photo {height: 106px;} .accueil_0 .degrade{border-radius:4px 0 27px 0} .encart_lot_photo img {border-radius: 4px 0 27px;} /* =============================================================== SLIDE TAB ================================================================*/ .swiper-container {height:auto; margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* Fix of Webkit flickering */z-index: 1; } .swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px, 0, 0); transition-timing-function: ease; } .swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { float: left; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; } .specialites .swiper-container{} .tabs { } .tabs a { line-height: 16px;;margin-bottom: 5px;background: none repeat scroll 0 0 #000000; border-radius: 2px; color: #ffffff; cursor: default; font-family: "Raleway",sans-serif; font-size: 14px; font-weight: 500; padding: 10px; text-transform: uppercase;float: left;margin-right:5px} .tabs a.active { color: #000; background: #f0d929;} .swiper-container { /*border-radius: 0 0 5px 5px;*/ width: 100%; border-top: 0; } .swiper-slide { /*height: 250px;*/width: 100%; background: none; color: #000;height:auto } .content-slide { /*padding: 40px;*/ } .retour_ligne{clear: both;margin-top:20px} .tabs_link{float:left} .content-slide{margin-left:20px;} .etape{float:left;width:100%} .pastille{background: #fff url(../images/etapes.png);float:left;height:60px;width:60px;background-repeat:no-repeat} .pastille.etape_0{background-position:-101px -680px;} .pastille.etape_1{background-position:1px -68px;} .pastille.etape_2{background-position:-59px -68px;} .pastille.etape_3{background-position:-119px -68px;} .etape .titre_equipe {margin-left:-20px;margin-top: 10px;} .bt_formulaire{border-radius:4px;background:#2daae1;margin:20px 0;float:left;padding:10px;color:#fff} .bt_formulaire:hover{background:#17354d;color:#fff;text-decoration:none} a.bt_formulaire {color:#fff}