/* * Theme MBS for Drupal 7 * By iPika * MAJ : 02/07/2016 */ /* ------ COMMON ------ */ body { height: 100%; margin: 0; padding: 0; color: #444; font: 90%/1.45em arial,sans-serif; background: #FFF } p { margin: 0 0 .8em } li { margin: 0 } .fl-r { float: right } .fl-l { float: left } .clear { clear: both } a, .txt-red { color: #B70A1B; text-decoration: none } a:hover { color: #EB0A21; text-decoration: underline } hr { clear: both; margin: 10px 0 } #edit-actions a:hover { text-decoration: none } .bloc-link a { z-index: 3; position: absolute; top: 0; left: 0; width: 100%; height: 100% } /* ------ STRUCTURE ------ */ #wrapper { position: relative; overflow: hidden; min-width: 1140px } /*.front #wrapper { background: #000 url("../img/bkg/anniversaire.png") center top no-repeat } nom de l'image: link-.png si lien avec bannière 468x60 '*/ #header { width: 100% } #header-inner { position: relative; z-index: 2; width: 1140px; height: 120px; margin: 0 auto; border-bottom: 1px solid #000 } #page { z-index: 1; position: relative; top: 20px; width: 1140px; margin: -20px auto 0; padding: 0 5px 5px; background: #353535; border-radius: 0 0 8px 8px } #page-inner { overflow: hidden; width: 100%; min-height: 400px; margin: 0 auto; padding: 10px; background: #FFF } #column-main { float: left; width: 800px; margin-right: 30px } #column-right { float: left; width: 270px } #column { overflow: hidden; margin: 20px 65px; padding: 15px 75px 20px 75px; background: #EFEFEF; color: #333; border-radius: 8px } /* ------ HEADER ------ */ #logo { float: left; width: 290px; height: 75px; margin-right: 20px; } #logo img { display: block; width: 100%; max-width: 290px; height: auto } .header-info { float: left; width: 550px; height: 60px } #claim { overflow: hidden; width: 468px; height: 60px; padding: 0; margin: 7px auto 0 } .claim-word { float: left; width: 116px; padding-left: 20px; background: url("../img/icons/arrow-claim.png") no-repeat left center } .claim-verbe { display: block; color: #c2c2c3; font: normal bold 1.3em Garamond, serif; text-transform: uppercase } .claim-adj { display: block; color: #909091; font-family: "HelveticaNeueLTStd45Light"; text-transform: capitalize } #account { position: relative; float: right; width: 280px; height: 75px; text-align: right } .pane-fboauth-login { margin-top: 10px } .facebook-action-connect img { display: none } a.facebook-action-connect { display: inline-block; width: 100px; height: 27px; background: url("../img/icons/f-connect.svg") no-repeat right 0 / 100px auto } .logged-in #account .account-content { position: relative; height: 75px } .logged-in #account .account-content a, .not-logged-in #account a.link-account { position: relative; display: inline-block; padding: 0 10px 0 35px; margin-left: 5px; color: #EEE; font: .9em/25px arial,sans-serif; background: #3e3e3e; vertical-align: top; } .logged-in #account .account-content a:hover, .not-logged-in #account a.link-account:hover { color: #FFF; text-decoration: none } .logged-in #account a.link-account-logout { padding: 0 16px; font-size: 0 } .logged-in #account a:after, #account a.link-account:after { position: absolute; left: 8px; top: 0; font: normal 18px/25px fontello } .logged-in #account a.link-account-profil:after { content: "\E831"; font-size: 15px } .link-account:after { content: "\E82F" } .not-logged-in #account a.link-account:after { content: "\E831"; font-size: 15px } .link-account-logout:after { content: "\E810" } #account div.contextual-links-wrapper { bottom: 0; top: auto } /* ------ MENU ------ */ #menu { clear: both; overflow: hidden; height: 45px; background: transparent url("../img/bkg/menu_bkg.png") 0 0 repeat-x; border-radius: 8px 8px 0 0; text-align: center; letter-spacing: .03em } #menu ul { display: table; width: 100% } #main-menu li { display: table-cell; margin: 0; padding: 0; vertical-align: top; font: bold 1.25em/45px Garamond, serif; } #main-menu a { position: relative; display: block; margin: 0; padding: 0 5px; color: #CCC; text-decoration: none; text-shadow: 1px 1px 2px #000 } #main-menu a:before { position: absolute; top: 0; right: 0; width: 2px; height: 45px; background: transparent url("../img/bkg/menu_division.png") 0 center no-repeat; content: "" } #main-menu li.menu-27985 { background: transparent url("../img/bkg/menu_bkg-on.png") 0 0 repeat-x; text-shadow: 2px 2px 2px #340100 } #main-menu li.menu-27985 a { color: #FFF } #main-menu li.active-trail, #main-menu li.active { border-top: 2px solid #4A4D50; line-height: 43px; background: #FFF } #main-menu li.active-trail a , #main-menu li.active a, #main-menu li.active-trail:hover a , #main-menu li.active:hover a { color: #444; font-weight: bold; text-shadow: 0 0 0 #FFF } #main-menu li.first:hover, #main-menu li.first.active-trail, #main-menu li.first.active { border-radius: 8px 0 0 0 } #main-menu li.first { margin: 0 } #main-menu li.first a { padding: 0 5px; background: none } #main-menu li:hover a { color: #FFF } #main-menu li.menu-863 a { font-size: 0 } #main-menu li.first .link-account:after { position: absolute; left: 15px; top: 0; font: normal 18px/45px fontello; content: "\E831"; font-size: 15px; color: #FFF } #main-menu li.first .link-account { position: relative; padding: 0 20px } #main-menu li:hover .link-account, #main-menu li.active-trail .link-account { } #main-menu li.last a { padding: 0px 5px 0px 50px } #main-menu li.last a:before { position: absolute; left: 16px; font-family: FontAwesome; font-size: 1.3em; content: "\f002"; background: none } #main-menu li.last a:after { position: absolute; left: 40px; top: 0; font-family: FontAwesome; font-size: 1em; content: "\f0dd"; font-weight: normal } #main-menu li.last:hover a:before, #main-menu li.last:hover a:after { color: #FFF } /* ------ SEARCH ------ */ #search { display: none; position: absolute; top: 121px; right: 0; padding: 10px; background: #171717; box-shadow: -2px 3px 10px #000; border-radius: 0 0 3px 3px } .page-author-list #search { display: block } #search input[type=text] { float: left; width: 235px; height: 35px; margin: 0; padding: 3px 7px; border: 2px solid #464646; color: #444; font-size: .9em; background-color: #F0F0F0; border-radius: 3px } #search .form-item, #search #edit-actions { float: left; } #search input[type=submit] { position: relative; z-index: 2; float: left; clear: none; width: 36px; height: 35px; margin: 0 0 0 -7px; padding: 0; border: 2px solid #464646; border-left: 0; border-radius: 0 3px 3px 0; text-transform: uppercase; cursor: pointer } /* ------ GLOBAL ------ */ #column li { padding: 0 0 15px 20px; background: transparent url("../img/icons/kr-red.png") 0 7px no-repeat } #column ol li { padding: 0 0 15px; background: none; list-style-type: decimal } .block-info { clear: both; overflow: hidden; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #AAA } .block-info.last { clear: both; overflow: hidden; border-bottom: 0; margin-bottom: 0; padding-bottom: 0 } .block-info-image { float: left; width: 190px; margin-right: 20px } .block-info-content { float: left; width: 450px; padding: 25px 0 0; } .paragraphs-items .field-name-field-video, .paragraphs-item-image img { float: left; margin: 0 15px 5px 0; } .paragraphs-item-interview .field-label { display: none } .field-name-field-para-question { position: relative; margin: 0 0 5px; font-weight: bold; font-size: 1.05em } .field-type-paragraphs .field-name-field-para-question p { margin: 0 } .field-name-field-para-question:before { float: left; content: ""; width: 35px; height: 18px; margin: 3px 10px 0 0; background: url("../img/icons/blog-question.png") no-repeat 0 0 } .field-name-field-para-answer { position: relative; margin: 0 0 25px } .field-name-field-para-answer:before { float: left; content: ">"; color: #B70A1B; margin-right: 5px; font-weight: bold; } .forthcoming { z-index: 1; position: absolute; top: 47px; left: 250px; width: 530px; height: 16px; padding: 18px 100px; font-size: 1.6em; color: #AAA; text-transform: uppercase; background: transparent url("../img/bkg/ray.png") 0 0 repeat } .paragraph { margin-bottom: 30px } h2.basic-page { margin: 0 -20px 10px; padding: 5px 30px 5px 15px; font-size: 1.05em; color: #FFFFFF; font-weight: bold; font-family: arial,sans-serif; border: 0; background: #000 url("../img/bkg/ray.png") 0 0 repeat; text-transform: uppercase; border-radius: 3px } #camif { position: relative; top: -35px; left: -10px; width: 1120px; height: 625px } .camif-content { position: relative; width: 1120px; height: 650px } /* ------ TITLE ------ */ h1 { margin: 0 0 8px; font: normal 1.7em/1em arial,sans-serif } .title { height: 60px; margin: 0 0 15px 0 } .title-block { position: absolute; top: 40px; left: -10px; background: transparent url("../img/bkg/h1_left.png") 0 0 no-repeat } .title h1 { position: relative; z-index: 2; float: left; margin: 7px 0 0 0; padding: 0; font-family: Garamond, serif; font-size: 1.6em; font-weight: bold; color : #FFF; line-height: 1em; text-shadow: 2px 2px 2px #000 } .title h1 span { display: block; margin: 0 30px 0 11px; padding: 14px 30px 16px 20px; background: transparent url("../img/bkg/h1_bkg.png") 0 0 repeat-x } h2 { margin: 0 0 12px; padding: 7px 0; font: bold 1.4em/1.0em Garamond,serif; border-bottom: 1px solid } #column-right .pane-title, #book-right .pane-title, #profil-right .pane-title { margin: 0 -10px 12px 0; padding: 7px 10px; font: bold 1.9em/1em Garamond, serif; color: #444; border-bottom: 1px solid } #column h2 span.step { float: right; font-size: .65em; font-family: arial,sans-serif } h3 { margin: 0 0 5px; font: bold 1.2em/1em arial,sans-serif; color: #FFF } h4 { margin: 0 0 5px; font: bold 1.05em/1em arial,sans-serif; color: #333 } /* ------ STATS STAR ------ */ .fivestar-combo-stars .fivestar-static-form-item { float: left; margin: 0 } #block-mbs-book-book-stats .fivestar-widget-static { width: 110px } .fivestar-combo-stars .note { float: right } .fivestar-combo-stars .form-type-select.form-item-vote { float: right; width: 225px; } div.fivestar-widget { float: right } .fivestars-action { float: right } /*.mbs-note, .fivestar-user-stars a { float: right; margin-left: 10px; font-style: italic; font-size: .9em; color: #F7B901 } .mbs-note:hover { text-decoration: underline }*/ .fivestar-mbs div.fivestar-widget .cancel, .fivestar-mbs div.fivestar-widget .star { width: 30px; height: 30px } .fivestar-mbs div.fivestar-widget .star, .fivestar-mbs div.fivestar-widget .star a { position: relative; background: none } .fivestar-mbs div.fivestar-widget .star a:after { position: absolute; left: 0; top: 0; width: 30px; font: normal 2em/30px fontello; text-align: center; content: "\E816"; color: #555; text-indent: 0; } .fivestar-mbs div.fivestar-widget div.on a:after { content: "\E81B"; color: #FCB810 } .fivestar-mbs div.fivestar-widget div.hover a:after { content: "\E81B"; color: red } .fivestar-mbs div.fivestar-widget div.on a, .fivestar-mbs div.fivestar-widget .star, .fivestar-mbs div.fivestar-widget .star a { background: none } #cboxWrapper .fivestar-mbs { margin-bottom: 10px } #edit-field-mbs-vote-body { clear: both } #cboxWrapper .form-type-fivestar label { float: left; margin: 5px 5px 5px 0 } #cboxWrapper div.fivestar-widget { float: left; padding: 5px; } #cboxWrapper #mbs-vote-form input[type="submit"] { margin: 0 } /* ------ Stats-Author ------ */ #block-mbs-book-book-stats { position: relative; margin-bottom: 20px } .book-stats-block { padding: 5px 10px; border-bottom: 1px dotted #999 } .book-stats .stat-value { display: inline-block; width: 25px; margin: 0 15px; padding: 0 0 0 35px; font-weight: bold; color: #FFF; text-align: center } .book-stats .block-progression .stat-value { background: url("../img/icons/rating-evolution.png") 0 center no-repeat } .book-stats .block-position .stat-value { background: url("../img/icons/rating-podium.png") 0 center no-repeat } .book-stats .block-view .stat-value { background: url("../img/icons/rating-view.png") 0 center no-repeat } .book-stats .block-library .stat-value { background: url("../img/icons/library.png") 0 center no-repeat } .block-progression.plus .stat-value { color: #18b301 } .block-progression.less .stat-value { color: #ff4343 } /* ------ FAQ ------ */ .question-block { padding: 12px 10px 4px; border-bottom: 1px dotted #888 } .question-block:hover { background: #EEE; cursor: pointer } .question-block.active { background: #FFF; cursor: default } h2.question { margin: 0; padding: 0 22px 8px 45px; color: #333; font: bold 1em/1.2em arial,sans-serif; border: 0; background: transparent url("../img/icons/arrow-slide_off.png") right 0 no-repeat } .question-block.active .question { background: transparent url("../img/icons/arrow-slide_on.png") right 0 no-repeat } .question-number { float: left; width: 45px; padding-right: 10px; color: #FFF; background: transparent url("../img/icons/number_bkg.png") 1px 0 no-repeat; text-align: center } .question-reply { clear: both; margin: 0 30px 0 45px; color: #444 } .question-reply p { margin-bottom: 8px } /* ------ FEEDBACK ------ */ #block-feedback-form { right: 0 } #block-feedback-form h2 { min-width: 180px; margin: 0 0 10px; font-size: 18px; font-weight: bold } #block-feedback-form .feedback-link { font-size: inherit } #block-feedback-form label { color: #888 } .feedback-messages, .feedback-help { color: #333 } #block-feedback-form .feedback-submitted { margin: 12px 0 3px; border-bottom: 1px dotted #333 } .browserinfo { font-size: .85em; font-style: italic } .feedback-body { margin-bottom: 12px } #block-feedback-form .feedback-help { font-size: 1em } #block-feedback-form form { padding: 10px; background-color: #FFF; border: 1px solid #CCC; opacity: 1 } #block-feedback-form form textarea { width: 280px; margin: 0 0 10px } #block-feedback-form .feedback-message { height: 170px; margin-bottom: 0 } /* ------ Abus ------ */ #block-abuse { padding: 10px; } #block-abuse h2 { margin: 0; padding: 5px 10px 0; font-size: 1.4em; background: #FFF; color: #242424; text-align: left; border: 0 } #block-abuse .introduction { margin: 0 0 20px } #block-abuse label { color: #555 } #block-abuse form { width: 500px; padding: 10px; background: #FFF; opacity: 1 } #block-abuse form textarea { width: 480px; margin: 0 0 10px } #block-mbs-abuse-abuse {float: right} #block-abuse .form-radios { margin-bottom: 30px } #block-abuse .form-radios label {margin: 0 25px 10px; display: block} #block-abuse .form-radios input, #block-abuse div.radio { float: left } span.abuse-icon { background: url("../img/icons/abuse-big.png") no-repeat scroll transparent; width: 50px; height: 42px; display: block; float: left; padding-right: 10px;} span#abuse-close { position: absolute; top: 0; right: 0; background: url("../img/icons/arrow-close.png") no-repeat scroll transparent; width: 30px; height: 30px; font-size: 0; cursor: pointer } /* ------ REFONTE ------ *//* ------ REFONTE ------ *//* ------ REFONTE ------ *//* ------ REFONTE ------ *//* ------ REFONTE ------ *//* ------ REFONTE ------ *//* ------ REFONTE ------ *//* ------ REFONTE ------ *//* ------ REFONTE ------ *//* ------ REFONTE ------ *//* ------ REFONTE ------ *//* ------ REFONTE ------ *//* ------ REFONTE ------ *//* ------ REFONTE ------ *//* ------ REFONTE ------ *//* ------ REFONTE ------ *//* ------ REFONTE ------ *//* ------ REFONTE ------ *//* ------ REFONTE ------ *//* ------ REFONTE ------ *//* ------ REFONTE ------ *//* ------ REFONTE ------ *//* ------ REFONTE ------ *//* ------ REFONTE ------ *//* ------ REFONTE ------ *//* ------ REFONTE ------ *//* ------ REFONTE ------ *//* ------ REFONTE ------ *//* ------ REFONTE ------ *//* ------ REFONTE ------ *//* ------ REFONTE ------ *//* ------ REFONTE ------ *//* ------ REFONTE ------ *//* ------ REFONTE ------ */ /* ****************************** */ /* ******** ICONS STATS ******** */ /* ****************************** */ /* ------ Filtre ------ */ #wob-tabs li a:before { position: absolute; top: 0; left: 9px; font: normal 1.5em/31px fontello } .tab-hit a:before { content: "\E821" } #wob-tabs li.tab-newness a:before, #author-result-sort li.tab-newness a:before { content: ""; width: 21px; height: 21px; top: 4px; background: url(../img/icons/rating-new.png) no-repeat 0 0 } /*.tab-vote a:before { content: "\E81B" }*/ .tab-prems a:before, #wob-tabs .tab-prems a:before { content: "\E825"; font: 1.3em/31px fontello } .tab-progress a:before { content: "\E824" } .tab-top a:before, #wob-tabs .tab-top a:before { content: "\E807"; font: 1.3em/31px fontello } /* ------ Book ------ */ .item-stats-icon:before { position: absolute; top: 0; left: 0; width: 60px; font: normal 2.6em/60px fontello; text-align: center } .item-rank .item-stats-icon:before { content: "\E821" } .item-mark .item-stats-icon:before { content: "\E81B" } .item-view .item-stats-icon:before { content: "\E815" } .item-libraries .item-stats-icon:before { content: "\E81E" } .item-progression .item-stats-icon:before { content: "\E824" } .library-add a, .library-remove a { position: absolute; right: 45px; top: 60px; width: 25px; height: 25px; text-decoration: none } #book-rating .library-add a:before, #book-rating .library-remove a:before { position: absolute; top: 0; right: 0; font-family: FontAwesome; font-size: 2em; font-weight: normal; border-radius: 50%; background: #FFF } #book-rating .library-add a:before { content: "\f055"; color: #18b301 } #book-rating .library-remove a:before { content: "\f057"; color: red } /* ****************************** */ /* ********** LIST BOOK ********** */ /* ****************************** */ #author-search { clear: both } #author-search #news-hightlight { position: relative; width: 100%; margin: 3px 0 25px } #author-search #news-hightlight .news-focus { width: 462px !important; } #author-search #news-hightlight .news-focus .news-focus-image { width: 50% } #author-search #news-hightlight .news-focus .news-focus-content { width: 50% } #filter-author { z-index: 1; float: left; position: relative; padding: 20px; background: #EFEFEF } /* ------ Headlight ------ */ #headlight { overflow: hidden; padding: 15px; margin: 0 -10px 25px; background: #353535 } .headlight-title { margin: 0 0 10px 5px; font: 1.15em/1em arial,sans-serif; color: #FFF; text-transform: uppercase } #headlight .format-L { float: left; overflow: hidden; height: 160px; } #headlight .book { display: none; float: left; margin-right: 15px } #headlight .book:nth-child(-n+8) { display: block } #headlight .book:last-child { margin-right: 30px } #headlight .news-focus { float: right; overflow: hidden; width: 420px; height: 160px; border: 4px solid #e7e7e7; background: #e7e7e7 } #headlight .news-focus-bloc { overflow: hidden; width: 360px; height: 152px; background: none; } #headlight .news-focus-image { position: relative; overflow: hidden; width: 152px; height: 152px; margin-right: 10px } #headlight .news-focus-image img { position: absolute; height: 100%; width: auto; transform: translate(-25%, 0); -moz-transform: translate(-25%, 0); -o-transform: translate(-25%, 0); -webkit-transform: translate(-25%, 0); -ms-transform: translate(-25%, 0) } #headlight .news-focus-content { width: 250px; padding: 0 } #headlight .news-focus-genre { color: #353535 } #headlight .news-focus-title { font-size: 1.3em } #headlight .news-focus-content a { color: #353535 } #headlight .news-focus-control { width: auto; left: auto; right: 0; bottom: 0; background: none } #headlight .news-focus-control li { background: #353535 } #headlight .news-focus-control li.active { background: #E40814 } /* ------ Search ------ */ .filter-author-title { float: left; font: 1.2em/1em arial,sans-serif; color: #444; text-transform: uppercase } #-mbs-book-books-search-form { float: right; margin-bottom: 15px } #-mbs-book-books-search-form input[type=text] { float: left; width: 235px; height: 35px; margin: 0; padding: 3px 7px; border: 2px solid #464646; color: #444; font-size: .9em; background-color: #FFF; border-radius: 3px } #-mbs-book-books-search-form .form-item, #-mbs-book-books-search-form #edit-actions { float: left; } #-mbs-book-books-search-form input[type=submit] { position: relative; z-index: 2; float: left; clear: none; width: 36px; height: 35px; margin: 0 0 0 -7px; padding: 0; border: 2px solid #464646; border-left: 0; border-radius: 0 3px 3px 0; text-transform: uppercase; cursor: pointer } /* ------ Menu / Level 1 ------ */ #filter-author-item { position: relative; z-index: 1; clear: both; display: block; float: left; width: 100%; margin: 0 0 20px } #filter-author-item ul { display: table; width: 100%; background: #292929 } #filter-author-item li { display: table-cell; border-right: 1px solid #292929; text-align: center; text-transform: uppercase } #filter-author-item li:last-child { border-right: none } #filter-author-item li a { position: relative; z-index: 0; display: block; height: 30px; padding: 6px 10px; color: #E1E1E1; text-shadow: 1px 1px 1px #000; text-decoration: none } #filter-author-item li.white a:hover, #filter-author-item li.white a.active { color: #333; text-shadow: 1px 1px 1px #FFF } #filter-author-item li a:before { position: absolute; z-index: -1; content: ""; bottom: 0; left: 0; width: 100%; height: 1px; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s } #filter-author-item li:hover a:before { height: 30px; } /* ------ Menu / Level 2 ------ */ #filter-author-item ul ul { display: none } #filter-author-item ul li:hover ul { display: block; position: absolute; width: auto; border-left: 3px solid } #filter-author-item ul ul li { display: block; text-align: left } #filter-author-item ul ul li a { font-size: 0.9em; color: #BBB; text-shadow: none } #filter-author-item ul ul li a.active { cursor: default } #filter-author-item ul ul li:hover a { color: #FFF; background: rgba(205, 170, 3,.1) } #author-search #filter-author-item ul ul li a:before { background: none } /* ------ Desc ------ */ #filter-author h2 { margin-bottom: 10px; color: #444 } #filter-author h3 { color: #444 } .filter-item-desc { position: relative; float: left; width: 75%; padding: 0 30px 25px 10px; border-left: 10px solid } .item-desc-content { overflow: hidden; height: auto } .filter-item-desc.close .item-desc-content { overflow: hidden; height: 190px; line-height: 1.4em } .filter-item-desc.close:before { position: absolute; bottom: 0; left: 10px; content: ""; width: 100%; height: 145px; background: -moz-linear-gradient(top, rgba(239,239,239,0) 0%, rgba(239,239,239,1) 60%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,0)), color-stop(60%,rgba(239,239,239,1))); background: -webkit-linear-gradient(top, rgba(239,239,239,0) 0%,rgba(239,239,239,1) 60%); background: -o-linear-gradient(top, rgba(239,239,239,0) 0%,rgba(239,239,239,1) 60%); background: -ms-linear-gradient(top, rgba(239,239,239,0) 0%,rgba(239,239,239,1) 60%); background: linear-gradient(to bottom, rgba(239,239,239,0) 0%,rgba(239,239,239,1) 60%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00181818', endColorstr='#181818',GradientType=0 ) } .filter-item-desc h2 { padding: 0; margin: 25px 0 5px; font-size: 1.6em; border: 0; line-height: 1.2em } .filter-item-desc h2:first-child { margin: 0 0 5px } .item-desc-link { position: relative; cursor: pointer } .item-desc-link span:before { position: absolute; left: 0; top: -5px; font-family: FontAwesome; font-size: 1.5em; content: "\f13a"; font-weight: normal } .item-desc-link:hover span:before { top: -3px } .open .item-desc-link span:before { content: "\f139" } .author-filter-subitem { float: right; width: 25%; border-left: 2px solid } .author-filter-subitem li { text-transform: uppercase } .author-filter-subitem li a { display: block; padding: 3px 10px; font-size: 0.9em; color: #444; text-decoration: none } .author-filter-subitem li a:hover, .author-filter-subitem li a.active { color: #444 } .author-filter-subitem li a.active { cursor: default } /* ------ Tri ------ */ ul#author-result-sort { display: table; width: 100%; margin: 0 0 15px } #author-result-sort li { display: table-cell; text-align: center } #author-result-sort li a { position: relative; display: inline-block; padding: 5px 20px 5px 40px; font-weight: bold; color: #FFF; background: #9c9c9c; border: 1px solid #FFF; border-radius: 5px; text-decoration: none } #author-result-sort li a:before { position: absolute; top: 0; left: 9px; font: normal 1.5em/31px fontello } #author-result-sort li.tab-top a:before, #author-result-sort li.tab-prems a:before { font: normal 1.3em/31px fontello } #author-result-sort li:hover a { background: #757575 } #author-result-sort li.active a { background: #575757 } /* ------ Tableau ------ */ #author-result { float: left; clear: both; overflow: hidden; width: 100%; padding: 15px 20px; margin: 20px 0 0; color: #333; background: #EFEFEF } .author-result-label { margin-bottom: 15px; font-size: 1.15em; color: #696969; text-transform: uppercase; text-align: center } #author-result table { border: 3px solid #FFF; border-collapse: separate; border-spacing: 0 } #author-result table.sticky-header { border-bottom: 0 } #author-result tr th { padding: 8px 20px; color: #FFF; background: #434343; font-size: .8em; text-transform: uppercase; text-align: left; cursor: default; box-sizing: content-box } #author-result th.item-rank, #author-result th.item-view, #author-result th.item-progression, #author-result th.item-mark { padding: 8px 5px; text-align: center; box-sizing: content-box; } #author-result th.item-rank, #author-result td.item-rank { min-width: 65px } #author-result td { padding: 5px 20px; word-break: break-all; } #author-result td.author-list-book { padding: 5px 20px 5px 25px; border-top: transparent 1px solid; border-bottom: transparent 1px solid; } #author-result td.item-rank, #author-result td.item-view, #author-result td.item-progression, #author-result td.item-mark { padding: 2px 20px } #author-result td.item-mark { padding: 2px 12px } #author-result tr.odd { background:#FFF } #author-result tr.even { background:#EEE } #author-result tr:hover { cursor: pointer } #author-result tr:hover td { border-top: red 1px solid; border-bottom: red 1px solid; } #author-list td.active, #author-list th.active, .sticky-header th.active { border-right: 3px solid red; border-left: 3px solid red; } #author-list tr:last-child td.active { border-bottom: 3px solid red } #author-list th.active, .sticky-header th.active { border-top: 3px solid red } #author-list a { color: #333; text-decoration: none } .author-list-book { position: relative; width: 30%; text-transform: lowercase; font-weight: bold } .author-list-book a { float: left } .author-list-book a:first-letter { text-transform: capitalize } .author-list-book.book-top:after { position: absolute; left: 6px; top: 5px; font-family: FontAwesome; font-size: 1em; color: #f90504; content: "\f004"; font-weight: normal } .author-list-book .book-extrait { display: block; padding: 0; margin-right: 10px; font-weight: normal; font-size: .8em; background: none; line-height: 1em; } .author-list-book .book-extrait:first-letter { text-transform: uppercase } .author-list-name { width: auto } .author-list-item { width: 20%; font-size: 0.9em; font-weight: bold; text-transform: uppercase } .author-list-subitem { font-weight: normal; text-transform: capitalize } .item-rank { width: 5%; text-align: right } .item-view { width: 7%; text-align: right } .item-progression { width: 5%; text-align: right } .item-mark { width: 7%; text-align: right } #author-list .item-progression .plus { color: #18b301 } #author-list .item-progression .less { color: #ff4343 } #author-list .item-progression .sign { left: -2px } /* **************************** */ /* *********** BOOK *********** */ /* **************************** */ .pane-books-toolbar { overflow: hidden; margin: -14px 0 20px } .pane-books-toolbar a { float: left; padding: 25px 10px 3px; margin: 0 4px 0 0; font-size: .8em; color: #FFF } .pane-books-toolbar a:hover { background-color: #d1091d; color: #FFF; text-decoration: none } .pane-books-toolbar a:nth-child(1) { background: #5F5F5F url(../img/icons/member-edit.png) no-repeat center 4px } .pane-books-toolbar a:nth-child(1):hover { background-color: #d1091d } .pane-books-toolbar a:nth-child(2) { background: #5F5F5F url(../img/icons/member-stats.png) no-repeat center 4px } .pane-books-toolbar a:nth-child(2):hover { background-color: #d1091d } .pane-books-toolbar a:nth-child(3) { background: #5F5F5F url(../img/icons/member-share.png) no-repeat center 4px } .pane-books-toolbar a:nth-child(3):hover { background-color: #d1091d } .pane-user-toolbar { overflow: hidden; margin: -19px 0 20px } .pane-user-toolbar a { float: left; padding: 25px 10px 3px; margin: 0 4px 0 0; font-size: .8em; color: #FFF } .pane-user-toolbar a:hover { background-color: #d1091d; color: #FFF; text-decoration: none } .pane-user-toolbar a:nth-child(1) { background: #5F5F5F url(../img/icons/member-edit.png) no-repeat center 4px } .pane-user-toolbar a:nth-child(1):hover { background-color: #d1091d } #book { position: relative; width: 1100px; color: #444 } #book-stats-info { display: none; position: absolute; bottom: 0; left: 0; width: 720px; height: 290px; background: url("../img/bkg/stats-info.png") 0 0 no-repeat } #book-left { float: left; width: 730px } #book-right { float: right; width: 360px } #book-right .gallery-wrapper { width: 100%; margin: 0 } #book-block { float: left; width: calc(100% + 10px); padding: 10px 15px 35px; margin: 0 0 30px -10px; background: #EFEFEF; border-radius: 0 8px 8px 0 } #book-block .book { width: 100% } #book-block-inner { overflow: hidden; width: 550px; padding: 10px 15px; margin: 0 0 25px -10px; background: #EFEFEF; border-bottom: 10px solid #C7C7C7; border-radius: 0 8px 8px 0 } #book-header { position: relative; padding-right: 50px; margin-bottom: 10px; color: #333 } .book-top #book-header:after { position: absolute; top: -10px; right: -10px; width: 60px; height: 40px; font-size: 0; border: 0; font: normal 1.2em/1.5em FontAwesome; color: #f90504; content: "\f004"; background: url("../img/icons/book-top.png") 0 0 no-repeat; text-align: center } #book-header h1 { display: inline; position: relative; clear: both; font-size: 1.7em; font-weight: bold; color: #333 } .book-item { display: inline-block; padding: 2px 10px; color: #FFF; text-shadow: 1px 1px 1px #000 } .book-item a { color: #FFF; text-shadow: 1px 1px 1px #000 } .book-extrait { display: inline-block; padding: 2px 10px; font-style: italic; background: #FFF; } #book-header a.book-author { color: #333; font-weight: bold } #book-show { float: left; width: 25% } #book-synopsis { float: left; width: 75%; padding-left: 15px; color: #444 } #book-synopsis span { display: block; font-size: 1.1em; font-weight: bold } #book-synopsis .book-reader { display: inline-block; font-weight: bold } .book-page { margin-left: 10px; color: #666; font-size: .85em; font-style: italic } .book-page:after { clear: both; display: block; content: ""; visibility: hidden; height: 0 } .book-date { margin-top: 3px; color: #666; font: 700 italic .85em/1.2em arial,sans-serif } .book-reader { font-weight: bold } #book-links { margin-top: 15px } #book-links .btn, #book-links .btn-amazon { display: inline-block; margin: 5px 5px 0 0; vertical-align: top } #book-links .btn.read a { padding-left: 35px; background: url("../img/icons/user-read.png") 10px center no-repeat } #book-links .btn.down a { padding-left: 35px; background: url("../img/icons/download.png") 10px center no-repeat } /* ------ Author ------ */ #author-block { position: relative; overflow: hidden; width: 376px; padding: 12px 35px 12px 12px; margin: 0 -10px 25px 0; background: #EFEFEF; border-radius: 8px 0 0 8px } #author-block .profil-view { float: left; width: 92px; height: 120px; margin-right: 15px } #author-block .profil-view img { border: 1px solid #333 } #author-block .profil-view span { width: 40px; height: 40px; background: url("../img/icons/profil-reader.png") 0 0 no-repeat } #author-block .profil-info { overflow: hidden } #author-block #profil-bio { position: relative; float: left; min-height: 60px; color: #444 } #author-block #profil-link { margin: 10px 0 0 107px } #author-block #profil-link.btn a { text-align: center } /* ------ Author-Blog ------ */ #author-block.author-blog { background: #b49966 url("../img/bkg/packblog-auteur.png") 0 0 repeat-y } .author-blog h2 { margin-bottom: 10px; color: #0C0C0C } .author-blog-buy { margin-top: 20px } .btn-buy { margin: 10px 40px; background: #FFF5DF; border-radius: 3px; box-shadow: 0 0 5px -2px #000; } .btn-buy:hover { background: #FFFAEE } .btn-buy span { font-weight: bold } .btn-buy a { display: block; padding: 12px 25px 12px 75px; color: #434343; text-decoration: none } .author-blog-buy .btn-buy a { background: url("../img/icons/buy-papier.png") 15px center no-repeat } .author-blog-buy .btn-buy.numeric a { background: url("../img/icons/buy-numerique.png") 15px center no-repeat } /* ------ Rating ------ */ #book-rating { position: relative; clear: both; float: left; width: 100%; margin: 15px 0 10px } #book-rating h2 { color: #434343 } .stats-info a { position: absolute; top: -55px; right: -20px; width: 30px; height: 30px; font-size: 0 } .stats-info a:before { position: absolute; left: 0; top: 0; content: "\E823"; font: normal 25px/30px fontello; color: rgba(183, 10, 27, .4) } .stats-info a:hover:before { color: rgba(183, 10, 27, 1) } #book-stats { position: relative; margin: 0 20px; color: #434343 } #book-stats .item-stats { position: relative; display: inline-block; width: 20%; padding: 0 10px; text-align: center } .item-stats-icon { position: relative; display: block; width: 60px; height: 60px; margin: 0 auto 5px; color: #FFF; background: #434343; border-radius: 50%; cursor: help } .item-stats-value { display: block; font-size: 1.7em; font-weight: bold } .item-stats-description { display: block } .button-vote { position: absolute; bottom: -62px; left: 36px; font-size: 1.5em; font-weight: bold; background: #F1F2F3 url("../img/bkg/btn-rating.png") 0 0 repeat-x } .button-vote a { position: relative; display: block; padding: 0px 20px 0px 40px; color: #D1091D; border: 1px solid #bcbcbc; line-height: 35px; box-shadow: 0 0 0 1px #FFF; border-radius: 3px; text-decoration: none } .button-vote a:before { position: absolute; left: 10px; content: "\E81B"; font: normal 1.1em/35px fontello; color: #FCB810 } #book-rating #abuse { z-index: 2; position: absolute; bottom: 0; right: 0; background: url("../img/bkg/btn-off.png") repeat-x scroll 0 bottom #ECECEC; border-radius: 3px; box-shadow: 0 0 0 1px #B3B3B3 } #book-rating #abuse a { display: block; width: 23px; height: 20px; padding: 4px 3px; background: url("../img/icons/abuse-off.png") center center no-repeat; text-decoration: none } #book-rating #abuse a:hover { background: url("../img/icons/abuse-on.png") center center no-repeat } /* ------ Partner-Critic ------ */ .pane-partners-critic h2 { font-size: 1.7em } #partner-rating { overflow: hidden; margin-bottom: 25px } #partner-rating .partner-picture { float: left; width: 90px; height: 65px; margin-right: 10px; border: 5px solid #FFF; background: #FFF; line-height: 65px } #partner-rating .partner-name a { color: #EEE; font-size: 1.1em; font-weight: bold } #partner-rating .rating-description { float: left; width: 250px; font-style: italic } /* ------ Author Flag ------ */ .flags { position: absolute; top: 0; right: 3px } #profil-left .flags { right: 10px } .author-flag { float: left; width: 48px; height: 40px; background: url("../img/icons/author-flag.png") center 0 no-repeat } .author-flag abbr { display: block; width: 48px; height: 40px; font-size: 0; border: 0; cursor: help } .author-mcl { float: left; width: 48px; height: 40px; background: url("../img/icons/mCL-white.png") center 0 no-repeat } .author-mcl abbr { display: block; width: 48px; height: 40px; font-size: 0; border: 0; cursor: help } /* **************************** */ /* ********** PROFIL ********** */ /* **************************** */ #profil-left { float: left; width: 710px; margin-right: 30px } #profil-right { float: right; width: 360px } #profil { position: relative; float: left; width: calc(100% + 10px); margin: 0 0 25px -10px; padding: 15px; color: #555; background: #EFEFEF; border-radius: 0 10px 10px 0 } #profil-name { margin: 0 115px 5px 0; font-size: 1.4em; color: #333; font-weight: bold } #profil-right #profil-name { margin: 0 95px 5px 0 } #profil-bio { min-height: 100px } #profil-bio span { display: block; font-size: 1.1em; font-weight: bold } #profil-share { padding: 5px 0 } #profil-share span, #profil-share svg { width: 28px !important; height: 28px !important; line-height: 28px !important } .at-share-tbx-element .at-share-btn:focus, .at-share-tbx-element .at-share-btn:hover { outline-offset: -1px; transform: translateY(0px) } #profil-show { float: left; width: 18% } #profil .profil-view { position: relative } #profil .profil-view img { width: 100%; height: auto; border: 1px solid #333 } .profil-view span { position: absolute; left: -10px; bottom: -15px; display: block; width: 40px; height: 40px; background: url("../img/icons/profil-reader.png") 0 0 no-repeat } .pane-author .profil-view span { background: url("../img/icons/profil-author.png") 0 0 no-repeat } #profil .profil-info { float: left; width: 82%; padding-left: 15px; } /* ------ AUTHOR ------ */ #profil-book { float: left; width: 100%; margin-top: 20px } #profil-book h2 { margin: 0 0 5px; padding: 5px 0; font-size: 1.7em; color: #555 } #profil-book .gallery-wrapper { width: calc(100% - 60px); margin: 0 30px } #profil-book .book-gallery .item-list li { margin: 0 } #profil-book .book-gallery .item-list li:hover { background: rgba(239,239,239,.5) } #profil-book .book-gallery .item-list li.nolink:hover { background: none } /* ------ Blog ------ */ #profil-block { width: 370px; margin: 0 -10px 20px 0 } #profil-block h2 { margin-bottom: 10px; color: #0C0C0C } .profil-content { overflow: hidden; position: relative; width: 100%; padding: 15px 12px; margin-right: -10px; background: #EFEFEF; border-radius: 8px 0 0 8px } .profil-blog .profil-title { z-index: 2; position: relative; height: 50px; text-align: right; font-size: 0; background: url("../img/bkg/packblog-title.png") right 0 no-repeat } .profil-blog .profil-content { top: -13px; background: #b49966 url("../img/bkg/packblog-auteur.png") 0 0 repeat-y; border-radius: 8px 0 0 8px } #profil-contact { width: 260px; height: 40px; margin: 5px auto 15px; font-weight: bold; background: #000 url("../img/bkg/btn-grey-off.png") 0 0 repeat-x; border-radius: 3px; box-shadow: 0 0 0 1px; text-align: center } #profil-contact:hover { background: #333337 url("../img/bkg/btn-grey-on.png") 0 0 repeat-x } #profil-contact a { display: block; padding: 0 15px 0 55px; color: #FFF; text-decoration: none; background: url("../img/icons/profil-contact.png") 15px center no-repeat; line-height: 40px } #profil-follow li { display: inline-block; width: 66px; text-align: center } #profil-follow li a { display: block; color: #555; font-weight: bold; font-size: .9em; text-decoration: none; opacity: .75 } .profil-blog #profil-follow li a { color: #FFF } #profil-follow li a:hover { opacity: 1 } #profil-follow img { border-radius: 7px } #profil-news { padding: 10px 15px; margin-top: 20px; color: #2a2a2a; background: rgba(255,255,255,0.4); border-radius: 3px } #profil-news a:before { content: "› "; } #profil-news a { padding: 5px 0 } #profil-video { margin-top: 20px } #profil-video .field-label { display: none } #profil-network { margin-top: 20px } #profil-network .fb-activity { } .followme-icon { display: block; width: 66px; height: 50px } .facebook .followme-icon { background: url("../img/icons/profil-fb.png") center 0 no-repeat } .twitter .followme-icon { background: url("../img/icons/profil-tw.png") center 0 no-repeat } .google .followme-icon { background: url("../img/icons/profil-g+.png") center 0 no-repeat } .linkedin .followme-icon { background: url("../img/icons/profil-lk.png") center 0 no-repeat } .blog .followme-icon { background: url("../img/icons/profil-www.png") center 0 no-repeat } /* ------ RATING ------ */ #profil-rating { position: relative; clear: both } #profil-rating h2 { padding: 7px 0 7px 35px; margin: 0; color: #444; border-bottom: 1px solid; background: url("../img/icons/rating-profil.png") 0 7px no-repeat } .rating-block { position: relative; overflow: hidden; padding: 15px 10px 15px; border-bottom: 1px dotted #666 } .rating-block.last { border-bottom: 0 } .rating-block.mcl:after { position: absolute; content: ""; top: 0; right: 90px; width: 60px; height: 40px; background: url("../img/icons/mCL-white.png") right 0 no-repeat } .rating-star { position: absolute; top: 15px; right: 10px } .rating-book, .rating-user { float: left; width: 11%; padding-right: 15px } .rating-user img { display: block; width: 100%; height: auto } .rating-block .user-name { float: left; width: 89% } .rating-date { font-size: 0.8em; color: #777; font-style: normal } .rating-links { margin-top: 1px; font-style: normal } .rating-block .book-title a { padding-right: 90px; font-weight: bold } .rating-description { float: left; width: 89%; margin-top: 3px; font-style: italic } .rating-description p:last-of-type { margin: 0 } #profil-rating ul.pager { position: relative; left: -1px; top: -1px; padding-top: 15px; margin: 0; border-top: 1px dotted #666 } #profil-rating .comment-form { padding-bottom: 20px; margin: 20px 25px; border-bottom: 1px dotted #FFF } #profil-rating .comment-form label { text-transform: uppercase } #profil-rating .comment-form textarea { width: 100% } #profil-rating .comment-form .description { font-size: .9em; font-weight: bold; font-style: italic } #profil-rating .comment-form .filter-wrapper { padding: 0 } /* ------ Commentaires ------ */ .comments-add { height: 16px; margin-bottom: 20px; padding: 5px 15px } .comments-add span { font-weight: bold; color: #929292 } .comments-add a { float: right; padding: 0 0 0 25px; color: #777; font-size: 0.9em; background: transparent url("../img/icons/comment_add.png") left center no-repeat } .comments-add a:hover { color: #B70A1B } #comments-block ul.links { display: block; margin-top: 5px; text-transform: capitalize } .comment-delete a, .vote-delete a, .mbs-comment-delete a { margin: 0 20px 0 0; padding: 2px 0 2px 20px; font-size: .9em; background: transparent url("../img/icons/comment_delete.png") left center no-repeat } .comment-edit a, .vote-edit a { margin: 0 20px 0 0; padding: 2px 0 2px 20px; font-size: .9em; background: transparent url("../img/icons/comment_edit.png") left center no-repeat } #book-left .comments-add { position: absolute; height: auto; top: -50px; right: 36px; padding: 0; margin: 0; left: auto; font-size: 1.5em; font-weight: bold; background: #F1F2F3 url("../img/bkg/btn-rating.png") 0 0 repeat-x } #book-left .comments-add span { display: none } #book-left .comments-add a { position: relative; display: block; padding: 0px 20px 0px 45px; line-height: 35px; color: #D1091D; border: 1px solid #bcbcbc; box-shadow: 0 0 0 1px #FFF; border-radius: 3px; text-decoration: none; background: none } #book-left .comments-add a:before { position: absolute; left: 10px; content: "\E829"; font: normal 1.1em/35px fontello; color: #434343 } /* ------ BOOK-GALLERY ------ */ .book-gallery { position: relative; overflow: hidden } .gallery-arrow { z-index: 1; position: absolute; top: 0; left: 0; width: 30px; height: 100%; cursor: pointer; background: #EFEFEF } .arrow-right { left: auto; right: 0 } .gallery-arrow:after { position: absolute; left: 0; top: 40%; width: 30px; content: "\E80A"; font: normal 2.3em/40% fontello; color: #434343; text-align: center } .arrow-right:after { content: "\E836" } .gallery-arrow:hover:after { left: -3px } .arrow-right:hover:after { left: auto; right: -3px } .gallery-arrow:hover { background-position: 0 top } .gallery-wrapper { overflow: hidden; float: left; width: calc(100% - 60px); margin: 0 30px } .gallery-wrapper ul { width: 9999px } .book-gallery .item-list li { float: left; position: relative; margin: 0 5px; padding: 5px } .book-gallery .item-list li:hover { background: rgba(0,0,0,.25) } .book-gallery .item-list li.nolink:hover { background: none } .book-gallery .item-list li.active { background: #353535 } .book-gallery .empty { background: rgba(255,255,255,1) } /* ------ BOOK-GALLERY-RIGHT ------ */ .pane-book-same-author { overflow: hidden; margin-bottom: 25px } .pane-book-same-author h2 { margin-bottom: 12px } .pane-book-same-author .book-gallery .item-list li { padding: 8px } .pane-book-same-author .book-gallery .item-list li:hover { background: rgba(255,255,255,.25) } /* ****************************** */ /* ********** PARTNERS ********** */ /* ****************************** */ .partners-list-bloc, .partner-bloc { clear: both; overflow: hidden; margin-bottom: 10px; padding: 10px; background: #EFEFEF } .partner-image { overflow: hidden; float: left; width: 25%; padding: 0 15px 15px 0; text-align: center } .partner-image img { display: block; width: 100%; height: auto } .partner-content { float: left; width: 75% } .partner-content h1 { color: #333; margin: 0 0 2px; font-size: 1.5em; font-weight: bold } .partner-content h3 { margin: 0 0 2px; font-size: 1.5em } .partner-content h3 a { color: #333 } .field-name-field-partners-site { margin: 0 0 5px } .partner-description { margin-bottom: 5px; color: #444 } .partner-description-more { float: right } .partner-description-more ul li { display: inline-block; color: #383838; background: rgba(255,255,255,.75) } .partner-description-more li:hover { background: rgba(255,255,255,1) } .partner-description-more a { display: block; padding: 2px 10px; color: #383838; font-weight: bold; text-decoration: none } .recommandation-title { clear: both; float: left; padding: 8px 20px; font-size: 1.15em; font-weight: bold; color: #DDD; background: #777; border-radius: 5px 5px 0 0; text-align: center } .partners-list-bloc .recommandation-title { margin: 20px 0 0 -10px; padding: 23px 20px; border-radius: 0; line-height: 0 } .recommandation-hightlight { overflow: hidden; clear: both; padding: 10px 15px 10px 0; background: #777; border-radius: 0 5px 5px 5px } .partners-list-bloc .recommandation-hightlight { overflow: visible; clear: none; float: left; width: 613px; height: 46px; margin: 20px -10px 15px 0; padding: 0; border-radius: 0 } .partner-bloc .node-critic { float: left; width: 295px; margin: 0 0 0 15px; padding: 0; border: 0 } .partner-bloc .node-critic:nth-child(2) { margin: 0 0 0 20px } .partners-list-bloc .node-critic { float: left; position: relative; top: -17px; width: auto; margin: 0 25px } .partner-bloc .node-critic .book { float: left; margin-right: 10px } .partner-bloc .node-critic .rating-book { width: 205px; margin: 0 } .partner-bloc .node-critic .book-author a { color: #FFF } .partner-bloc .node-critic .rating-description { width: 205px; margin: 7px 0 0 0; color: #EEE } .rating-description span { font-style: normal; font-weight: bold; display: inline } .rating-description p { display: inline } #profil-notation .book { float: left; margin-right: 20px } #profil-notation .rating-description { width: 545px } /* ------ Stats ------*/ ul.inline li.statistics_counter { margin-left: 15px } ul.inline li.statistics_counter span { display: block; padding: 2px 10px } /* **************************** */ /* ******** ACTUALITES ******** */ /* **************************** */ /* ------ News-Home ------ */ #news-hightlight { overflow: hidden; width: 100%; margin: 3px 0 15px } .news-hightlight-title { margin: 10px 0 5px 15px; font: 1.15em/1em arial,sans-serif; color: #353535; text-transform: uppercase } .news-focus { float: left; position: relative; width: 492px; height: 135px } .news-focus-bloc { position: absolute; top: 0; left: 0; width: 492px; height: 135px; background: #2a2b2d } .news-focus-small { float: left; position: relative; width: 212px; height: 135px; margin-left: 4px } .news-focus-image { overflow: hidden; float: left; width: 55%; } .news-focus-image img { background: #FFF } .news-focus-content { float: left; width: 45%; padding: 10px } .news-focus-content a { display: block; color: #FFF } .news-focus-genre { font-size: 0.95em; color: #FFF; text-transform: uppercase } .news-focus-title { font-weight: bold; font-size: 1.3em; line-height: 1.1em } .news-focus-description { margin-top: 4px } .news-focus-small .news-focus-image { float: left; position: absolute; top: 0 ; left: 0; width: 100%; height: 135px } .news-focus-small .news-focus-content { position: absolute; top: 105px ; left: 0; width: 100%; height: 100%; padding: 5px; background: rgba(0,0,0,.6); line-height: 1.2em; transition: top 0.3s ease-out 0s; -webkit-transition: top 0.3s ease-out 0s } .news-focus-small:hover .news-focus-content { top: 0 } .news-focus-small .news-focus-genre { display: block; padding: 3px 0 4px 0; font-size: 0.85em; } .news-focus-small .news-focus-title { display: block; font-size: 1em } .news-focus-link a { position: absolute; top:0 ; left: 0; width: 100%; height: 100%; background: url("../img/icons/news-link.png") right bottom no-repeat } .news-focus-control { position: absolute; bottom: 10px; left: 0; width: auto; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) } .news-focus-control ul { margin: 0 8px } .news-focus-control ul li { display: inline-block; width: 15px; height: 15px; margin: 3px 2px; background: #FFF; border-radius: 50%; cursor: pointer; vertical-align: top; } .news-focus-control ul li.active { background: #e40814; cursor: default } /* ------ News-detail ------ */ .news-bloc { position: relative; overflow: hidden; margin-bottom: 20px; padding: 10px 20px 20px; color: #333; background: #EFEFEF } .news-bloc h1 { margin: 5px 0 20px 150px; color: #B70A1B; font: bold 2em/1em Garamond, serif; } .news-bloc.classiques h1 { margin: 5px 0 20px 185px } .news-bloc h2 { padding: 0; margin: 0 0 5px; color: #cb2838; font: bold 1.7em/1em Garamond, serif; border-bottom: 0 } .news-bloc.node-evenement h1 { margin: 5px 0 35px 145px } .news-head { clear: both; margin: 0 0 15px; font-size: 1.25em; font-weight: bold; line-height: 1.2em } .news-body { overflow: hidden } .news-body p, .news-body ul { margin: 0 0 1.4em } .news-body h3 { color: #333 } .news-body ul li { display: table; padding: 0 0 10px 20px; background: url("../img/icons/kr-red.png") no-repeat scroll 0 7px transparent } .news-body-img { float: left; overflow: hidden } .news-body-img.news-mbs-full { margin: 0 15px 5px 0 } .news-body-img img { border: 1px solid #666 } .news-body-img .img-title { clear: both; display: block; margin-bottom: 15px; font: italic .9em/1.2em arial,sans-serif; color: #555 } .news-body-img.news-mbs-full .img-title { width: 235px; display: block } .news-content a:hover { text-decoration: none } .news-description { min-height: 75px; margin-bottom: 10px } #news #sharing { clear: both; margin: 20px 0 } .paragraphs-item-video { z-index: 1; position: relative } /* ------ News-recommandation ------ */ .field-name-field-news-linkto { clear: both; overflow: hidden; padding: 10px 20px; margin-top: 25px; background: #FFF } .field-name-field-news-linkto .field-label { margin-bottom: 5px; padding: 0 10px; font: bold 1.7em Garamond, serif; border-bottom: 1px solid } .field-name-field-news-linkto .field-item a { position: relative; display: inline-block; margin-left: 5px; padding: 5px 15px; font-weight: bold } .field-name-field-news-linkto .field-item a:before { position: absolute; content: ""; left: 0; top: 4px; font-family: FontAwesome; font-size: 1.3em; content: "\f105"; font-weight: normal } /* ------ News-date ------ */ .news-date .label { padding-bottom: 3px; text-transform: uppercase } .news-date { position: absolute; top: 15px; left: 0; padding: 5px 10px 5px 44px; color: #FFF; font-weight: bold; background: rgba(200, 8, 27, 0.85); line-height: 1em } .news-date:after { position: absolute; left: 10px; top: 6px; content: "\E80C"; font: normal 1.8em/30px fontello; color: #FFF } .chronic .news-date:after { content: "\E830" } .author-side .news-date:after { content: "\E806" } .evenement .news-date:after { content: "\E81D" } .interview .news-date:after { content: "\E805" } .serie .news-date:after { content: "\E834" } .tribune .news-date:after { content: "\E81F" } .auteur .news-date:after { content: "\E806" } .lecteur .news-date:after { content: "\E815" } .lecteur .news-date:after { content: "\E815" } .classiques .news-date:after { width: 35px; height: 50px; content: ""; background: url("../img/icons/classic.svg") no-repeat scroll 0 5px / 26px } /* ------ News-Filtre ------ */ .news-filter { clear: both; overflow: hidden; margin-bottom: 10px; padding: 10px 40px 5px; background: transparent url("../img/bkg/filter-arrow.png") no-repeat scroll -10px center; border: 1px dotted #666 } .news-filter .filter-title { margin-bottom: 12px; font: normal 1em/1em "Open Sans"; text-transform: uppercase } .news-filter ul li { float: left; margin: 0 10px 10px 0; border-radius: 3px } .news-filter li a.button { background: #333337 url("../img/bkg/btn-grey-off.png") repeat-x 0 0 } .news-filter li a.button:hover { background: #333337 url("../img/bkg/btn-grey-on.png") repeat-x 0 0 } .news-filter li.active a.button { background: #460309 url("../img/bkg/btn-red-off.png") repeat-x 0 0 } .news-filter li a { position: relative; background: none } .news-filter li a:after { position: absolute; left: 10px; font: normal 1.7em/32px fontello; color: #FFF } .news-filter a.button { display: block; margin: 0; padding: 0 15px 0 40px; color: #FFF; line-height: 32px } .news-filter .all a:after { content: "\E81A" } .news-filter .news-teaser a:after { content: "\E80C" } .news-filter .chronic a:after { content: "\E830" } .news-filter .author-side a:after { content: "\E806" } .news-filter .evenement a:after { content: "\E81D" } .news-filter .interview a:after { content: "\E805" } .news-filter .serie a:after { content: "\E834" } .news-filter .tribune a:after { content: "\E81F" } .news-filter .auteur a:after { content: "\E806" } .news-filter .lecteur a:after { content: "\E815" } .news-filter .classiques a:after { width: 35px; height: 50px; content: ""; background: url("../img/icons/classic.svg") no-repeat scroll 0 5px / 26px } /* ------ NEWS-LIST ------ */ #page-inner .news-list-bloc { clear: both; overflow: hidden; margin-bottom: 10px; padding: 15px; color: #333; background: #EFEFEF } .news-list-bloc:hover { background: #464646 } .news-list-image { position: relative; float: left; width: 33% } .news-list-image a { display: block } .news-list-image img { width: 100%; height: auto; background: #FFF; border: 1px solid #555 } .news-list-content { float: left; width: 66.66%; padding-left: 20px } .news-list-content a { color: #333 } .news-list-content a:hover { text-decoration: none } .news-list-description { margin-bottom: 5px } .news-list-description a { color: #333 } .news-list-more a { color: #B70A1B; font-weight: bold; text-decoration: underline } .news-list-more a:hover { color: #EB0A21 } /* ------ News-List-Date ------ */ .news-list-date a { display: block; position: absolute; top: 83px; left: 0; width: 130px; padding: 5px 10px 5px 40px; color: #FFF; font-weight: bold; background: rgba(200, 8, 27, 0.85); line-height: 1em; text-transform: uppercase; line-height: 24px } .news-list-date a:after { position: absolute; left: 10px; top: 1px; font: normal 1.7em/30px fontello; color: #FFF } .news-teaser .news-list-date a:after { content: "\E80C" } .news-teaser .interview .news-list-date a:after { content: "\E805" } .news-teaser .evenement .news-list-date a:after { content: "\E81D" } .news-teaser .author-side .news-list-date a:after { content: "\E806" } .news-teaser .tribune .news-list-date a:after { content: "\E81F" } .news-teaser .chronic .news-list-date a:after { content: "\E830" } .news-teaser .serie .news-list-date a:after { content: "\E834" } .news-teaser .classiques .news-list-date a:after { width: 35px; height: 50px; content: ""; background: url("../img/icons/classic.svg") no-repeat scroll 0 5px / 26px } .tips-teaser .auteur .news-list-date a:after { content: "\E806" } .tips-teaser .lecteur .news-list-date a:after { content: "\E815" } .news-list-date a:hover { text-decoration: none } .news-list-bloc .date-day { float: left; width: 35px; height: 24px; margin-right: 5px; padding: 0; font-size: 2.2em; text-align: right } .news-list-date .date-month, .news-list-date .date-year { float: left; line-height: 1em } .news-list-date .date-year { font: 700 0.8em/1em arial,sans-serif } /* ------ Newsletter ------ */ #newsletter-subscription { overflow: hidden; padding: 5px 15px; margin: 0 0 25px; font-weight: bold; background: #393939; border-top: 3px solid #E70A20 } .newsletter-title { font: bold 1.5em Garamond, serif; color: #FFF; } #newsletter-subscription span { display: block; font-style: italic; font-weight: normal } #newsletter-subscription a.button { display: block; margin: 10px 0; padding: 0; text-align: center } #newsletter-subscription .newsletter-last a { color: #999 } /* **************************** */ /* ******* RIGHT-COLUMN ******* */ /* **************************** */ .push-block { margin-bottom: 35px } /* ------ Push-Adds ----- */ #block-mbs-push-mbs-push { width: 250px; margin: 0px auto 20px; text-align: center } #block-mbs-push-mbs-push a { display: block } #block-mbs-push-mbs-push img { border: 1px solid #666 } .pane-mbspush { position: relative; overflow: hidden; margin: 0 auto 25px } .pane-mbspush .entity-mbs-push { left: 50%; transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); margin: 0 auto } .mbs-push-simple img { display: block; max-width: 250px; height: auto } /* ------ Last-news ----- */ .pane-mbs-news-mbs-news-last-post { margin-bottom: 35px } #column-right .pane-mbs-news-mbs-news-last-post .pane-title { font-size: 1.7em } .pane-mbs-news-mbs-news-last-post .pane-content:hover a { text-decoration: none } .news-last-title a { display: block; padding-bottom: 5px; font-size: 1.1em; font-weight: bold; color: #444 } .news-last-view a { display: block; } .news-last-view img { width: 100%; height: auto; background: #FFF } .news-last-desc a { display: block; color: #444 } /* ------ Static-News ----- */ .pane-conseils-panel-pane-1 { padding-top: 10px; margin-right: -20px; color: #FFF; background: #555 } #column-right .pane-conseils-panel-pane-1 .pane-title { margin: 0 10px 5px; color: #FFF } .static-news { margin-bottom: 35px } .static-news ul { padding: 0 10px } .static-news li { border-bottom: 1px dotted } .static-news li:last-child { border-bottom: none } .static-news li a { position: relative; display: block; font-weight: bold; color: #FFF; padding: 10px 0 10px 20px; text-decoration: none } .static-news li:last-child a { border-bottom: 0 } .static-news li a:before { position: absolute; left: 5px; top: 10px; font-family: FontAwesome; font-size: 1.1em; content: "\f105"; color: #FFF } .static-news li:hover a, .static-news li.active a { color: #EB0A21 } .static-news li:hover a:before, .static-news li.active a:before { color: #EB0A21 } /* **************************** */ /* ******** DASHBOARD ********* */ /* **************************** */ /* ------ User-Main ------ */ #user-main { float: right; width: 810px; padding: 0 20px 20px; color: #333; background: #EFEFEF } #user-main h2 { margin: 10px 0 20px; color: #333 } #user-main #edit-actions { float: right } .page-dashboard-my-account-home #user-main { background: none } /* ------ User-Menu ------ */ #user-left { float: left; width: 280px; margin: 0 30px 0 -10px } .user-nav { margin-bottom: 10px; line-height: 1em } .user-nav-title { padding: 8px 40px 8px 15px; font: bold 1.1em Garamond, serif; text-transform: uppercase; color: #DDD; background: #353535 } #user-left li { background: #EFEFEF } #user-left li a:before { content: "› " } #user-left li:hover { background: #FFF } #user-left li a { display: block; padding: 10px 15px 8px 15px; color: #555; font-weight: bold; border-bottom: 1px dotted #666 } #user-left li:last-child a { border-bottom: 0 } #user-left li a:hover { color: #B70A1B; text-decoration: none } #user-left li.last a { border-bottom: 0 } #user-left li.active-trail a, #user-left li.active a, #user-left li.active-trail a:hover, #user-left li.active a:hover { color: #FFF; text-decoration: none } #user-left li.active-trail, #user-left li.active { color: #FFF; background: transparent url("../img/bkg/menu_bkg-on.png") 0 0 repeat-x } /* ------ icons ------ */ .nav-reader .user-nav-title { background: #353535 url("../img/icons/user-nav-reader.png") no-repeat right center } .nav-author .user-nav-title { background: #353535 url("../img/icons/user-nav-author.png") no-repeat right center } .nav-boost .user-nav-title { background: #353535 url("../img/icons/user-nav-boost.png") no-repeat right center } .nav-setting .user-nav-title { background: #353535 url("../img/icons/user-nav-setting.png") no-repeat right center } /* ------ Accueil ------ */ .dashboard-block { float: left; width: 33.33%; height: 225px; padding: 5px 18px; font-size: .9em; text-align: center } .block1, .block2, .block3, .block4, .block5, .block6 { border-top: 1px dotted grey; border-right: 1px dotted grey } .block1, .block2, .block3 { border-top: 0 } .block3, .block6 { border-right: 0 } .dashboard-block a { color: #444 } .dashboard-block a:hover { color: #222; text-decoration: none } /* ------ USER-LIBRARY ------ */ .library-book-wrapper { position: relative; float: left; overflow: hidden; margin: 6px } .library-book-wrapper .book { float: none; padding-left: 25px; background: url("../img/bkg/biblio-bookmark.png") 0 0 repeat-y } .library-book-wrapper .book a { overflow: hidden; } .library-book-wrapper .bookmark { position: absolute; top: 0; left: 0; width: 27px; height: 70px; padding-top: 22px; font-size: 0.9em; text-align: center; color: #FFF; background: url("../img/icons/biblio-bookmark.png") no-repeat 0 0 } .library-book-wrapper .library-remove { position: absolute; bottom: 0; left: 0 } .library-book-wrapper .library-remove a { display: block; ; right: 0; top: auto; left: 0; bottom: 0; width: 25px; height: 25px; font-size: 0; background: url("../img/icons/remove-16.png") no-repeat scroll center center transparent; } #user-library .book, #user-library .book a { width: 130px; height: 150px } /* ------ USER-INVIT ------ */ #mbs-ctimport-apiimport-form #book-selection .book-gallery { width: 710px; margin: 0 } #mbs-ctimport-apiimport-form #book-selection .book-gallery li { margin: 0 } #contact-import-tool h3, #contact-import-viewer h3, #contact-import-message h3 { position: relative; margin: -10px -15px 10px; padding: 7px 10px 7px 45px; background: #666; border-radius: 5px 5px 0 0 } #contact-import-tool h3 span, #contact-import-viewer h3 span, #contact-import-message h3 span { position: absolute; top: 0; left: 0; width: 45px; height: 35px; padding: 7px 0 0 8px; background: transparent url("../img/icons/contact-import-step.png") left 0 no-repeat } #contact-import-tool { position: relative; float: left; width: 40%; padding: 10px 20px; margin: 0; color: #555; background: #EFEFEF } #contact-import-tool input { float: left; margin: 0 } #contact-import-tool input[type="submit"] { clear: none; float: right } #contact-import-tool label { margin: 10px 0 0} #contact-import-tool .webmail-importer-inner { overflow: hidden } #contact-import-tool .desktop-email { clear: both; margin: 15px 0 0; padding: 10px 0 0; border-top: 1px solid grey } #contact-import-tool a { color: #FFF } #contact-import-tool .btn { margin: 15px 5px } #contact-import-tool .btn a { color: #333; padding: 0 15px 0 45px } .btn.gmail a { background: url("../img/icons/import-gmail.png") 10px center no-repeat } .btn.yahoo a { background: url("../img/icons/import-yahoo.png") 10px center no-repeat } .btn.live a { background: url("../img/icons/import-live.png") 10px center no-repeat } #mbs-ctimport-address-form table.sticky-enabled { display: block; overflow: auto; width: 375px; height: 400px } #mbs-ctimport-address-form table.sticky-enabled tr { width: 350px } #mbs-ctimport-address-form table th { padding: 5px; border-bottom: 2px solid #CCC } #mbs-ctimport-address-form table td { padding: 5px; border-bottom: 1px solid #353535 } #mbs-ctimport-address-form table tr.selected td { background: #555; border-bottom: 1px solid #353535 } #contact-import-viewer { float: left; width: 60%; padding: 10px 20px; color: #555; background: #EFEFEF } #mbs-ctimport-apiimport-form #contact-import-viewer .form-item { margin: 0 } #contact-import-viewer .step-action { padding-left: 0 } #contact-import-viewer span.step-arrow { display: none } #contact-import-viewer input[type=submit] { float: right; margin: 25px 0 0 } #contact-import-viewer textarea { width: 100%; height: 155px; color: #555; background: #F5F5F5; border: 1px solid #CCC } #edit-privacy { font-size: .75em; font-style: italic } #contact-import-message { float: left; width: 100%; margin: 10px 0; padding: 15px 20px; background: #EFEFEF; border-top: 10px solid #FFF; } #contact-import-message-content { padding: 10px 20px; font-style: italic; color: #353535 } #mbs-ctimport-address-form .button.grey { margin: 0 20px 0 0 } /* ------ Step by Step ------ */ .step-action { position: relative; color: #353535; font-weight: bold; margin-bottom: 15px; padding: 8px 0 0 25px; font-size: 1.2em } span.step-arrow { position: absolute; top: 0; left: -25px; width: 45px; height: 35px; padding: 7px 0 0 8px; color:#FFF; background: transparent url("../img/icons/contact-import-step.png") left 0 no-repeat } /* ------ Dashboard-AUDIENCE ------ */ #user-audience { } #user-audience .step-action { margin-bottom: 0 } #page-pack-audience .step-action { display: none } #user-audience .book-date { margin: 5px 0 15px 25px } /* ----- SERVICES PACK ----- */ #service { position: relative; clear: both; overflow: hidden; padding: 30px 30px 25px; color: #333; background: #EFEFEF } .page-services #service { top: -35px; margin-bottom: -35px } #service-left { float: left; width: 240px; margin-right: 30px } #service-left p { font-weight: 700 } .service-left-margin { margin-top: 120px } #service-right { float: left; width: 770px } /* ----- Nav ----- */ #service #pack-list, #service .dash-block { width: 100%; margin: 0; padding: 0; background: none } #service h2 { margin: 0 0 10px; font: bold 2.3em/0.8em Garamond, serif; border: none; padding: 0 0 5px 0; border-bottom: 1px dotted; color: #424242 } #service h2 span { color: #B70A1B; font-weight: bold } #service h2 span.price-from { display: block; font: 400 0.5em/1.2em "Open Sans"; color: #222 } #service .title-parnter { margin-top: 5px; font: italic 400 0.5em/1.0em "Open Sans"; color: #222 } #service-nav { position: relative; top: -35px; float: right; text-transform: uppercase } #service-nav ul.menu li { float: left; line-height: 35px; font-weight: bold } #service-nav ul.menu li a { display: block; color: #444; padding: 0 10px; margin-left: 1px; font-size: 1.05em; background: #d5d5d5 } #service-nav ul.menu li a:hover { color: #000; text-decoration: none } #service-nav ul.menu li a.active { color: #B70A1B; background: #efefef; text-decoration: none; cursor: default} /* ----- Pack promotion ----- */ .pack-promotion { margin-bottom: 25px; color: #FFF; font: 600 1.4em/1em "Open Sans"; text-transform: uppercase; background: #353535 } .pack-promotion sup { font: 300 .8em/1em "Open Sans"; text-transform: none } .pack-promotion span { display: inline-block; width: calc(50% - 34px); padding: 15px } .pack-promotion-title { background: #B70A1B } .pack-promotion-desc { font: 300 1em/1em "Open Sans" } .pack-promotion-desc strong { font: 600 1em/1em "Open Sans" } /* ----- Tous les services ----- */ /*#service-all { font-size: .9em }*/ #service-all #service-left { width: 270px } #service-all #service-right { width: 740px } #service .service-pack-title-02 { margin: 0 0 10px; font: bold 1.6em/1em Garamond, serif; color: #424242; vertical-align: top } #service .service-pack-title-02 span { color: #B70A1B; font-weight: bold } .service-pack { position: relative; overflow: hidden; padding: 20px; background: #FFF; margin-bottom: 30px; font-size: 1.1em } /*.service-pack.free .service-pack-title { padding: 0 0 5px 0; border-bottom: 1px dotted #353535 } .service-pack.free li { padding: 5px 0 } .service-pack.free li span { color: #B70A1B; font-weight: bold }*/ .service-pack table th { text-align: left; padding: 0; border-bottom: 1px dotted #353535; vertical-align: top; } #service th.service-pack-title { position: relative; top: -3px; width: 200px } #service th.service-pack-benefit { color: #B70A1B } .service-pack table td { position: relative; padding: 5px 0; vertical-align: top; border-bottom: 1px solid #DDD } .service-pack table td:first-child { padding: 5px 10px 5px 15px; font-weight: bold } .service-pack table td:first-child:before { position: absolute; content: "■"; left: 0; color: #B70A1B } .service-pack table tr:last-child td { padding: 5px 0 0; border-bottom: none } .service-pack table tr:last-child td:first-child { padding: 5px 10px 0 15px; font-weight: bold } .service-pack-inner { clear: both; overflow: hidden; margin-top: 15px } .service-pack-list { text-align: center } .service-pack-bloc { position: relative; display: inline-block; padding: 0 10px; margin: 0 3px 10px; border: 1px solid #d22e2a; text-align: left; background: #FFF; vertical-align: top } .pack-audience-list .service-pack-bloc { width: calc(33.33% - 9px) } .pack-quali-list .service-pack-bloc { width: calc(33.33% - 9px) } .pack-media-list .service-pack-bloc, .pack-diffusion-list .service-pack-bloc, .pack-certification-list .service-pack-bloc, .service-pack-bloc.half { width: calc(50% - 8px) } /*#service-all .service-pack-bloc .service-pack-intro { min-height: 150px }*/ .service-pack-bloc:nth-child(2) { border-color: #d3322a } .service-pack-bloc:nth-child(3) { border-color: #d6422c } .service-pack-bloc:nth-child(4) { border-color: #dc582e } .service-pack-bloc:nth-child(5) { border-color: #e67833 } .service-pack-bloc:nth-child(6) { border-color: #f4a336 } .service-pack-surtitle { margin: 0 0 5px 0 ; font: 100 1.8em/1em "Open Sans" } .service-pack-title { padding: 10px; margin: 0 -10px 10px; font: bold 1.8em/.9em Garamond, serif; text-align: center; color: #FFF; background: #d22e2a } .pack-quali-list .service-pack-title { height: 65px } .pack-audience-list .service-pack-title, .pack-media-list .service-pack-title { height: 60px } .service-pack-title span { display: block; font: 100 0.55em/1em "Open Sans"; text-transform: uppercase } .service-pack-bloc:nth-child(2) .service-pack-title { background: #d3322a } .service-pack-bloc:nth-child(3) .service-pack-title { background: #d6422c } .service-pack-bloc:nth-child(4) .service-pack-title { background: #dc582e } .service-pack-bloc:nth-child(5) .service-pack-title { background: #e67833 } .service-pack-bloc:nth-child(6) .service-pack-title { background: #f4a336 } /*.service-pack-intro { padding: 10px 0; font: bold 0.85em/1.5em arial,sans-serif }*/ .pack-audience-list .service-pack-intro, .pack-media-list .service-pack-intro, .pack-diffusion-list .service-pack-intro { height: 110px } .page-services-mise-en-vente .service-pack-intro { height: 180px } .pack-quali-list .service-pack-intro { height: 170px } .pack-quali-list .service-pack-link { height: 75px } .service-pack-link a { display: block; margin-bottom: 10px; font: 100 .9em/25px "Open Sans"; border: 1px solid #000; text-align: center; text-transform: uppercase } .service-pack-tel { padding: 10px 0; font: 100 1em/1em "Open Sans"; text-align: center } .service-pack-tel span { font-weight: 700 } .service-pack-subscribe { margin: 0 -10px } .service-pack-subscribe table { width: 100% } .service-pack-subscribe td { padding: 5px 5px; text-align: center; background: #DDD } .pack-audience-list .service-pack-subscribe tr:nth-child(even) td { background: #FFF } .service-pack-subscribe td.subscribe-mention { height: 35px; color: #d22e2a; font: 600 0.9em/1.2em "Open Sans"; } .subscribe-period { text-transform: uppercase; font-size: .8em } .subscribe-price { font: 700 1.2em/1em "Open Sans"; } .subscribe-price span { font: italic 100 .7em/1em "Open Sans"; } .subscribe-price em { font: italic 400 .9em/1em "Open Sans"; } .subscribe-link a.button { float: right; padding: 0 10px; margin: 0; font: 0.75em/23px "Open Sans"; } .subscribe-link a.btn { float: right; color: #FFF; padding: 0 10px; margin: 0; font: 0.65em/23px "Open Sans"; cursor: pointer } #service-all .service-pack-bloc.half { float: left; width: calc(50% - 6px) } #service-all .service-pack-intro { font: bold 1em/1.4em arial,sans-serif } #service-all .service-pack-bloc.half .service-pack-intro { height: 250px } #service-all .service-pack-intro li { position: relative; padding: 5px 0 5px 35px; font: 400 1em/1.5em "Open Sans" } #service-all .service-pack-intro li:before { position: absolute; top: 7px; left: 20px; font: normal 1.1em/1em "Open Sans"; content: "■"; color: #B70A1B } #service-all #service-left .service-pack-intro li { padding: 5px 0 5px 20px } #service-all #service-left .service-pack-intro li:before { left: 0 } #service-all .service-pack-more, .page-services-plusone .service-pack-more { margin: 5px -10px 0; color: #FFF; background: #555; text-align: right } #service-all .service-pack-more span, .page-services-plusone .service-pack-more span { display: inline-block; vertical-align: top } #service-all .subscribe-price, .page-services-plusone .subscribe-price { padding: 0 20px; font: 700 1.1em/30px "Open Sans"; } #service-all .service-pack-more a, .page-services-plusone .service-pack-more a { display: block; height: 30px; padding: 0 20px; background: #B70A1B; color: #FFF; font: 600 0.75em/30px arial,sans-serif; text-transform: uppercase; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s } #service-all .service-pack-bloc:hover .service-pack-more a, .page-services-plusone .service-pack-bloc:hover .service-pack-more a { font: 600 0.9em/30px arial,sans-serif } /* PACK MORE TEMP */ .page-services #cboxLoadedContent, .pack-more { display: block; padding: 5px; font: 1em/1.5em arial,sans-serif; color: #333 } .page-services #cboxLoadedContent li, .pack-more li { position: relative; padding: 5px 0; } .page-services #cboxLoadedContent li:before, .pack-more li:before { content: "■"; padding: 0 5px 0 0; color: #B70A1B } /* ----- Pack Quali ----- */ #pack-quali-list { overflow: hidden; } .pack-quali-bloc { float: left; width: 375px; min-height: 510px; margin-right: 20px; background: #FFF } .pack-quali-bloc:last-child { margin-right: 0 } .pack-quali-benefit { padding: 10px 20px; color: #B70A1B; font-weight: bold } .pack-quali-title { padding: 10px 20px; font: bold 1.6em/1.2em Garamond, serif; color: #FFF; background: #eb3225 } .pack-quali-title span { float: right; font-size: 1.2em } .pack-quali-bloc:nth-child(2) .pack-quali-title { background: #f47b20 } .pack-quali-link span { display: inline-block; padding: 15px; vertical-align: top; } .pack-quali-demo { font-size: .85em; text-align: center; text-transform: uppercase } .pack-quali-demo a { position: relative; display: inline-block; padding: 0 30px 0 50px; line-height: 28px; color: #000; border: 1px solid #000; text-decoration: none } .pack-quali-demo a:before { position: absolute; content: "\E815"; left: 20px; top: 0; font: 1.6em/28px fontello; color: #333 } .pack-quali-demo a:hover:before { font: 1.8em/30px fontello } .pack-quali-link a.button { padding: 0 35px; margin: 0; border-radius: 0 } .pack-quali-desc { padding: 5px; font: 0.95em/1.5em arial,sans-serif; } .pack-quali-desc li { position: relative; padding: 5px 0 } .pack-quali-desc li:before { content: "■"; padding: 0 5px 0 0; color: #B70A1B } /* ------ PACKS ------ */ .pane-ads-promotion { overflow: hidden; margin-bottom: 10px; padding: 10px 20px; color: #007201; background: #EEE; border: 2px solid #007201; border-radius: 3px } .pane-ads-promotion .dash-block { float: none; width: auto; margin: 0; padding: 0; font-weight: bold; background: none } .pane-ads-promotion .step-action { margin-bottom: 0; padding: 0; color: #007201; font-size: 1.2em; font-weight: bold } /* ------ Packs-book ------ */ #page-pack-audience { overflow: hidden; width: 750px; margin: 20px auto; padding: 10px 30px; background: #EFEFEF } #page-pack-audience h2 { margin: 0; color: #525252 } #page-pack-audience .introduction { margin: 15px 0; font-size: 1.2em; font-weight: bold; line-height: 1.4em; } #page-pack-audience #pack-list { width: 750px; padding: 0 } #book-selection .book-gallery { margin: 0 65px } .book-selection-arrow { position: absolute } #book-selection li.active .book-selection-arrow { position: absolute; left: 52px; bottom: -20px; width: 40px; height: 20px; background: url("../img/icons/book-selection-arrow.png") center bottom no-repeat } /* ------ Pack-WEB & Pack-AUDIENCE ------ */ #pack-list { margin: 0 -20px; padding: 15px 20px 20px; background: #EFEFEF } #form-main #pack-list { float: none; width: auto; margin: 15px 0 0 ; padding: 0; background: none } #pack-list table { width: 100%; color: #353535; border-collapse: collapse; border: 1px solid #D22E2A; background: #FFF } #pack-list th { padding: 10px 15px; color: #FFF; font: bold 1.6em/20px Garamond, serif; background: #818181; text-align: center; border-right: 1px solid #343434; background: #d22e2a } #pack-list th:last-child { border-right: 0 } #pack-list th:first-child { text-align: left } /*#pack-list th.pack-demo { background: #BF0B1C url("../img/bkg/h1_bkg.png") repeat-x 0 center }*/ #pack-list tr:nth-child(even) { background: #EFEFEF } #pack-list tr.hightlight { background: #FFF } #pack-list td { padding: 10px; border-right: 1px solid #343434 } #pack-list td:last-child { border-right: 0 } #pack-list td.pack-info { width: 18%; text-align: center } #pack-list td.pack-name { padding-left: 25px; font-weight: bold; background: url("../img/icons/kr-red.png") no-repeat 10px center; line-height: 1.2em } #pack-list .hightlight td.pack-name { } td.pack-name span { display: block; font-weight: normal; text-transform: none; font-style: italic } td.pack-name span.hightlight-title { display: block; margin-bottom: 3px; font-weight: bold; text-transform: uppercase; font-style: normal; color: #B70A1B } .pack-time { position: relative } .pack-time .form-type-select { float: left; margin: 0 10px 0 0 } .pack-price { float: left; padding: 0 5px; font: bold 1.6em/30px garamond; color: #B70A1B } .discount .pack-price { padding: 5px } .pack-price .discount { display: block; font-size: 0.9em; font-weight: normal; font-style: italic } .pack-demo { padding: 10px; text-align: center } .pack-demo a.button { margin: 0 } .pack-period { display: block; width: 105px; font-weight: bold; color: #555; font-size: .9em } .pack-base-price { display: block-inline; padding: 5px; color: #757575; font-weight: bold; text-decoration: line-through } .pack-add { display: block; font-weight: bold } .pack-subscribe { float: right } .pack-subscribe a { display: block; margin: 0; padding: 0 20px; color: #FFF; font: normal .85em/30px "Open Sans"; border-radius: 3px; text-decoration: none; box-shadow: 0 0 0 1px; text-transform: uppercase; cursor: pointer; background: #49030A url("../img/bkg/btn-red-off.png") 0 top repeat-x } .pack-subscribe a:hover { color: #FFF; background: #F00A21 url("../img/bkg/btn-red-off.png") 0 5px repeat-x } #st-valentin { padding: 10px 20px; color: #FFF; background: #DB007E; text-align: center } #st-valentin span { display: inline-block; padding: 0 20px; color: #DB007E; background: #FFF; line-height: 25px } /* ------ Pack-QUALI------ */ .pack-quali h3 { padding-left: 20px; font-size: 1.2em; font-weight: bold; color: #333; background: url("../img/icons/kr-red.png") no-repeat 5px 7px } .pack-quali h3 span { color: #B70A1B; text-transform: uppercase; } #pack-list.pack-quali tr { background: #FFF } #pack-list.pack-quali td { padding: 20px 20px 10px 20px; border-right: 1px solid #EFEFEF; border-bottom: 10px solid #EFEFEF; vertical-align: top; } #pack-list.pack-quali td:last-child { border-right: 0 } #pack-list.pack-quali td.pack-quali-desc { position: relative; padding-right: 40px } .pack-quali-desc.off, .pack-quali-desc.on { cursor: pointer } .pack-quali-desc.off:after, .pack-quali-desc.on:after { position: absolute; content: "\f0da"; right: 15px; top: 20px; font: normal 1.5em/1em FontAwesome; color: #333 } .pack-quali-desc.on:after { content: "\f0d7" } .pack-quali-desc .button { margin: 0 } .pack-quali-desc ol, .pack-quali-desc ul { display: block; padding: 0 0 0 20px; margin: 1em 0 } .pack-quali-desc ol li { margin-left: 15px; padding: 3px 0 3px 0; list-style-type: decimal } .pack-quali-desc ul li { position: relative; margin-left: 15px; padding: 5px 0 ; list-style: none } .pack-quali-desc ul li:before { position: absolute; content: "■"; top: 1px; left: -20px; color: #DE2937; font-size: 1em } .pack-quali-desc ul ul { padding: 0 } .pack-quali-desc ul ul li { margin-left: 15px; padding: 0 } .pack-quali-desc ul ul li:before { content: "-"; top: 1px; left: -10px; color: #333 } .pack-quali-more { padding: 15px; margin: 10px 0; background: #EFEFEF } .pack-quali-nb { padding: 10px 15px; font-size: .9em; background: rgba(255,255,255,.5) } .pack-quali-nb-title { font-weight: bold } .pack-quali-nb ul { margin: 0 } .pack-quali-nb li { font-weight: normal } .pack-quali-price { font-size: .8em; font-style: italic; color: #555; text-align: right } .quali-price { position: relative; padding: 0 25px 0 0; color: #333; font: normal bold 2.5em/1em garamond } .quali-price span { position: absolute; top: 0; right: 0; font: normal .4em/1em arial; color: #555; text-transform: uppercase } .pack-quali-price a.button { font-size: 1.1em } .pack-demo { text-align: center } .pack-demo a { position: relative; display: inline-block; width: 22px; height: 30px; } .pack-demo a:after { position: absolute; content: "\E815"; left: 0; top: 0; font: normal 2em/30px fontello; color: #333 } .pack-demo a:hover:after { color: #B70A1B } /* ------ Pack-QUALI-STEP2------ */ #pack-quali-buy-form { padding: 0 90px } #pack-quali-buy-form .form-actions { float: right } #pack-quali-buy-form .form-actions input { margin-top: 0 } .quali-step-bloc { position: relative; min-height: 75px; margin-bottom: 20px; padding: 0 10px 20px; border-bottom: 1px solid #CCC } .quali-step-bloc label, .form-item-pack-type label { display: none } .quali-step-bloc ul { text-align: center; } .quali-step-bloc #select-pack li { overflow: hidden; position: relative; display: inline-block; width: 165px; height: 105px; padding: 15px; margin: 0 10px 20px; background: #FFF; border: 3px solid #FFF; font: bold 1.25em/1.2em arial,sans-serif; color: #333; text-align: center; cursor: pointer; vertical-align: top } .quali-step-bloc #select-pack li:hover { border: 3px solid #B70A1B } .quali-step-bloc #select-pack li span { display: block; color: #B70A1B; margin-top: 10px; font-size: .9em; } .quali-step-bloc #select-pack li.active { background: #B70A1B; color: #FFF; border: 3px solid #B70A1B } .quali-step-bloc #select-pack li.active span { color: #FFF } .quali-step-bloc #select-pack li.active:hover { margin: 0 10px 20px; cursor: default } .quali-step-bloc #select-pack li.active:after { color: #EFEFEF; content: "\E813"; font: 1.3em/1em fontello; position: absolute; right: 10px; top: 5px } .quali-step-title { margin: 0 0 10px; font: bold 1.8em/1em Garamond, serif; padding: 0; color: #333 } .quali-step-title:first-letter { color: #B70A1B } .quali-step-price { float: right; margin: 0 0 10px; font: bold 1.8em/1em Garamond, serif; padding: 0; color: #333 } .quali-step-price span { color: #B70A1B; font-size: 1.2em } .quali-step-bloc .form-type-select { float: left; margin-right: 20px } #edit-pack-type { display: none } .quali-step-bloc .required-fields.two-col .form-item { position: relative } .quali-step-bloc .required-fields.two-col .form-item:before { z-index: 1; position: absolute; top: 5px; left: 5px; content:"*"; color: #C00 } /* ------ Pack-WEB ------ */ #pack-list.table-pack-web td.pack-info { width: 175px } #mbs-ads-product-pack-regie-add-form h2 { margin: 0 10px 5px; color: #D9081D } #mbs-ads-product-pack-regie-add-form { padding: 10px 20px; color: #353535 } #mbs-ads-product-pack-regie-add-form li { margin-left: 15px; padding: 0 0 5px; list-style: disc } #mbs-ads-product-pack-regie-add-form label { display: none } #mbs-ads-product-pack-regie-add-form textarea { margin-top: 10px; height: 130px } #mbs-ads-product-pack-regie-add-form .form-information .content { margin-left: 0 } /* ------ Pack-TREMPLIN ------ */ .pack-tremplin ul { margin: 0 0 .8em } .pack-tremplin li { margin: 10px 0 0 5px; padding: 3px 0 3px 15px; background: transparent url("../img/icons/kr-red.png") no-repeat 0 10px; list-style: none } .pack-tremplin h3 { color: #333; font-size: 1.2em; margin-top: 20px } .pack-tremplin h3:first-child { margin-top: 0 } .pack-tremplin ul ul { overflow: hidden; background: #f8f8f8; margin: 10px 20px; padding: 10px 15px } .pack-tremplin ul ul li { margin: 0 0 0 15px; padding: 4px 0 4px 5px; background: none; list-style: disc } .pack-tremplin a.button { float: right; margin: 15px auto 5px; } .pack-tremplin .slide-label { font-weight: bold; border-bottom: 1px dotted #888; color: #B70A1B; font-size: 1.1em; padding: 12px 10px 4px; background: url("/sites/all/themes/mbs/img/icons/arrow-slide_off.png") no-repeat right center; cursor: pointer } .pack-tremplin .slide-label.active { background: url("/sites/all/themes/mbs/img/icons/arrow-slide_on.png") no-repeat right center } .pack-tremplin .slide-label:hover { color: #EB0A21 } .pack-tremplin .slide-inner { padding: 10px } /* ------ Pack-PREMIUM ------ */ #pack-premium h3 { font-size: 1.4em } #pack-list.table-pack-premium th { font-size: 1.8em; text-transform: none; vertical-align: top } #pack-list.table-pack-premium th.cell-app { font-weight: normal; font-size: 1.5em; background: url("/sites/all/themes/mbs/img/bkg/btn-grey-off.png") repeat-x scroll 0 bottom #444349 } #pack-list.table-pack-premium th.cell-free { width: 23%; font-family: garamond; background: #e21325 url("../img/bkg/table-cell-free.png") center bottom repeat-x } #pack-list.table-pack-premium th.cell-premium { width: 23%; font-family: garamond; background: #d7c491 url("../img/bkg/table-cell-premium.png") center bottom repeat-x } #pack-list.table-pack-premium td.cell-app { position: relative; padding-right: 35px } td.cell-app.off { cursor: pointer } .table-pack-premium .cell-free, .table-pack-premium .cell-premium { text-align: center } .table-pack-premium td.cell-free { width: auto } .table-pack-premium .check, .table-pack-premium .no-check { position: relative; display: block; width: 100%; height: 20px } .table-pack-premium .check:after { position: absolute; content: "\F00C"; margin-left: -10px; font: normal 1.8em/1em FontAwesome; color: #61B000 } .table-pack-premium .no-check:after { position: absolute; content: "\F00D"; margin-left: -10px; font: normal 1.8em/1em FontAwesome; color: #D40000 } .table-pack-premium .cell-app-number { float: left; width: 20px; font: bold 1.1em arial,sans-serif; color: #B70A1B; text-align: right } .table-pack-premium .cell-app-name { padding-left: 25px; font: bold 1.05em arial,sans-serif; border: 0 } .table-pack-premium .cell-app-more { display: none; margin-left: 25px } .table-pack-premium .cell-app.on .cell-app-more { display: block } .table-pack-premium .cell-app.off:after, .table-pack-premium .cell-app.on:after { position: absolute; content: "\f0da"; right: 15px; top: 9px; font: normal 1.5em/1em FontAwesome; color: #333 } .table-pack-premium .cell-app.on:after { content: "\f0d7" } .cell-price { display: block; padding: 8px 0 0; font-size: .75em } .cell-price span { font: 600 1.5em/1em "Open Sans"; color: #FFF } .table-pack-premium th:last-child .cell-price span { color: #000; font-weight: bold; text-shadow: 1px 1px 2px #FFF } .table-pack-premium td.pack-footer { color: #9b9b9b; text-transform: uppercase; text-align: center; background: #606060 url("../img/bkg/table-cell-app.png") center center repeat-x } .table-pack-premium td.pack-footer a { display: block; color: #FFF; font: normal .85em/30px "Open Sans"; text-transform: uppercase; text-shadow: 1px 1px 2px #000; background: url("../img/bkg/table-cell-premium.png") repeat-x center center #D7C491; border-radius: 3px; border: 1px solid #ebd59c } .table-pack-premium td.pack-footer a:hover { background: url("../img/bkg/table-cell-premium.png") repeat-x center top #D7C491; text-decoration: none } .pack-premium-mention { margin-top: 1.2em; font: italic .9em/1em arial,sans-serif} /* ------ Pack-PREMIUM Gestion ------ */ .pane-user-abonnement { margin: 20px 0 } .user-abonnement { display: table; width: 100% } .user-abonnement > div { display: table-cell; border-bottom: 1px solid #FFF; padding: 8px 10px } .user-abonnement-title { width: 20% } .user-abonnement-date { width: 35% } .user-abonnement-status { width: 25%} .user-abonnement-actions { width: 20% } .user-abonnement-actions a { padding: 2px 0 2px 24px; color: #FFF; background: url("../img/icons/remove-16.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) } .user-abonnement.on { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2) } #mbs-abonnement-abonnement-cancel-by-user { font-weight: bold } #mbs-abonnement-abonnement-cancel-by-user input { float: left; margin-right: 15px } #mbs-abonnement-abonnement-cancel-by-user a { float: left } /* ------ Packs PANIER ------ */ #pack-cart { margin: 0 -20px; padding: 15px 20px 20px; background: #EFEFEF } #pack-cart .button { float: right } .cart-book-wrapper { overflow: hidden; clear: both; margin: 20px 0; color: #333; font-weight: bold; font-size: 1.1em } .cart-book-wrapper .book { float: left; margin-right: 15px; background: #FFF } .cart-ads { float: right; width: 550px; padding: 5px 0; border-bottom: 1px dotted #333 } .cart-ads-title { float: left; width: 280px; margin: 0 10px } .cart-ads-title span { font-weight: bold; text-transform: none } .cart-ads-period { float: left; width: 110px; margin: 0 10px; font-weight: normal; text-align: left } .cart-ads-price { float: left; width: 45px; margin: 0 10px; text-align: right } .cart-ads-actions { float: right; width: 16px; margin: 0 10px } .cart-ads-actions a.remove { display: block; width: 16px; height: 16px; font-size: 0; background: transparent url("../img/icons/remove-16.png") no-repeat 0 0 } .cart-total { float: right; width: 440px; padding: 10px 55px; font-size: 1.3em; font-weight: bold; color: #333; text-align: right; border-top: 2px solid #333 } .cart-premium-view { float: left; width: 120px; height: 75px; background: url("../img/icons/pack-premium.png") no-repeat 0 0 } .cart-premium .cart-info { float: right; width: 550px; padding-bottom: 15px; text-align: left; font-style: italic; font-size: 0.8em; font-weight: normal; border-bottom: 1px dotted #333 } .cart-premium .cart-ads { float: right; width: 550px; padding: 5px 0; border-bottom: 0 } .cart-premium .cart-ads-price { width: 100px } .cart-premium .cart-total { width: 550px; padding: 10px 0; font-weight: normal; border-top: 0 } #edit-commerce-payment legend { display: none } #uniform-edit-commerce-payment-payment-method-commerce-cmciccommerce-payment-commerce-cmcic, #uniform-edit-commerce-payment-payment-method-commerce-cmcic-recurrentcommerce-payment-commerce-cmcic-recurrent { float: left } .commerce-cmcic-icons { margin: 5px 0 } .commerce-cmcic-icons span { display: none } #user-main #edit-commerce-payment-payment-method label { float: left; width: 370px; margin: 3px 0 0 5px; text-align: left } #user-main #edit-commerce-payment-payment-method label b { display: block } #pack-cart .btn { float: left } #pack-cart .btn.red { float: right } #pack-cart .btn.red a:after { content: " ›"; position: relative; top: 1px; padding: 0 0 0 5px; font-size: 1.5em; line-height: 0 } /* ------ ADS ------ */ #ads { clear: both; margin-top: 25px; text-align: center } #ads span { display: block; margin-right: 60px; color: #FFF; font-size: .6em; text-align: right; line-height: 1em } /* ------ Packs Demo ------ */ #pack-demo { width: 650px; margin: 0; color: #333; background: #FFF } #pack-demo h2 { margin: 0 10px 10px; color: #D9081D } #pack-demo h2 span { font-size: .8em } .pack-demo-desc { width: 600px; margin: 0 10px 10px; font-size: 1.1em; } /*#pack-demo li { margin: 10px 0 0 5px; padding: 3px 0 3px 15px; background: transparent url("../img/icons/kr-red.png") no-repeat 0 10px; list-style: none }*/ .pack-demo-new { color: #D9081D } .pack-demo-new span { font-weight: bold } .pack-demo-desc .intro { color: #353535; border: 1px solid #353535; font-weight: inherit } .pack-demo-desc h3 { color: #353535 } /* ------ FRIENDS-LIST ------ */ .friend-list-bloc { clear: both; overflow: hidden; margin-bottom: 10px; padding: 10px; background: #EFEFEF } .friend-list-bloc h3 { color: #333 } .friend-image { overflow: hidden; float: left; width: 25%; padding: 0 15px 0 0; text-align: center } .friend-image img { display: block; width: 100%; height: auto } .friend-content { float: left; width: 75%; margin: 0 0 20px 0 } .friend-description { margin-bottom: 5px; color: #444 } .friend-description a { color: #444 } .friend-link a { display: inline-block; padding: 3px 0 3px 20px; font-size: 0.9em; background: transparent url("../img/icons/partner-link.png") no-repeat 0 center } .friend-docs a { display: inline-block; padding: 3px 0 3px 20px; font-size: 0.9em; background: transparent url("../img/icons/partner-doc.png") no-repeat 0 center } /* ------ PRESSE-LIST ------ */ .press-list-bloc { clear: both; overflow: hidden; margin-bottom: 10px; padding: 10px; background: #EFEFEF } .press-list-bloc h3 { color: #333 } .press-image { overflow: hidden; float: left; width: 25%; padding: 0 15px 0 0; text-align: center } .press-image img { display: block; width: 100%; height: auto } .press-content { float: left; width: 75%; margin: 0 0 20px 0 } .press-description { margin-bottom: 5px; color: #444 } .press-description a { color: #444 } .press-link a { display: inline-block; padding: 3px 0 3px 20px; font-size: 0.9em; background: transparent url("../img/icons/partner-link.png") no-repeat 0 center } .press-docs a { display: inline-block; padding: 3px 0 3px 20px; font-size: 0.9em; background: transparent url("../img/icons/partner-doc.png") no-repeat 0 center } /* ------ PAGINATION ------ */ .item-list ul.pager { clear: both; width: 100%; margin-top: 15px; font-size: .85em; font-weight: bold; line-height: normal; text-align: right } .item-list ul.pager li { display: inline-block; margin: 0 0 0 5px; padding: 0; border: 1px solid #585858; border-radius: 3px } .item-list ul.pager li:hover { border: 1px solid #ACACAC } .item-list ul.pager li a { display: block; padding: 5px 10px; color: #FFF; background: url("../img/bkg/btn-grey-off.png") repeat-x scroll 0 0 transparent } .item-list ul.pager li a:hover { color: #FFF; background: url("../img/bkg/btn-grey-on.png") repeat-x scroll 0 0 transparent; text-decoration: none } .item-list ul.pager li.pager-current { color: #FFF; text-decoration: none; border-radius: 3px; cursor: default; padding: 5px 10px; border-color: #B70A1B; background: url("../img/bkg/btn-red-off.png") repeat-x scroll 0 center transparent } .item-list ul.pager li.pager-ellipsis { padding: 5px 10px } /* ------ BREADCRUMB ------ */ #breadcrumb { margin: 0 0 10px; padding: 0 0 5px; font: .9em/1.4em arial,sans-serif; color : #444 } #breadcrumb a { margin: 0 5px } #breadcrumb a.active { color: #444 } #breadcrumb a.active:hover { text-decoration: none; cursor: default } /* ------ INTRODUCTION ------ .intro { overflow: hidden; padding: 1.2em 30px .4em; margin: 0 0 20px; line-height: 1.4em; color: #FFF; font-weight: bold; border: 1px solid #FFF; border-radius: 5px } .intro p { margin: 0 0 1.2em 0 } .intro ul { margin: 0 0 .8em 0 } .intro li { margin-left: 15px; padding: 0 0 5px 0; list-style: disc } .intro .intro-title { margin: 0 0 .4em 0; font-size: 1.2em } */ .introduction { margin: 10px 0 30px; padding: 10px 15px; background: #FFF; border-radius: 5px } .introduction a { text-decoration: underline } .introduction a:hover { text-decoration: none } /* ------ SEARCH ------ */ #search-form { overflow: hidden; margin-bottom: 10px; padding: 10px 40px 5px; border: 1px dotted #666 } #search-form label { display: block } #search-form input[type="text"] { display: inline; margin: 0 0 5px } #search-form input[type="submit"] { display: inline-block; margin: 0 0 0 15px } /* ------ Result ------ */ ol.search-results { -moz-padding-start: 0 } .search-results li { clear: both; overflow: hidden; margin: 0; padding: 15px 10px; border-bottom: 1px dotted #666; } .search-results h3 { margin: 0 0 2px } .search-results .comment-number { display: none } .search-results .search-snippet-info { padding: 0 } .search-results .search-snippet-info strong { padding: 0 5px; background-color: #FF00FF } .search-results .search-snippet { margin-bottom: 2px } .search-results .search-info { margin: 0; font-size: 0.85em; font-style: italic } /* ------ MAINTENANCE ------ */ #page-maintenance { position: relative; width: 1140px; margin: 0 auto 15px } #page-maintenance #header { overflow: hidden; margin-bottom: 50px} #page-maintenance #logo-title { width: 50%; margin: 0 auto} #page-maintenance #container { padding: 20px} /* ------ PUBLISH STEP ------ */ .publish-step-bloc { overflow: hidden; float: left; width: calc(33.33% - 40px); margin: 10px 20px 0; background: #d6d6d6; border-radius: 10px } .publish-step-top { position: relative; width: 100%; height: 65px; padding: 5px 0; color: #FFF; text-shadow: 1px 2px 3px #000; background: #EE0A21 url("../img/bkg/menu_bkg-on.png") repeat-x scroll 0 bottom } .publish-step-number { display: block; position: absolute; top: 11px; left: 23px; color: #FFF; font: bold 2.2em/1em Garamond, serif; } .publish-step-action { padding: 5px 0 0 55px; font: bold 1.7em/.9em Garamond, serif; } .publish-step-action span { color: #FFF; font-size: 1.2em } .publish-step-image { display: none; overflow: hidden; height: 165px; background: #050505 } .publish-step-image img { display: block; width: 100%; height: auto } .publish-step-content { height: 330px; padding: 10px 15px; color: #222 } .publish-step-content li { margin: 10px 0 0 5px; padding: 3px 0 3px 15px; background: transparent url("../img/icons/kr-red.png") no-repeat 0 10px } .publish-step-bottom { display: none } #edit-actions.publish-button {float: right; margin: 20px 44px 20px 0 } .page-book-add #page-inner #edit-actions { margin-right: 45px } /* ------ HELP STEP ------ */ #help-step { overflow: hidden } #help-step .introduction, #help-step .intro { margin: 10px 40px 30px } .help-step-bloc { overflow: hidden; float: left; width: calc(50% - 40px); margin: 10px 20px 20px; background: #d6d6d6; border-radius: 10px } .help-step-top { position: relative; width: 100%; height: 50px; color: #FFF; text-shadow: 1px 2px 3px #000; background: #EE0A21 url("../img/bkg/menu_bkg-on.png") repeat-x scroll 0 bottom } .help-step-action { color: #FFF; font: bold 2em/50px Garamond, serif; text-align: center } .help-step-image { display: none; width: 403px; height: 165px; } .help-step-content { padding: 10px 15px; color: #222 } .help-step-content li { margin: 10px 0 0 5px; padding: 3px 0 3px 15px; background: transparent url("../img/icons/kr-red.png") no-repeat 0 10px } .help-step-link { display: block; padding: 3px 15px; font-weight: bold; text-align: right; background: transparent url("../img/bkg/publish-step-bkg.png") repeat-y 0 0 } .help-step-bottom { width: 258px; height: 10px; background: transparent url("../img/bkg/publish-step-bottom.png") no-repeat 0 bottom } .page-comment-ca-marche #page-inner #edit-actions { margin: 0 45px 10px 0 } /* ------ BUTTON ------ */ a.button { margin: 15px 0 0; padding: 0 20px; color: #FFF; font: normal .85em/30px "Open Sans"; border-radius: 3px; text-decoration: none; box-shadow: 0 0 0 1px; text-transform: uppercase; cursor: pointer } .btn { font: .8em/33px arial,sans-serif; background: #ececec url("../img/bkg/btn-off.png") repeat-x scroll 0 bottom; border-radius: 3px; text-transform: uppercase } .btn:hover { background: #FFF } .btn a { display: block; padding: 0 15px; color: #353535; border-radius: 3px; text-decoration: none; box-shadow: 0 0 0 1px #FFF } .btn.red, a.button { background: #49030A url("../img/bkg/btn-red-off.png") 0 top repeat-x } .btn.red:hover, a.button:hover { color: #FFF; background: #F00A21 url("../img/bkg/btn-red-off.png") 0 5px repeat-x } .btn.grey, a.button.grey { text-decoration: none; background: #444349 url("../img/bkg/btn-grey-off.png") 0 0 repeat-x } .btn.grey:hover, a.button.grey:hover { background: #333337 url("../img/bkg/btn-grey-on.png") 0 0 repeat-x } .btn.gold { background: #CBA966 url("../img/bkg/btn-gold-off.png") 0 bottom repeat-x } .btn.gold:hover { background: #CBA966 url("../img/bkg/btn-gold-off.png") 0 top repeat-x } .btn.red a, .btn.grey a, .btn.gold a { color: #FFF } .btn.abuse { float: right; width: 135px; height: 22px; font-size: 0.8em } .btn.abuse a { padding: 0 15px 0 30px; background: url("../img/icons/abuse.png") 10px center no-repeat } /* ------ SITEMAP ------ */ .pane-sitemap { padding: 0 30px; line-height: 18px } .pane-sitemap h2 { margin: 30px 0 0; color: #444; font: bold 1.5em/1em arial,sans-serif; border: 0 } .pane-sitemap .item-list ul { margin: 5px 0 0 15px; border-left: 1px solid #444; text-transform: uppercase } .pane-sitemap .item-list li { position: relative } .pane-sitemap .item-list li a { display: inline-block; padding: 8px 0 8px 20px } .pane-sitemap .item-list li:before { position: absolute; top: 5px; left: 0; content: "_"; color: #444 } .pane-sitemap .item-list ul ul { margin: 0 0 15px 25px; border-left: 1px solid #444; text-transform: initial } .pane-sitemap .item-list li.last:after { position: absolute; width: 5px; height: 20px; bottom: -8px; left: -2px; content: ""; background: #FFF } /* **************************** */ /* ********** FOOTER ********** */ /* **************************** */ /* ------ Footer-Column ------ */ #footer { position: relative; clear: both; width: 100%; padding-top: 40px; font-size: 1em; color: #777 } #footer-inner { display: table; width: 1140px; margin: 0 auto; padding: 0 0 25px; } #footer ul.column { width: 200px; -moz-column-count: 2; -moz-column-gap: 0; -webkit-column-count: 2; -webkit-column-gap: 0; column-count: 2; column-gap: 0 } #footer #block-mbs-common-footer-menu ul.column { width: 340px; -moz-column-count: 2; -moz-column-gap: 0; -webkit-column-count: 2; -webkit-column-gap: 0; column-count: 2; column-gap: 0 } #footer ul.column li { } #footer ul.column li a { display: block; padding: 4px 10px } #footer ul.column li a:hover { background: rgba(255,255,255,0.1); text-decoration: none } #footer ul.column li.active a { color: #B70A1B; background: rgba(255,255,255,0.1) } /* ------ Footer-Structure ------ */ #block-mbs-common-footer-genre { clear: both } #block-mbs-common-footer-genre, #block-mbs-common-footer-news, #block-mbs-common-footer-menu { display: table-cell; padding: 0 40px; font-size: 0.9em; border-right: 1px solid #555 } #block-mbs-common-footer-menu { border: 0 } .footer-title { margin: 0 0 5px; font: normal bold 1.7em Garamond, serif; color: #B70A1B; letter-spacing: .03em } #footer a { color: #666 } #footer a:hover { color: #444 } #block-mbs-common-footer-news { overflow: hidden } #block-mbs-common-footer-news a.button { display: inline-block; margin: 5px 0 20px; color: #FFF; } #block-mbs-common-footer-news a.button:hover { color: #FFF; } /* ------ Footer-Share ------ */ .footer-share { clear: both; margin-top: 20px; } .footer-share li { display: inline-block; position: relative; width: 32px; height: 32px; margin: 0 5px } .footer-share span { position: absolute; top: 0; left: 0; width: 32px; height: 32px; background: rgba(0, 0, 0, 0.15) } .footer-share li:hover span { background: none } /* ------ Footer-Partners ------ */ #footer-partner { display: table-caption; overflow: hidden; height: 60px; margin: 0 0 25px } .footer-partner-title { float: left; width: 140px; } #footer-partner ul { float: left; display: table; width: 850px } #footer-partner li { display: table-cell; height: 40px; padding: 10px 0; text-align: center } /* **************************** */ /* ****** WELCOME POP-UP ****** */ /* **************************** */ #welcomepop-wrapper { background: rgba(0,0,0,.7); text-transform: uppercase; font: 1em "Futura-Book", arial } #welcomepop-inner { position: relative; width: 755px; margin: 130px auto 0; padding: 20px 50px; font: 1.1em/1em Garamond, serif; color: #424242; background: #f8f8f8 url("../img/bkg/welcome-top.png") center 0 no-repeat; border-radius: 3px } #welcome-cross { position: absolute; top: 10px; right: 5px; width: 50px; height: 50px; background: url("../img/icons/welcome-close.png") no-repeat center center ; width: 43px; height: 43px; font-size: 0; cursor: pointer } #welcomepop-inner h1 { padding: 0; margin: 0 0 5px 0; font: 1.8em "Futura-Heavy"; color: #c8081f; text-align: center } #welcomepop-inner .welcome-claim { margin-bottom: 35px; font: 1.6em/1em "Futura-Book"; text-align: center } .welcome-block { float: left; padding: 0 0 10px; font: 1em/1.2em arial,sans-serif; } .welcome-block.first { width: 372px; padding-right: 25px; margin: 0 -1px 0 0; font: 1.2em "Futura-Heavy"; border-right: 1px solid #424242 } .welcome-block.last { width: 332px; padding-left: 25px; margin-right: 0; font-size: .85em; border-left: 1px solid #424242 } #welcomepop-inner h2 { padding: 0; margin: 5px 0; font: bold 1.8em/0.9em Garamond, serif; color: #c8081f; border: 0 } #welcomepop-inner h2.welcome-lector { margin: 20px 0 5px } .welcome-block ul { padding: 0; margin: 0 } .welcome-block li { padding: 7px 0; list-style: none } .welcome-block.last li { padding: 5px 0 5px 15px; background: url("../img/icons/kr-red.png") no-repeat 0 center transparent } .welcome-block.first li { padding: 9px 0 8px 46px } .welcome-footer { clear: both; text-align: center; font: 1em/1.2em arial,sans-serif } .welcome-footer { margin: 0 -54px; padding: 10px 0; color: #FFF; font: bold 20px/1.2em arial; letter-spacing: 0.02em; text-transform: uppercase; background: #E10010 } .welcome-link { clear: both; float: right; margin: 10px 0 5px; font: bold 1em/1em "arial"; text-align: right } .manifeste-01 { background: url("../img/icons/manifeste-01.png") no-repeat 5px 5px transparent } .manifeste-02 { background: url("../img/icons/manifeste-02.png") no-repeat 5px 5px transparent } .manifeste-03 { background: url("../img/icons/manifeste-03.png") no-repeat 5px 5px transparent } .manifeste-04 { background: url("../img/icons/manifeste-04.png") no-repeat 5px 5px transparent } .manifeste-05 { background: url("../img/icons/manifeste-05.png") no-repeat 5px 5px transparent } /* **************************** */ /* ****** COLORBOX ****** */ /* **************************** */ #colorbox textarea { width: 100%; margin-bottom: 15px } #cboxLoadedContent { padding: 5px; margin: 0 } .ajax-progress { position: absolute; top: 0; right: 0; width: 185px; color: #333; background: transparent; line-height: 30px } .ajax-progress .throbber { position: relative; float: left; width: 30px; height: 30px; margin: 2px; background: none } .ajax-progress .throbber:after { position: absolute; display: block; left: 0; top: 0; width: 30px; height: 30px; content: "\E822"; font: normal 1.2em/30px fontello; color: #B70A1B; text-align: center; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } /* ------ NEWSLETTER ------ */ .node-type-newsletter #column-main table { border-collapse: separate } .node-type-newsletter #column-main table p { margin: 0 } .cke_editable ul, .field-name-field-newsl-bplan-description ul { margin: 10px 0 10px 20px } .cke_editable ul li, .field-name-field-newsl-bplan-description ul li { list-style: disc } /* ------ Envoi ------ */ .form-item-simplenews-test-address { margin-top: 25px } #edit-simplenews legend { text-transform: uppercase } #edit-simplenews .form-item-simplenews-send { margin: 10px 0 } /* ------ NEWS-LECTEUR ------ */ .node-type-newsletter-lector #column-main > table { background: #FFF } .node-type-newsletter-lector #column-main table { border-collapse: separate; } .node-type-newsletter-lector .field-collection-view div div { margin-bottom: 0 !important } /* ------ CONCOURS------ */ #concours-result { display: none; z-index: 999; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 100px 0 0; background: rgba(0,0,0, .7); text-align: center } #concours-result .inner { width: 1140px; margin: 0 auto; } #concours-result img { display: block; width: 100%; max-width: 1000px; height: auto } #concours .logo-chapitre { display: block; float: right } #concours #header-inner img { display: block; height: 80px; width: auto } #concours #header-inner { height: 90px } #concours #page { top:0; width: 100%; margin: 0 auto; padding: 0; border-radius: 0; background: -webkit-radial-gradient(center, #ffffff, #e9e9e9); background: -moz-radial-gradient(center, #ffffff, #e9e9e9); background: -o-radial-gradient(center, #ffffff, #e9e9e9); background: -ms-radial-gradient(center, #ffffff, #e9e9e9)} #concours #page-inner { width: 1140px; padding: 40px 10px; background: none } #concours #header-inner {border-bottom: 0} .concours-left {float: left; width: 52%; padding-right: 40px } .concours-left h1 { font: bold 3.5em/1.2em 'Oswald', sans-serif; color: #d1091d; margin-bottom: 35px; letter-spacing: -0.03em;} .concours-left h1 span {display: block; text-transform: initial; font: 400 0.7em/1em 'Playfair Display', serif; color: #444;} .concours-left .desc .concours-intro { border-left: 4px solid #d1091d; padding-left: 10px; margin-bottom: 15px; font-size: 1.1em; font-weight: bold } .concours-left .desc ul {margin-bottom: 10px} .concours-left .desc ul li {padding-left: 10px; margin: 5px 0} .concours-left .desc ul li:before { position: relative; top: -1px; content: "■"; font-size: 1em; padding-right: 8px } .concours-left .infos { margin-top: 20px; font-size: 0.75em; line-height: 1.3em; color: #999; font-style: italic;} .concours-left .asterisque { color: #d1091d } .concours-right { float: left; width: 48% } .concours-right .field-name-field-concours-books { width: 100%; text-align: center } .concours-right .field-item { display: inline-block; margin: 0 15px 20px; text-align: left } #concours .format-L .book, #concours .format-L .book a { width: 142px; height: 190px; } /*#concours .cover { font-size: initial; background: none }*/ #concours .cover { font-size: initial } /*#concours .book.cover img { display: block; position: relative; width: 100%; margin: 0 }*/ #concours .book img { display: block; position: relative; width: 100%; height: auto; margin: 0 } #concours .book-slide { z-index: 2; cursor: pointer; position: absolute; top: 100%; width: 100%; height: 100%; padding: 40px 18px; background: rgba(255, 255, 255, 0.91); color: #d1091d; font: 500 1em/1.3em "Raleway",sans-serif; text-align: center; text-transform: uppercase; transition: all 0.4s ease 0s; -webkit-transition: all 0.3s ease 0s; } #concours .book:hover .book-slide { top: 0 } #concours .book-slide span { width: 100%; height: 100%; padding: 0 } #concours .book.cover .bloc-link a { content: ""; position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%;} #concours .btn.red { float: right; margin: 0 195px; } #concours .btn.red:hover { background: #d1091d;} #concours .btn a { font: bold 1.9em/45px arial,sans-serif; padding: 0 40px } #concours .concours-right .link { float: left } #concours .concours-right .link a { padding: 5px; text-decoration: none; font-size: 0.75em; color: #444; text-transform: uppercase } #concours .concours-right .link a:hover { color: #d1091d } #concours .concours-right .link.down { float: right } #concours .concours-form { float: left; width: 100%; overflow: hidden; margin-top: 30px; padding: 40px 50px 0; border-top: 5px dotted #D1091D } #concours .concours-form form { margin: 0 20% } #concours .concours-form form label { text-transform: uppercase } .concours-form select { width: 100%; margin-bottom: 25px; } .concours-form select { width: 100%; margin-bottom: 25px; } .concours-form .textarea, .concours-form .form-textarea-wrapper textarea { width: 100% } .node-type-concours #block-feedback-form { display: none !important } #menu-push { z-index: 999; position: fixed; left: -140px; top: 160px; font: bold 1.1em/50px "Oswald",sans-serif; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s } #menu-push.closed { left: -210px } #menu-push a { position: relative; display: block; padding: 40px 80px 0 20px; color: #FFF; background: #b70a1b; border-radius: 15px; transform: rotate(-90deg); text-decoration: none } #menu-push a:after { position: absolute; width: 50px; height: 50px; right: 10px; top: 51px; content: ""; background: url("../img/icons/pen.svg") no-repeat 0 0; background-size: contain; transform: rotate(90deg) } #menu-push .close-me:after { position: absolute; content: "\E80A"; width: 52px; height: 50px; left: 170px; bottom: -100px; font: normal 35px/50px "fontello"; color: #B70A1B; text-align: center; cursor: col-resize; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s } #menu-push.closed .close-me:after { content: "\E836"; left: 210px } .page-book-viewer #menu-push { display: none }