/* Generate (1) /_assets/fonts/font-style.css */ @font-face{font-family:'PTSansCaptionRegular';src:url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/ptc55f-webfont-webfont.eot');src:url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/ptc55f-webfont-webfont.eot#iefix') format('embedded-opentype'),url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/ptc55f-webfont-webfont.woff') format('woff'),url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/ptc55f-webfont-webfont.ttf') format('truetype'),url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/ptc55f-webfont-webfont.svg#pt_sans_captionregular') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'PTSansCaptionBold';src:url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/ptc75f-webfont-webfont.eot');src:url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/ptc75f-webfont-webfont.eot#iefix') format('embedded-opentype'),url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/ptc75f-webfont-webfont.woff') format('woff'),url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/ptc75f-webfont-webfont.ttf') format('truetype'),url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/ptc75f-webfont-webfont.svg#pt_sans_captionbold') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'PTSansNarrowRegular';src:url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/ptn57f-webfont-webfont.eot');src:url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/ptn57f-webfont-webfont.eot#iefix') format('embedded-opentype'),url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/ptn57f-webfont-webfont.woff') format('woff'),url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/ptn57f-webfont-webfont.ttf') format('truetype'),url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/ptn57f-webfont-webfont.svg#pt_sans_narrowregular') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'PTSansNarrowBold';src:url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/ptn77f-webfont-webfont.eot');src:url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/ptn77f-webfont-webfont.eot#iefix') format('embedded-opentype'),url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/ptn77f-webfont-webfont.woff') format('woff'),url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/ptn77f-webfont-webfont.ttf') format('truetype'),url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/ptn77f-webfont-webfont.svg#pt_sans_narrowbold') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'PTSans';src:url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/pts55f-webfont-webfont.eot');src:url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/pts55f-webfont-webfont.eot#iefix') format('embedded-opentype'),url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/pts55f-webfont-webfont.woff') format('woff'),url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/pts55f-webfont-webfont.ttf') format('truetype'),url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/pts55f-webfont-webfont.svg#pt_sansregular') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'PTSansItalic';src:url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/pts56f-webfont-webfont.eot');src:url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/pts56f-webfont-webfont.eot#iefix') format('embedded-opentype'),url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/pts56f-webfont-webfont.woff') format('woff'),url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/pts56f-webfont-webfont.ttf') format('truetype'),url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/pts56f-webfont-webfont.svg#pt_sansitalic') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'PTSansBold';src:url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/pts75f-webfont-webfont.eot');src:url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/pts75f-webfont-webfont.eot#iefix') format('embedded-opentype'),url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/pts75f-webfont-webfont.woff') format('woff'),url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/pts75f-webfont-webfont.ttf') format('truetype'),url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/pts75f-webfont-webfont.svg#pt_sansbold') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'PTSansBoldItalic';src:url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/pts76f-webfont-webfont.eot');src:url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/pts76f-webfont-webfont.eot#iefix') format('embedded-opentype'),url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/pts76f-webfont-webfont.woff') format('woff'),url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/pts76f-webfont-webfont.ttf') format('truetype'),url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/PTSans/pts76f-webfont-webfont.svg#pt_sansbold_italic') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'BebasNeueRegular';src:url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/bebas-neue/bebasneue-webfont.eot');src:url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/bebas-neue/bebasneue-webfont.eot#iefix') format('embedded-opentype'),url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/bebas-neue/bebasneue-webfont.woff') format('woff'),url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/bebas-neue/bebasneue-webfont.ttf') format('truetype'),url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/bebas-neue/bebasneue-webfont.svg#bebas_neueregular') format('svg');font-weight:normal;font-style:normal;}@font-face{font-family: 'TahomaRegular';src: url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/tahoma/tahoma.eot');font-weight: normal;font-style: normal;} /*@font-face{font-family: "TATAHOMA";src: url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/tahoma/tahoma.eot');src: url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/tahoma/tahoma.eot#iefix') format('embedded-opentype'),url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/tahoma/tahoma.woff') format('woff'),url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/tahoma/tahoma.ttf') format('truetype'),url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/fonts/tahoma/tahoma.svg#TahomaNormal') format('svg');font-weight: normal;font-style: normal;}*/ /* Generate (2) /_assets/fonts/Parico/style.css */ @font-face { font-family: 'Parico'; src: url('fonts/Parico.eot'); } @font-face { font-family: 'Parico'; src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'Parico'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-abomaxi32:before { content: "\e646"; } .icon-participez32:before { content: "\e63f"; } .icon-tablette32:before { content: "\e61c"; } .icon-jeux32:before { content: "\e614"; } .icon-mode32:before { content: "\e619"; } .icon-photo32:before { content: "\e61a"; } .icon-loisirs32:before { content: "\e615"; } .icon-mobile32:before { content: "\e617"; } .icon-mode_enfant32:before { content: "\e618"; } .icon-arrow-previous32:before { content: "\e62d"; } .icon-arrow-next32:before { content: "\e62e"; } .icon-close32:before { content: "\e632"; } .icon-abomini16:before { content: "\e645"; } .icon-menu16:before { content: "\e644"; } .icon-participez16:before { content: "\e63c"; } .icon-photo16:before { content: "\e63d"; } .icon-cloud16:before { content: "\e63e"; } .icon-mosaic16:before { content: "\e631"; } .icon-local16:before { content: "\e62c"; } .icon-interactif16:before { content: "\e62b"; } .icon-bulb16:before { content: "\e62a"; } .icon-phone16:before { content: "\e629"; } .icon-question16:before { content: "\e628"; } .icon-look16:before { content: "\e625"; } .icon-vote16:before { content: "\e626"; } .icon-comment16:before { content: "\e627"; } .icon-reduire16:before { content: "\e61d"; } .icon-agrandir16:before { content: "\e61e"; } .icon-imprimer16:before { content: "\e61f"; } .icon-partager16:before { content: "\e620"; } .icon-sante16:before { content: "\e61b"; } .icon-maison16:before { content: "\e602"; } .icon-inclus16:before { content: "\e600"; } .icon-cadenas16:before { content: "\e601"; } .icon-abonne16:before { content: "\e603"; } .icon-email16:before { content: "\e60c"; } .icon-loupe16:before { content: "\e60d"; } .icon-alert16:before { content: "\e608"; } .icon-check16:before { content: "\e609"; } .icon-plus16:before { content: "\e60e"; } .icon-moins16:before { content: "\e60f"; } .icon-avatar16:before { content: "\e60b"; } .icon-mobile16:before { content: "\e605"; } .icon-pinterest16:before { content: "\e606"; } .icon-diapo16:before { content: "\e622"; } .icon-calendar16:before { content: "\e607"; } .icon-twitter16:before { content: "\e610"; } .icon-googleplus16:before { content: "\e611"; } .icon-facebook16:before { content: "\e612"; } .icon-home16:before { content: "\e613"; } .icon-feed16:before { content: "\e621"; } .icon-musique16:before { content: "\e616"; } .icon-pause16:before { content: "\e630"; } .icon-arrow-previous16:before { content: "\e623"; } .icon-arrow-next16:before { content: "\e624"; } .icon-close16:before { content: "\e60a"; } .icon-play16:before { content: "\e604"; } .icon-participez48:before { content: "\e640"; } .icon-arrow-previous48:before { content: "\e63a"; } .icon-arrow-next48:before { content: "\e63b"; } .icon-close48:before { content: "\e641"; } .icon-participez64:before { content: "\e642"; } .icon-arrow-previous64:before { content: "\e638"; } .icon-arrow-next64:before { content: "\e639"; } .icon-close64:before { content: "\e643"; } .icon-arrow-down8:before { content: "\e633"; } .icon-arrow-previous24:before { content: "\e636"; } .icon-arrow-next24:before { content: "\e637"; } .icon-close24:before { content: "\e62f"; } .icon-home24:before { content: "\e635"; } .icon-menu24:before { content: "\e634"; } .icon-instagram16:before { content: "\e647"; } /* Generate (3) /_assets/css/_normalize.css */ /*! normalize.css v1.1.3 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ *{margin: 0; padding: 0;} /** * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. * Known issue: no IE 6 support. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /** * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-size: 100%; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Address `font-family` inconsistency between `textarea` and other form * elements. */ html, button, input, select, textarea { font-family: sans-serif; } /** * Address margins handled incorrectly in IE 6/7. */ body { -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; } /* ========================================================================== Links ========================================================================== */ a {text-decoration: none;cursor: pointer;} /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** * Address font sizes and margins set differently in IE 6/7. * Address font sizes within `section` and `article` in Firefox 4+, Safari 5, * and Chrome. */ h1 {line-height: 35px;font-weight: bold;-webkit-font-smoothing: antialiased;font-size: 28px;} .newH1 { line-height: 35px;font-weight: bold;-webkit-font-smoothing: antialiased;font-size: 28px; } h2 {font-size: 18px;font-weight: normal;} h3 {font-size: 1.17em;margin: 1em 0;} h4 {font-size: 1em;margin: 1.33em 0;} h5 {font-size: 0.83em;margin: 1.67em 0;} h6 {font-size: 0.67em;margin: 2.33em 0;} /** * Address styling not present in IE 7/8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /** * Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** * Address differences between Firefox and other browsers. * Known issue: no IE 6/7 normalization. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Address styling not present in IE 6/7/8/9. */ mark {background: #ff0;color: #000;} /** * Address margins set differently in IE 6/7. */ p, pre {margin: 0;} /** * Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /** * Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /** * Address CSS quotes not supported in IE 6/7. */ q { quotes: none; } /** * Address `quotes` property not supported in Safari 4. */ q:before, q:after { content: ''; content: none; } /** * Address inconsistent and variable font size in all browsers. */ small {font-size: 80%;} /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;} sup {top: -0.5em;} sub {bottom: -0.25em;} /* ========================================================================== Lists ========================================================================== */ /** * Address margins set differently in IE 6/7. */ dl, menu, ul { margin: 0; list-style-type: none; } ol {list-style-position: inside;} dd { margin: 0; } /** * Address paddings set differently in IE 6/7. */ menu, ol, ul { padding: 0; } /** * Correct list images handled incorrectly in IE 7. */ nav ul { list-style-type: none; list-style-image: none; } /* ========================================================================== Embedded content ========================================================================== */ /** * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. * 2. Improve image quality when scaled in IE 7. */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** * Correct margin displayed oddly in IE 6/7. */ form { margin: 0; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct color not being inherited in IE 6/7/8/9. * 2. Correct text not wrapping in Firefox 3. * 3. Correct alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /** * 1. Correct font size not being inherited in all browsers. * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, * and Chrome. * 3. Improve appearance and consistency in all browsers. */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /** * Address Firefox 3+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. Remove inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ border: 0; } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to content-box in IE 8/9. * 2. Remove excess padding in IE 8/9. * 3. Remove excess padding in IE 7. * Known issue: excess padding remains in IE 6. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 3+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 6/7/8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /* Generate (4) /_assets/css/_main.css */ /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ html, button, input, select, textarea {color: #222;} header .hidden { display: none !important; } html {font-size: 15px;line-height: 17px;font-family: tahoma, 'TahomaRegular', arial, sans-serif;color: #00283C; } body { background-color: #EBF0F5;} body.newsletters { background-color: #FFFFFF;} /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection rule sets have to be separate. * Customize the background color to match your design. */ ::-moz-selection {background: #b3d4fc;text-shadow: none;} ::selection {background: #b3d4fc;text-shadow: none;} /* * A better looking default horizontal rule */ hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;} /* * Remove the gap between images, videos, audio and canvas and the bottom of * their containers: h5bp.com/i/440 */ audio, canvas, img, video {vertical-align: middle;} /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Remove border on iframe element */ iframe { border: 0;} /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /* ========================================================================== Browse Happy prompt ========================================================================== */ .browsehappy {margin: 0.2em 0;background: #ccc;color: #000;padding: 0.2em 0;} /* ========================================================================== Author's custom styles ========================================================================== */ .droite {float: right;} .milieu, .gauche {float: left;} .normal {font-weight: normal;font-style: normal;} .bold {font-weight: bold;-webkit-font-smoothing: antialiased;-moz-font-smoothing: none;} .italic { font-style: italic; } .caps { text-transform: uppercase; } .small, .small .underlined {font-size: 12px; } .underlined {text-decoration: underline;} .display-b {display: block;} .display-ib { display: inline-block;} .underline {text-decoration: underline;} .clear { clear: both;} .uppercase { text-transform: uppercase; } .text-right {text-align: right;} .text-left {text-align: left;} .text-center {text-align: center;} .align-top {vertical-align: top;} .bg-transparent:hover, .bg-transparent {background-color: transparent;} .visible {display: block;} .hide {display: none;} /* marges communes */ .p0t { padding-top: 0;} .mAuto {margin: 0 auto;} .h120 {height: 120px;} .m0t {margin-top: 0px;} .m5t {margin-top: 5px;} .m10t {margin-top: 10px;} .m15t {margin-top: 15px;} .m20t {margin-top: 20px;} .m25t {margin-top: 25px;} .m30t {margin-top: 30px;} .m0b {margin-bottom: 0px;} .m5b {margin-bottom: 5px;} .m10b {margin-bottom: 10px;} .m15b {margin-bottom: 15px;} .m20b {margin-bottom: 20px;} .m25b {margin-bottom: 25px;} .m30b {margin-bottom: 30px;} .m40t {margin-top: 40px;} .m40b {margin-bottom: 40px;} .m0l {margin-left: 0px;} .m5l {margin-left: 5px;} .m10l {margin-left: 10px;} .m15l {margin-left: 15px;} .m20l {margin-left: 20px;} .m25l {margin-left: 25px;} .m30l {margin-left: 30px;} .m90l {margin-left: 90px;} .m0r {margin-right: 0px;} .m5r {margin-right: 5px;} .m10r {margin-right: 10px;} .m15r {margin-right: 15px;} .m20r {margin-right: 20px;} .m25r {margin-right: 25px;} .m30r {margin-right: 30px;} .m90r {margin-right: 90px;} .milieu {margin-left: 10px; margin-right:10px; } .p20tb {padding: 20px 0 20px 0px;} .p0t {padding-top: 0 !important;} .w625 {width: 625px;} .no-border {border: 0 !important;} .no-border-radius {border-radius: 0;} .border1b {border-bottom: 1px solid #00141e;} .border1t {border-top: 1px solid #ccdce4; padding-top: 20px;clear: both;} .border1b {border-bottom: 1px solid #ccdce4; padding-bottom: 20px;clear: both;} .border5t {border-top: 5px solid #33434b; padding-top: 25px;clear: both;} .border5b {border-bottom: 5px solid #33434b; padding-bottom: 25px;clear: both;} .bg-border {background-color: #ebf0f5; border: 1px solid #ccdce4; padding: 14px;} .border10t {border-top: 10px solid; } .border5 {border: 5px solid #ccdce4;} .border1 {border: 1px solid #ccdce4; padding: 14px;} .border1r { border-right: 1px solid #ccdce4;} /* ========================================================================== Helper classes ========================================================================== */ /* * Image replacement */ .ir { background-color: transparent;border: 0;overflow: hidden; /* IE 6/7 fallback */*text-indent: -9999px; } .ir:before {content: "";display: block;width: 0;height: 150%;} /* * Hide from both screenreaders and browsers: h5bp.com/u */ .hidden {display: none !important;visibility: hidden;} /* * Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;} /* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto;} /* * Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden;} /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after {clear: both;} .clearfix:after, article:after, figure:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .display_adthletic { display:none; } /* * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .clearfix {*zoom: 1;} /* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */ @media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ } @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ } /* ========================================================================== Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links for images, or javascript/internal links */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* ========================================================================== IE styles ========================================================================== */ .ie7 .display-ib { zoom: 1; display: inline;} /* Generate (5) /_assets/css/_structure-header.css */ /* header */ #tranche-haut {height: 75px; margin: 0 0 15px 0;} #tranche-haut .annotation {font-size: 10px; display: block; margin: 5px 0 9px 0;height: 17px; color: #7fa7bb;} #tranche-haut .annotation a {color: #7fa7bb; text-decoration: underline;} #tranche-haut .annotation a:hover {color: #3cb4f0;} #parisien-header .cont .btn-sup100 {font-weight: normal; height: 26px; line-height: 26px;} #parisien-header .etat-deconnecter .cont-id {height: 30px;} #cont-menuPrincipal {height: 42px;margin-bottom: 15px;} /******************/ /* BANNIERE */ /******************/ #banniereEvenementielle {height: 100px;} .text-exclus {color: #cc6600; } .text-abonnes {color: #e4af00; } /******************/ /* structure MENU */ /******************/ #menuPrincipal.menu {font-family: "PTSansNarrowBold", tahoma, sans-serif; font-size: 14px;} #menuPrincipal.menu li {font-family: "PTSansNarrowBold", tahoma, sans-serif; font-weight: normal;} .menu { line-height: 35px; font-size: 12px; text-align: center; text-transform: uppercase; background-color: #FFFFFF; border-bottom: 1px solid #CCDCE4; } .menu li {float: left;} .menu li a {padding: 0 13px; color: #00283C; } .menu li a span {color: #00283C;} .menu li a .icon {margin-right: 10px;} .menu li a .icon.m0r {margin-right: 0;} .menu li a span.normal {color: #FFFFFF;} .menu .current:hover {background-color: transparent;} .menu .current:hover a, .menu .current a , .menu .current a span {color: #0078b4; *line-height: 30px; } /*#abonnes .menu .current a span {color: #fff; }*/ .menu li:hover {background-color: #d7ebf5; color: #00283C;} .menu li:hover a { color: #00283C;} .menu li > p {padding: 0px 13px; font-size: 14px; line-height: 25px; color: #FFF; text-transform: none;} .menu li.no-href {line-height: 35px; vertical-align: middle;} .sousMenuActif .menu { border-bottom: 0;} .sousMenu.current .no-href:hover, .menu .no-href:hover {background: none;} .menu .icon {font-size: 16px;} .menu.sousMenu { padding: 0 10px; background-color: #FFFFFF;border: 1px solid #CCDCE4; border-bottom: 0; font-size: 14px; font-weight: normal;} .sousMenu.current:hover, .sousMenu.current {background-color: #0078B4; border: 0; } .menu .sousMenu.current:hover a, .menu .sousMenu.current a span, .menu.sousMenu.current:hover a, .menu .sousMenu.current a {color: #FFFFFF;} .sousMenu.current li {text-transform: none; padding: 5px 0; line-height: 25px;} .sousMenu.current > li.current {text-transform: none; padding: 4px 0; line-height: 25px;} .sousMenu li { padding: 5px 0; line-height: 25px;} .sousMenu li a, .sousMenu li p { display: inline-block; } .sousMenu li:hover { padding: 4px 0; } .sousMenu.current li a { color: #FFF; font-family: "tahoma", arial, sans-serif; } .menu.sousMenu.current > li.current a { padding: 0 13px;} .sousMenu.current li.current > a {border: 1px solid #FFF; -moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px; } .sousMenu.current li.current:hover > a {color: #FFF; } .sousMenu.current li:hover { background-color: transparent;} .sousMenu.dropdown li:hover a, .sousMenu.current > li:hover > a { border: 1px solid #FFF; background-color: transparent; padding: 0px 12px; -moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px; } .sousMenu.current > li:hover > p { padding: 0 12px;} .sousMenu.current > li.current:hover > p { padding: 0 13px;} /* DROPDOWN */ .sousMenu.dropdown { position: relative; } .sousMenu.dropdown .sousMenu { background-color:#0078B4; height: inherit; text-align: left; position: absolute; z-index: 1000; display: none; border: 0; padding: 5px; min-width: 100%;} .euro2016 .sousMenu { padding: 5px 0 !important; } .sousMenu.dropdown:hover .sousMenu { display: block; background-color:#0078B4; } .sousMenu.dropdown li { float: none; height: 25px; line-height: 25px; padding: 0; white-space: nowrap; } .sousMenu.dropdown li a { display: block; padding: 0 5px; border: 1px solid transparent; white-space: nowrap; } /*.sousMenu.dropdown li:hover { line-height: 23px; } .sousMenu.dropdown li:hover a { padding: 0 4px; }*/ .sousMenu.dropdown:hover > p {border: 1px solid #FFF;background-color: transparent;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px; padding: 0 12px;} .sousMenu.dropdown.current .current a, .sousMenu.dropdown.current > p { border: 1px solid #FFF;background-color: transparent;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;} .sousMenu.dropdown.current .current a { cursor: default; padding: 0 5px; line-height: 23px;} .sousMenu.dropdown .pointeTriangle { width: 0; height: 0; border-style: solid; border-width: 6px 4px 0 4px; border-color: #FFF transparent transparent transparent; display: inline-block; *display: inline; *zoom: 1; margin-left: 5px; vertical-align: middle; } #menuPrincipal {height: 42px; line-height: 42px; background-color: transparent; border: 0;} #menuPrincipal li {padding: 0;} #menuPrincipal li a { background: url("/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/header/menuSeparateur.gif") no-repeat bottom right; } #menuPrincipal li:last-child a {background-image: none;} #menuPrincipal .current:hover, #menuPrincipal .current { /* Anciens navigateurs */ background: #0087ca url("/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/header/menu_active.png") repeat-x top; -o-background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; /* Navigateurs récents */ background: -webkit-gradient(linear,left top, left bottom,from(#00283c),to(#0087ca)); background: -webkit-linear-gradient(top,#00283c,#0087ca); background: -moz-linear-gradient(top,#00283c,#0087ca); background: -o-linear-gradient(top,#00283c,#0087ca); background: linear-gradient(top,#00283c,#0087ca ); } #menuPrincipal li:hover { /* Anciens navigateurs */ background: #005883 url("/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/header/menu_hover.png") repeat-x top; -o-background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; /* Navigateurs récents */ background: -webkit-gradient(linear,left top, left bottom,from(#00283c),to(#005883)); background: -webkit-linear-gradient(top,#00283c,#005883); background: -moz-linear-gradient(top,#00283c,#005883); background: -o-linear-gradient(top,#00283c,#005883); background: linear-gradient(top,#00283c,#005883); } #menuPrincipal li a {display: block; height:42px;line-height: 42px;padding: 0 7px;font-size: 16px;text-transform: uppercase;color: #FFFFFF; overflow: hidden; } #menuPrincipal li a:hover {color: #FFFFFF;} #menuPrincipal li.current:hover, #menuPrincipal li.current { border-bottom: 5px solid #3cb4f0;} #laparisienne #menuPrincipal li a { padding: 0 4px !important; } #menuPrincipal .abonnes a {color: #ffd200;} #menuPrincipal .abonnes.current a {color: #FFFFFF;} #menuPrincipal li.abonnes.current:hover, #menuPrincipal li.abonnes.current { border-bottom: 5px solid #ffd200; /* Anciens navigateurs */ background: #bdb52b url("/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/header/menu_abonnes_active.png") repeat-x top; -o-background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; /* Navigateurs récents */ background: -webkit-gradient(linear,left top, left bottom,from(#00283C),to(#bdb52b)); background: -webkit-linear-gradient(top,#00283C,#bdb52b); background: -moz-linear-gradient(top,#00283C,#bdb52b); background: -o-linear-gradient(top,#00283C,#bdb52b); background: linear-gradient(top,#00283C,#bdb52b ); } #menuPrincipal li.abonnes:hover { /* Anciens navigateurs */ background: #8e922f url("/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/header/menu_abonnes_hover.png") repeat-x top; -o-background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; /* Navigateurs récents */ background: -webkit-gradient(linear,left top, left bottom,from(#00283C),to(#8e922f)); background: -webkit-linear-gradient(top,#00283C,#8e922f); background: -moz-linear-gradient(top,#00283C,#8e922f); background: -o-linear-gradient(top,#00283C,#8e922f); background: linear-gradient(top,#00283C,#8e922f); } /* niveau 2 */ #menuSecondaire {min-height: 33px; max-height: 70px; line-height: 33px; } #menuSecondaire a, #menuSecondaire a:hover { text-decoration: none;} #menuSecondaire li { float: left; } #menuSecondaire li:hover { background-repeat: repeat-x; } #menuSecondaire li {height: 35px; line-height: 35px;} #menuSecondaire li a { padding: 0 7px; display: block; height: 35px; line-height: 35px; } #menuSecondaire li.current:hover {color: #FFFFFF; } #menuSecondaire li.current:hover a { cursor: default;} #menuSecondaire ul.menu { overflow: hidden; } /*#menuSecondaire li.current.sousMenu a {color: #FFFFFF;}*/ /*---------------------------- me Connecter ---------------------------*/ #meConnecter .cont-id p { text-align: right; font-size: 14px; margin: 0px 10px; line-height: 22px; } #meConnecter .cont-id span { text-transform: none; font-weight: normal; display: block; } #meConnecter .cont-id .identifiezVous { font-weight: bold; text-align: right;} #meConnecter .cont-id .identifiezVous span {font-size: 12px;} #meConnecter .cont-id .btnConnexion > * {display: inline-block;*display: inline;vertical-align: top;} #meConnecter .cont-id .i40x40 {padding: 2px;} #meConnecter .cont-id .i40x40:hover {background-color: #00283C;} /* etat connecter */ #meConnecter .etat-connecter {display: none;} #meConnecter .etat-connecter .picto-avatar { height: 44px; max-width: 44px;border-width: 1px; border-style: solid; } #meConnecter .etat-connecter .picto-avatar img { height: 44px; max-width: 44px; display: block;} #meConnecter .etat-connecter .cont-id .droite a { font-weight: normal; } #meConnecter .etat-connecter .cont-id span {font-weight: bold; } #cont-activite-infobulles .info-parametres { width: 178px;} #cont-activite-infobulles .info-parametres ul { border-top: 1px solid #00283C; } #cont-activite-infobulles .info-parametres li { border: 1px solid #00283C; border-top: none; height: 30px; line-height: 30px; font-size: 14px; color: #ffffff; /* Anciens navigateurs */ background: #00283C url("/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/header/bgOngletParametres.png") repeat-y left; -o-background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; /* Internet Explorer */ *background: #00283C; background: #00283C; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr=#FF294b5b, endColorstr=#FF00283C); /* Navigateurs récents */ background-image: -webkit-gradient( linear, left top, right top, from(#294b5b), to(#00283C) ); background-image: -webkit-linear-gradient( left, #294b5b, #00283C ); background-image: -moz-linear-gradient( left, #294b5b, #00283C ); background-image: -o-linear-gradient( left, #294b5b, #00283C ); background-image: linear-gradient( left, #294b5b, #00283C ); } #cont-activite-infobulles {display: none;} #cont-activite-infobulles .info-parametres li:hover {background: #0078b4;} #cont-activite-infobulles .info-parametres li>a { padding: 0 0 0 20px; display: block; color: #FFFFFF; } #cont-activite-infobulles .info-parametres .medeconnecter { border: none; font-size: 11px; text-transform: uppercase; font-weight: bold; background: #005a87; } #cont-activite-infobulles .medeconnecter .pictoImg { background-color: transparent; } #barre-activite { height: 25px } #barre-activite li { float: left; padding: 0 8px; height: 25px; } #barre-activite a { height: 25px; line-height: 25px; margin-right: 5px; } #barre-activite li.current, #barre-activite li.active {background-color: #00283C;} #barre-activite li span { margin: 5px 0 0 0; display: block; text-indent: -5000em; } /*etat deconnecter */ #meConnecter .etat-deconnecter { height: 30px; } #meConnecter .etat-deconnecter .btnConnexion { text-indent: 0em; text-transform: uppercase; } #meConnecter .etat-deconnecter .btnConnexion .identifiezVous {display: inline-block; *display: inline;zoom: 1; font-size: 14px; line-height: 15px;} #meConnecter .etat-deconnecter .btnConnexion .identifiezVous p {line-height: 15px;} #meConnecter .etat-deconnecter .cont-id li { margin-left: 10px; } #bloc-partage { position: relative; margin: 20px 0 0 0; height: 25px; z-index: 10; float: right; } #bloc-partage .blocPartage p, #barre-activite { font-weight: bold; text-transform: uppercase; font-size: 11px; } .blocPartage form, .blocPartage p { float: left } .blocPartage p { line-height: 22px; display: block; width: 60px; font-weight: bold; } #bloc-partage .btn-config { padding-right: 10px; text-align: center; } #barre-activite .activite { width: 77px; background-image: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/effets/parisien/activite-effet.png); background-repeat: no-repeat; background-position: top left; } #cont-activite-infobulles { position: absolute; top: 25px; display: none; } .btn-slide { float: left; height: 12px; width: 12px; margin-left: 3px; cursor: pointer; margin-bottom: 0; } .pagination a, .btn-slide a { text-indent: -5000em; display: block; } /* BOUTON ABONNEZ-VOUS */ #parisien-header .btn-abonnezVous {margin-top: 10px; float: right;} /* BOUTON ABONNEZ-VOUS OFFRE FLASH */ #parisien-header .btn-abonnezVous.flash { background-color: #e1af00; width: 250px; } #parisien-header .btn-abonnezVous.flash:hover { background-color: #00a0f0; } #parisien-header .btn-abonnezVous.flash .prix { color: #fff; } #parisien-header .btn-abonnezVous.flash .small { font-family: 'PT Sans Narrow', sans-serif; font-size: 11px; } /* EN AVANT */ #enavant { height: 30px; line-height: 30px; } #enavant #aSuivre { clear: both; height: 30px; line-height: 30px; width: 800px; overflow: hidden; } #enavant #aSuivre ul { width: 690px; } #enavant #aSuivre li { float: left; height: 30px; } #enavant #aSuivre li a { font-size: 12px; font-weight: bold; padding: 0 11px; display: block; } #enavant .pictoImg {-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;} #enavant #suivezNous li {margin-left: 1px; cursor: pointer;} .suivezParisien .icon {border-radius: 0; vertical-align: top;} #parisien-header .cont > * { width: 33%;} #parisien-header .cont>.gauche + .gauche { text-align: center;} /* LOCALISATION TOP */ .topLocalisation { background-color: #0078B4; color: #FFF; } .topLocalisation > div { padding: 10px 20px; height: 40px; line-height: 40px; text-transform: uppercase; } .topLocalisation * { vertical-align: top; } .topLocalisation p { font-size: 21px; margin-right: 20px;} .topLocalisation .icon-close24 { float: right; cursor: pointer;} .topLocalisation .moteurRechercheDefault input[type="text"] { padding-left: 10px;} .topLocalisation .moteurRechercheDefault .icon { display: none;} .topLocalisation .moteurRechercheDefault input[type="submit"] { background-color: #3cb4f0;} .topLocalisation .moteurRechercheDefault input[type="submit"]:hover { background-color: #00283C;} /* TOP COOKIE */ .topCookie {background-color: #0078B4; color: #FFF; font-size: 12px; border-bottom: 1px solid #00283C; height: 29px; line-height: 29px;} .topCookie .btn { margin: 0 5px;} .topCookie a:hover, .topCookie a { color: #FFF; text-decoration: underline;} .topCookie .btn.btn-cookie-ok {background-color: transparent; border: 1px solid #ffffff;font-weight: normal;height: 18px; line-height: 18px;padding: 0 5px;} .topCookie .btn.btn-cookie-ok:hover {background-color: #ffffff; border: 1px solid #ffffff;color:#0078B4;} /******************/ /* VERSION ABONNE */ /******************/ #parisien-header { display: none;} #menuSecondaire { display: none; } #menuTertiaire { display: none; position: relative; } #parisien-header-abonnes { display: none; font-size: 14px; height: 151px; } #parisien-header-abonnes > * { position: fixed; left: 0; right: 0; z-index: 99999995; } .abonnes .container { max-width: 1000px !important; } .abonnes a[href] { color: #00283C; text-decoration: none; } .abonnes section { padding: 0 25px; height: 100%; } .abonnes label { font-family: tahoma, 'TahomaRegular', sans-serif; font-size: 13px; } .abonnes .float_left { float: left; } .abonnes .float_right { float: right; } .abonnes .padding-left { padding-left: 25px; } .abonnes .padding-right { padding-right: 25px; } .abonnes .padding-top { padding-top: 25px; } .abonnes .color-abonnes { color: #E1AF00; } .abonnes .backgroundColor-abonnes { background-color: #FAC832; } .abonnes .container { height: 100%; padding: 0; } .abonnes .table { display: table; width: 100%; height: 100%; table-layout: fixed; box-sizing: border-box; } .abonnes .cell { display: table-cell; height:100%; vertical-align: middle; margin: auto; } .abonnes .cell.vtop { vertical-align: top; } .abonnes .row { display: table-row; } .abonnes .row-1 { width: 300px; padding-left: 25px; } .abonnes .row-2 { width: 625px; padding-left: 25px; } .abonnes .row-3 { width: 950px; padding-left: 25px; } .abonnes .closeButton { cursor: pointer; } .abonnes .closeButton.actif:before { content: "\e62f"; } .abonnes .closeButton.actif { border: 1px solid white; border-radius: 2px; color: white !important; } .abonnes .closeButton.actif:hover { background-color: white !important; color: #FAC832 !important; } /* HEADER TOP */ .abonnes #header-top { background-color: white; height: 50px; width: 100%; top: 0; z-index: 100000000; } .abonnes #titreAbonne { font-size: 24px; padding-right: 20px; } .abonnes #editionAbonnes { text-transform: uppercase; font-size: 20px; } .abonnes #nousSuivre { margin: auto; line-height: 30px; font-weight: bold; } .abonnes #cell-logo { width: 135px; } .abonnes #cell-editionAbonnes { text-align: center; width: auto; } .abonnes #cell-nousSuivre { padding-left: 0; } .abonnes .suivezParisien { display: inline-block; margin: auto; } .abonnes .suivezParisien .icon { background-color: transparent; color: #00283C; } .abonnes .suivezParisien > li:hover .icon { color: white; } .abonnes .suivezParisien > li:hover .icon-facebook16 { background-color: #3b5998; } .abonnes .suivezParisien > li:hover .icon-twitter16 { background-color: #00aced; } .abonnes .suivezParisien > li:hover .icon-googleplus16 { background-color: #dd4b39; } .abonnes .suivezParisien > li:hover .icon-pinterest16 { background-color: #cb2027; } .abonnes .suivezParisien > li:hover .icon-email16, .abonnes .suivezParisien > li:hover .icon-mobile16 { background-color: #3cb4f0; } .abonnes #suivezNous-infobulle .infobulle { border: none; } #header-overlay-background { position: fixed; top: 50px; left: 0; right: 0; bottom: 0; z-index: 99999994; background-color: rgba(0, 0, 0, 0.3); display: none; } /* MENU PRINCIPAL */ .abonnes#parisien-header-abonnes { background-color: white; border: none; min-width: 1000px; } #parisien-header-abonnes .hidden { display: none !important; } .abonnes #cont-menuPrincipal { position: fixed; top: 50px; width: 100%; min-width: 1000px; height: 50px; font-family: tahoma, 'TahomaRegular', sans-serif; } .abonnes #cont-menuPrincipal .triangle-submenu:before { content: ''; position: absolute; right: 10px; top: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid white; } .abonnes #cont-menuPrincipal #burger { width: 100px; color: #00283C; } .abonnes #cont-menuPrincipal #burger > label { font-size: 14px; text-transform: uppercase; line-height: 22px; cursor: pointer;} .abonnes #cont-menuPrincipal #burger #burger-navicon { font-size: 26px; margin-right: 5px; background-color: transparent; color: #00283C; } .abonnes #cont-menuPrincipal #burger:hover #burger-navicon, .abonnes #cont-menuPrincipal #burger:hover #burger-text, .abonnes #cont-menuPrincipal #burger.opened #burger-text { color: white; cursor: pointer; } .abonnes #brand-home { width: 30px; padding-left: 5px; } .abonnes #brand-home > a[href] > img { border: 1px solid white; } .abonnes #navigation { text-align: right; vertical-align: inherit; } .abonnes #navigation > li { display: inline-block; padding: 0 15px; position: relative; height: 100%; line-height: 45px; background-color: transparent !important; } .abonnes #navigation > li:nth-child(2) { padding-left: 0; } .abonnes #navigation > li:last-child{ padding-right: 0; } .abonnes #navigation > li > a { text-transform: uppercase; font-size: 14px; color: #00283C; display: block; border-bottom: 2px solid transparent; height: 48px; } .abonnes #navigation > li:hover > a { color: white; } .abonnes #navigation > li.current > a { border-bottom: 2px solid #00283C; } .abonnes #brand-home { display: none; } .abonnes #navigation #local-recherche { padding-right: 10px; position: static; } /* Correctif icone recherche ma ville */ .abonnes #navigation #local-recherche #local-recherche-menu { display: none; position: absolute; top: 100%; margin-top: -15px; padding-top: 15px; left: 0; right: 0; text-align: center; } .abonnes #navigation #local-recherche #local-recherche-menu-container { border-top: 1px solid white; } /* 560 */ .abonnes #navigation #local-recherche #local-recherche-menu-input { width: 560px; text-indent: 50px; border-radius: 2px 0 0 2px; -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; -o-border-radius: 2px 0 0 2px; margin: 20px 0; border: none; background-color: white; height: 50px; } .abonnes #navigation #local-recherche #local-recherche-menu-ok { background-color: #00283C; color: white; height: 50px; width: 70px; font-size: 18px; font-weight: bold; line-height: 49px; text-transform: uppercase; margin-left: -12px; border: none; border-radius: 0 2px 2px 0; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -o-border-radius: 0 2px 2px 0; } .abonnes #navigation #local-recherche #local-recherche-menu-container form { position: relative; width: 630px; margin: 0 auto; text-align: left; } .abonnes #navigation #local-recherche #local-recherche-menu-placeholder { position: absolute; left: 0; top: 50%; margin-top: -25px; height: 50px; padding-left: 15px; width: 545px; text-align: left; cursor: text; } .abonnes #navigation #local-recherche #local-recherche-menu-placeholder-navicon { background-color: transparent; color: #00283C; text-align: left } .abonnes #navigation #local-recherche #local-recherche-menu-placeholder-text { font-size: 20px; text-transform: uppercase; color: #00283C; cursor: text; } .abonnes #navigation #local-recherche .autoCompletion { position: absolute; z-index: 100; left: 0; width: 550px; text-align: left; background-color: #FFF; top: 100%; margin-top: -20px; text-transform: none; } .abonnes #navigation #local-recherche .autoCompletion ul { padding: 10px 0; border: 1px solid #ccdce4; min-width: 270px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .abonnes #navigation #local-recherche .autoCompletion li { height: 25px; line-height: 25px; } .abonnes #navigation #local-recherche .autoCompletion li a { display: block; padding: 0 10px; color: #00283C;} .abonnes #navigation #local-recherche .autoCompletion li:hover a { background-color: #ccdce4; } .abonnes #navigation > li > .icon { background-color: transparent; color: #00283C; } .abonnes #navigation #profil-navicon { padding-right: 5px; } .abonnes #navigation #profil-menu { width: 155px; position: absolute; right: 15px; top: 40px; padding-top: 10px; text-align: left; color: #00283C; display: none; } .abonnes #cont-menuPrincipal .submenu li { min-height: 30px; line-height: 30px; padding-left: 20px; font-size: 13px; background-color: white; } .abonnes #cont-menuPrincipal .submenu li:hover:not(.empty) { background-color: #EBF0F5; cursor: pointer; } .abonnes #cont-menuPrincipal .submenu li.backgroundColor-abonnes { background-color: #FAC832; text-transform: uppercase; } .abonnes #cont-menuPrincipal .submenu li.backgroundColor-abonnes:hover { background-color: #FAC832; color: white; } .abonnes #cont-menuPrincipal .submenu li.backgroundColor-abonnes:hover > * { color: white; } .abonnes #cont-menuPrincipal.floating { position: fixed; top: 0; } .abonnes #menu-all { display: none; background-color: white; position: absolute; left: 0; right: 0; top:100%; min-height: 50px; border-bottom: 2px solid #FAC832; height: auto; } .abonnes #menu-all .row-title { padding-left: 10px; } .abonnes #menu-all .row-title, .abonnes #menu-all .row-title > a { text-transform: uppercase; color: #00283C; font-size: 13px; font-weight: bold; } .abonnes #menu-all .table { border-collapse: separate; border-spacing: 10px 0; } .abonnes #menu-all #menu1-content { padding-left: 5px; line-height: normal; margin-bottom: 10px; } .abonnes #menu-all #menu2-content { margin-bottom: 10px; max-height: 450px; } .abonnes #menu-all #menu2-content .table { padding-left: 5px; } .abonnes #menu-all #menu2-content li { padding: 0; padding-left: 10px; margin-right: 20px; } .abonnes #menu-all #menu2-content a[href] { text-decoration: none; color: #00283C; } .abonnes #menu-all #menu-exclusifs { border-top: 1px solid #CCDCE4; } .abonnes #menu-all #menu-exclusifs > div { overflow-y: hidden; } .abonnes #menu-all #menu-exclusifs > div > *:first-child { margin-left: 25px; } .abonnes .menu-fleft { height: 50px; text-align: left; } .abonnes .menu-fleft > * { color: #00283C; } .abonnes .menu-fleft > * { color: #7FA7BB; } .abonnes .menu-fleft > * { float: left; display: block; color: #00283C; margin-right: 12px; border-bottom: 2px solid transparent; line-height: 48px; box-sizing: border-box; } .abonnes .menu-fleft > *:last-child { margin-right: 0; } .abonnes .menu-fleft > *.current { border-bottom: 2px solid #0078B4; color: #0078B4; background-color: transparent !important; } .abonnes .menu-fleft > *.current * { color: #0078B4; } .abonnes .menu-fleft > label { font-weight: bold; font-size: 15px; text-transform: uppercase; } .abonnes .menu-fleft a[href]:hover { color: #7FA7BB; } .abonnes .menu-fleft a[href] { display: block; } /* MENU SECONDAIRE */ .abonnes #cont-menuSecondaire, .menuSecondaireABO { background-color: white; border-bottom: 1px solid #CCDCE4; border-top: 1px solid #CCDCE4; top: 100px; z-index: 99999993; } .abonnes #cont-menuSecondaire .menu-fleft > li span, .menuSecondaireABO .menu-fleft > li span { color: inherit; } .menuSecondaireABO .menu-fleft { height: 35px; } .menuSecondaireABO .menu-fleft > li { height: 35px; line-height: 35px; } .menuSecondaireABO .menu-fleft > li a { padding: 0 7px; font-size: 14px; } /* MENU TERTIARE */ .abonnes #cont-menuTertiaire .container .menu-fleft { position: relative; } .abonnes #cont-menuTertiaire { display: none; background-color: white; border-bottom: 1px solid #CCDCE4; position: fixed; top: 150px; height: 50px; left: 0; right: 0; z-index: 99999993; } .abonnes #cont-menuTertiaire .dropdown:hover > p { border: none; padding: 0; border-radius: 0; cursor: pointer; color: #7FA7BB; } .abonnes .sousMenu.dropdown .pointeTriangle { border-color: #00283C transparent transparent transparent; } .abonnes .sousMenu.dropdown:hover > * { color: #7FA7BB; } .abonnes .sousMenu.dropdown:hover .pointeTriangle { border-color: #7FA7BB transparent transparent transparent; } .abonnes .sousMenu.dropdown .sousMenu.menu { background-color: #7FA7BB; color: white; left: -10px; padding: 0; width: auto; } .abonnes .sousMenu.dropdown .sousMenu.menu > li > * { border: none; color: white; text-transform: none; white-space: nowrap; padding-left: 15px; padding-right: 15px; border-bottom: none } .abonnes .sousMenu.dropdown .sousMenu.menu > li:hover > * { border: none; border-radius: 0; background-color: #99B9C9; } .abonnes .sousMenu.dropdown > a { color: #00283C; } /* FLOATING MODE */ .abonnes #topScroll-fixed { position: fixed; bottom: 0; background-color: #00283C !important; background-color: rgba(0, 40, 60, 0.4) !important; cursor: pointer; } .abonnes #topScroll-fixed:hover { background-color: #7FA7BB !important; background-color: rgba(0, 40, 60, 1) !important; } .abonnes #navigation #topScroll { display: none; padding: 0; width: 50px; height: 50px; background-color: #00283c !important; cursor: pointer; } .abonnes #navigation #topScroll:hover { background-color: #7FA7BB !important; } .abonnes #cont-menuPrincipal:not(.floating) .floating-show { display: none; } .abonnes #cont-menuPrincipal.floating #burger { width: 45px; } .abonnes #cont-menuPrincipal.floating #navigation a { height: 47px; } /* Scrollbar abonnés */ .abonnes #menu-all #menu-all-container { overflow: auto; direction: rtl; } .abonnes #menu-all #menu-all-content { direction: ltr; } .abonnes #menu-all .mCSB_container { margin-right: 0; } .abonnes #menu-all .mCSB_scrollTools { right: auto; left: -4px; } .abonnes #menu-all .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { color: white; width: 8px; border: 1px solid #CCDCE4; border-radius: 0; box-sizing: border-box; } .abonnes #menu-all .mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; width: 8px; border-radius: 0; background: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/header/scrollbar-background.png) repeat-y; } /*Menu Coupe du Monde de Rugby 2015 > Equipes*/ /*.cdm2015 { position: static!important;}*/ .cdm2015 ul { position: absolute; max-width: 1000px; padding: 10px 0;} .cdm2015 ul li.poule { text-transform: uppercase !important; padding: 0 9px !important; color: #8CC7D7; } #outer-main .cdm2015 { width: 120px !important; } #outer-main .cdm2015:hover { padding: 4px 0 !important; width: 120px !important; } #outer-main .cdm2015:hover ul { position: static!important; left: 0; /*display: table;*/ table-layout: fixed; width: 600px; } .cdm2015:hover ul { left: 0; display: table; table-layout: fixed; width: 600px !important; } .cdm2015 ul div { display: table-cell !important; width: 150px !important; } .cdm2015 ul li.poule { text-transform: uppercase !important; padding: 0 9px !important; color: #8CC7D7 !important; } .cdm2015 ul li.poule:hover { background: none !important; } .cdm2015 ul li:hover a, .cdm2015 ul li a, .cdm2015.current ul li a { padding: 0 9px !important; border-color: transparent !important; } #parisien-header-abonnes .cdm2015 { position: static; } #parisien-header-abonnes .cdm2015 > .sousMenu { left: 0; width: 100%; padding-left: 200px; box-sizing: border-box; } #parisien-header-abonnes .cdm2015 ul li.poule { color: #8CC7D7 !important; } #parisien-header-abonnes .cdm2015 ul li:not(.poule) a { color: white !important; text-transform: capitalize; } #parisien-header-abonnes .cdm2015 ul li:not(.poule):hover a { background-color: #99B9C9; } /*Bandeau Coupe du Monde de Rugby 2015*/ .bandeau-cdm2015 { height: 120px; width: 100%; background: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/sports/bandeau-cdm2015/bg_default.jpg) no-repeat left top; } .bandeau-cdm2015.default .newH1 { text-transform: uppercase; font-size: 28px; font-weight: bold; width: 100%; margin: 25px 0 10px 0; } .bandeau-cdm2015.default .newH1 span { color: #169542; display: inline-block; } .bandeau-cdm2015.default .newH1 + p { text-transform: uppercase; } .bandeau-cdm2015.equipes .gauche { width: 500px; } .bandeau-cdm2015.equipes .newH1 { font-size: 28px; margin: 15px 0 20px 0; } .bandeau-cdm2015 #bandeau-paragraphe p { margin-top: 10px; } .bandeau-cdm2015 #bandeau-paragraphe a { font-weight: bold; } .bandeau-cdm2015.afrique-du-sud { background-image: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/sports/bandeau-cdm2015/bg_afriquedusud.jpg); } .bandeau-cdm2015.angleterre { background-image: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/sports/bandeau-cdm2015/bg_angleterre.jpg); } .bandeau-cdm2015.argentine { background-image: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/sports/bandeau-cdm2015/bg_argentine.jpg); } .bandeau-cdm2015.australie { background-image: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/sports/bandeau-cdm2015/bg_australie.jpg); } .bandeau-cdm2015.canada { background-image: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/sports/bandeau-cdm2015/bg_canada.jpg); } .bandeau-cdm2015.ecosse { background-image: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/sports/bandeau-cdm2015/bg_ecosse.jpg); } .bandeau-cdm2015.etats-unis { background-image: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/sports/bandeau-cdm2015/bg_etatsunis.jpg); } .bandeau-cdm2015.fidji { background-image: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/sports/bandeau-cdm2015/bg_fidji.jpg); } .bandeau-cdm2015.georgie { background-image: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/sports/bandeau-cdm2015/bg_georgie.jpg); } .bandeau-cdm2015.irlande { background-image: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/sports/bandeau-cdm2015/bg_irlande.jpg); } .bandeau-cdm2015.italie { background-image: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/sports/bandeau-cdm2015/bg_italie.jpg); } .bandeau-cdm2015.japon { background-image: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/sports/bandeau-cdm2015/bg_japon.jpg); } .bandeau-cdm2015.namibie { background-image: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/sports/bandeau-cdm2015/bg_namibie.jpg); } .bandeau-cdm2015.nouvelle-zelande { background-image: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/sports/bandeau-cdm2015/bg_nouvellezelande.jpg); } .bandeau-cdm2015.pays-de-galles { background-image: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/sports/bandeau-cdm2015/bg_galles.jpg); } .bandeau-cdm2015.roumanie { background-image: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/sports/bandeau-cdm2015/bg_roumanie.jpg); } .bandeau-cdm2015.samoa { background-image: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/sports/bandeau-cdm2015/bg_samoa.jpg); } .bandeau-cdm2015.tonga { background-image: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/sports/bandeau-cdm2015/bg_tonga.jpg); } .bandeau-cdm2015.uruguay { background-image: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/sports/bandeau-cdm2015/bg_uruguay.jpg); } .bandeau-cdm2015.xv-de-france { background-image: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/sports/bandeau-cdm2015/bg_france.jpg); } /*BANDEAU ÉLECTIONS RÉGIONALES 2015*/ .bandeau-elections-regionales { height: 120px; width: 100%; background: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/elections/header/elections-regionales-2015.png) no-repeat left top; } .bandeau-elections-regionales .newH1 span { display: inline-block !important; color: #ff0000; margin-top: 15px;} /*BANDEAU EURO 2016*/ .bandeau-euro-2016 { height: 120px; background-size: 1000px 160px!important; background: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/euro2016/header/bandeauTitreEuro2016.jpg) no-repeat left top; } .bandeau-euro-2016 .gauche { margin-top: 20px;} .bandeau-euro-2016 p:first-child { font-weight: bold; color: #FFFFFF;} .bandeau-euro-2016 p:nth-child(2) { width: 409px; font-weight: bold; font-size: 14px; line-height: 15px;} .bandeau-euro-2016 .newH1 span { display: inline-block !important; color: #ff0000; margin-top: 15px;} /* Generate (6) /_assets/css/_structure-bloc300.css */ .h60 {height: 60px; margin-top: 10px;} .h120 {height: 120px; margin-top: 20px;} .hAuto {height: auto !important;} .widthAuto { width: auto!important; } #colDroite > *:first-child {margin-top: 0;} #colDroite > * {margin-top: 20px;} .bloc300x250 {height: 250px; overflow: hidden;} .bloc300x260 {height: 260px; overflow: hidden;} .modeConnecter {display: none;} .modeDeconnecter { display: block;} /************/ /* STANDARD */ /************/ .bloc300.h60>a { height: 60px;} .bloc300.h120>a { height: 120px;} .bloc625.h120>a { height: 120px;} .bloc300 {position: relative; padding: 0; width: 300px;} .bloc300>a {display: block;} .bloc300 .bloc-titres { margin-bottom: 5px;line-height: 15px; } .bloc300 .bloc-titres span {display: block;} .bloc300 .bloc-titre-rubrique {height: 10px;line-height: 7px;font-size: 11px;text-transform: uppercase;color: #3cb4f0;} .bloc300 .bloc-titre {font-size: 14px;text-transform: uppercase; font-weight: bold;} .bloc300 .bloc-titre:hover {color: #00a0f0;} .bloc300 .bloc-texte {width: 163px;color:#00283C;} .bloc300 .bloc-btn {position: absolute; left: 15px; bottom: 15px; height: 25px; line-height: 25px; } .bloc300 .formulairePartenaire-parisien {height: auto;} .bloc625 {position: relative; padding: 0; width: 625px !important;} .bloc625 .bloc-titres { margin-bottom: 5px;line-height: 15px; } .bloc625 .bloc-titres span {display: block;} .bloc625 .bloc-titre-rubrique {height: 10px;line-height: 7px;font-size: 11px;text-transform: uppercase;color: #3cb4f0;} .bloc625 .bloc-titre {font-size: 14px;text-transform: uppercase; font-weight: bold;} .bloc625 .bloc-titre:hover {color: #00a0f0;} .bloc625 .bloc-texte {width: 400px;color:#00283C;} .bloc625 .bloc-btn {position: absolute; left: 15px; bottom: 15px; height: 25px; line-height: 25px; } .bloc625 .formulairePartenaire-parisien {height: auto;} .bloc625 .accroche {width: 400px;} /*****************/ /* Mise En Avant */ /*****************/ .blocMea {background-color: #00283C; width: 300px;} .blocMea .accroche {font-size: 11px;line-height: 13px;} .blocMea .btn {left: 15px; bottom: 15px; background-color: #0078b4; } .blocMea .bloc-texte {color: #FFFFFF;padding: 15px 0px 0px 15px;} .blocMea>a {display: block;} .blocMea .bloc-titre:hover {color:#00a0f0;} /*************/ /* MARKETING */ /*************/ .blocMarketing {position: relative; background-color: #FFFFFF; background-image: url("/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/bloc300/background.gif");} .blocMarketing .accroche {font-size: 14px; line-height: 17px; color:#00283c;} .blocMarketing .btn {left: 0; bottom: 0;} .blocMarketing .bloc-texte {position: absolute; z-index: 2; top: 15px; left: 15px; height: 90px; width: auto;} .blocMarketing .bloc-image {position: absolute; z-index: 1; right: 0; top: 0;} .blocMarketing a:hover .bloc-texte {color: #00283c;} .blocMarketing a:hover p {color: #00283c;} .blocMarketing a:hover .btn {color: #FFFFFF;} .blocMarketing .bloc-titre:hover {color:#00a0f0} .blocMarketing.abonnes .accroche {padding-top: 10px; position: relative; z-index: 1;} .blocMarketing.abonnes .accroche span {font-weight: bold;font-size: 40px;color: #e1af00;} .blocMarketing.abonnes .accroche span sup {font-size: 20px; top: -15px;} .blocMarketing.h60 { border-bottom: 1px solid #ccdce4; } /*********/ /* MEDIA */ /*********/ .blocEditorial.blocMedia {background-color: #00141e; border: none; width: 300px; } .blocEditorial.blocMedia > .newH1 {border-bottom: 0; color: #FFFFFF; font-family: "Tahoma", arial, sans-serif;} .blocEditorial.blocMedia a {color: #FFFFFF;} .blocEditorial.blocMedia a:hover {color: #00a0f0;} /*************/ /* EDITORIAL */ /*************/ .blocEditorial .article270x63 .contImg { float: right; } .blocEditorial .content {padding: 10px 14px;} .blocEditorial .content.p10 {padding: 9px;} .blocEditorial .content > iframe { margin: 2px auto 10px auto; display: block; } .blocEditorial {position: relative; overflow: hidden; height: 248px;} .blocEditorial { width:298px; border:1px solid #ccdce4; } .blocEditorial.blocDefilant .contentTitre, .blocEditorial > .h1, .blocEditorial > .newH1 { height: 42px;line-height: 48px;padding: 0 15px;font-size: 21px; border-bottom:1px solid #ccdce4;font-weight: normal; margin: 0; } .blocEditorial > .newH1 span {border-left: 1px solid #ccdce4; padding-left: 5px;} .blocEditorial li {position: relative;list-style-type: none;height: 65px;padding: 5px 0 0px 0;overflow: hidden;width: 270px;} .blocEditorial li a {height: auto; overflow: hidden;} .blocEditorial .afterTitre {text-align: left; border-bottom: 1px solid #ccdce4; padding: 0px 15px; height: 29px;} .blocEditorial .afterTitre > * { padding: 0 5px; display: inline-block; *display: inline; *zoom: 1; height: 28px; line-height: 30px; } .blocEditorial .afterTitre > .active { border-bottom: 2px solid #3cb4f0; outline: none;} .blocEditorial .content .contenuOnglet { display: none;} .blocEditorial .content .contenuOnglet.active {display: block;} .blocEditorial > .newH1 .abonnes {color: #e1af00;} .blocEditorial .bottom {border-top: 3px double #ccdce4; text-align: right; font-size: 12px; padding-top: 10px; } .blocEditorial .bottom > a:after { content: ' >';} .blocEditorial .onglets {font-size: 14px;} .blocEditorial.bloc-chiffres .contTitre { width: 220px; } /* articles-list */ .blocEditorial.articles-list li.first {border-top: 0;} .blocEditorial.articles-list li {height: auto; border-top: 1px solid #ccdce4;} .blocEditorial.articles-list .article270x63 {height: auto;} .blocEditorial.articles-list .article270x63 .contTitre {width: auto;} /* articles_list_gallery */ .blocEditorial.articles_list_gallery .content { padding: 5px 12px 10px 12px; } .blocEditorial.articles_list_gallery .contTitre { display: none;} .blocEditorial.articles_list_gallery .article135x135 { vertical-align: top; margin-top: 5px; } /* visuel */ .blocEditorial.visuel .contTitre .newH1 {-webkit-font-smoothing: antialiased;line-height: 18px;font-size: 15px;} .blocEditorial.visuel .contTitre h2 {line-height: 17px;font-size: 14px;font-weight: normal;} .blocEditorial.visuel a:hover .contTitre h2 {color: #00283C;} .blocEditorial.visuel .article_list { padding: 5px 0; } .blocEditorial.bloc300x250.visuel li:last-child .article_list { border: none; } .blocEditorial.visuel .bottom { border: none; } /* ********/ /* RESIZE */ /**********/ #blocResize { height: auto;} #blocResize .content {min-height: 135px; padding-top: 0px;} /**********************/ /* EDITORIAL DEFILANT */ /**********************/ .js .blocEditorial.blocDefilant .contPagination { display: block;} .js .blocEditorial.blocDefilant ul {display: block;} .blocEditorial.blocDefilant .contentTitre form { float: none;} .blocEditorial.blocDefilant {height: 248px;} .blocEditorial.blocDefilant .contentTitre {background-color: #f5f8fa; } .blocEditorial.blocDefilant .contentTitre > .newH1 {font-size: 21px;height: 42px;line-height: 48px;font-weight: normal; margin: 0; } .blocEditorial.blocDefilant .content { padding: 0; } .blocEditorial.blocDefilant ul { float: left; width: 298px; display: none; } .blocEditorial.blocDefilant .contentTitre > .newH1 {font-size: 21px;height: 42px;line-height: 48px;font-weight: normal; margin: 0; } .blocEditorial.blocDefilant ul:first-child {display: block;} .blocEditorial.blocDefilant ul li {height: 45px; padding-bottom: 0; margin-bottom: 1px; padding-left: 10px; width: auto;} .blocEditorial.blocDefilant ul li:first-child { padding-top: 5px; } .blocEditorial.blocDefilant .time { width: 50px; text-align: center; } .blocEditorial.blocDefilant p { font-size: 12px; line-height: 14px;} .blocEditorial.blocDefilant .contPagination { display: none; font-size: 12px; height: 20px; margin-top: 15px;} .blocEditorial.blocDefilant .contPagination > * {float: left; } .blocEditorial.blocDefilant .contPagination > .pagination {width: 60px !important; height: 20px; line-height: 20px; text-align: center; display: block;} .blocEditorial.blocDefilant .contPagination .btn-pagination {display: none;} .blocEditorial.blocDefilant .contPagination .btn-pagination.last, .blocEditorial.blocDefilant .contPagination .btn-pagination.active {display: inline-block; display: inline;} .blocEditorial.blocDefilant .contPagination .icon8x8 {border: 1px solid #ccdce4; cursor: pointer;height: 18px; line-height: 18px; width: 18px; text-align: center;} .blocEditorial.blocDefilant .contPagination .icon8x8:hover { background-color: #ccdce4; color: #00141e; } .blocEditorial.formSelect .contentTitre form { float: none;} .blocEditorial.formSelect .contentTitre select {max-width: 140px;} .blocEditorial.formSelect .contPagination {height: 26px; line-height: 26px; margin-top: 9px;} /**********************/ /* EDITORIAL DIAPORAMA */ /**********************/ .blocEditorial.diaporama {height: 250px;} .blocEditorial.diaporama .contentTitre { background-color: #00141e; color: #FFF; border-bottom: 0;} .blocEditorial.diaporama .content {padding: 0;} .blocEditorial.diaporama .content > * { display: inline-block; *display: inline; *zoom: 1; height: auto; vertical-align: top; position: relative; z-index: 1;} .blocEditorial.diaporama .content > *:hover .contTitre {display: block; background-color: #00141e;} .blocEditorial.diaporama .contTitre {position: absolute; z-index: 2; bottom: 0; left: 0; padding: 10px 15px; margin: 0; display: none; width: 270px;} .blocEditorial.diaporama .contImg {height: auto;} .blocEditorial.diaporama figure {height: 208px;} .blocEditorial.diaporama img { width: auto; height: auto; margin: 0;} .blocEditorial.diaporama.light {height: 248px;} .blocEditorial.diaporama.light .contentTitre {background-color: transparent; color: #00283C; border-bottom: inherit;} /* BLOC EDITORIAL */ .blocEditorial.articles-list-625 { background-color: #ebf0f5; border-color: #FFF; width: 100%; } .blocEditorial.articles-list-625 .h1 { border-color: #FFF; text-align: left !important; } .blocEditorial.articles-list-625 .content td { min-width: 100px; padding: 5px 0; } .blocEditorial.articles-list-625 .content span { color: #cc3333; vertical-align: top; font-weight: normal; } .blocEditorial.articles-list-625 .content p { font-weight: bold; max-width: 500px; color: #00283C; display: block; } .blocEditorial.articles-list-625 a { display: block; } .blocEditorial.articles-list-625 a > * { display: inline-block; *display: inline; *zoom: 1; } /********************/ /* MOTEUR RECHERCHE */ /********************/ .bloc300.moteurRecherche {padding: 15px; width: 270px; height: 90px;} .bloc300.moteurRecherche .titre {font-size: 21px; color: #ccd0d2; margin-bottom: 10px} .bloc300.moteurRecherche span {font-size: 14px; color: #7fa7bb;} .bloc300.moteurRecherche form {margin-top: 14px;} /***********************/ /* BLOC CONNEXION */ /***********************/ #blocConnexion {} #blocConnexion > div { max-width: 245px; width: 50%; } #blocConnexion .contErreurs {display: none;} #blocConnexion input[type=text], #blocConnexion input[type=password] { width: 225px;} #blocConnexion aside {clear: both; padding-top: 20px;} #blocConnexion aside .titre {margin-bottom: 10px;} #blocConnexion aside > a {margin: 10px auto 0 auto;width: 150px;} #blocConnexion .titre {font-size: 18px;line-height: 22px; margin-bottom: 0px;} #blocConnexion > .droite { font-size: 13px; } #blocConnexion > .droite .titre {margin-bottom: 20px;} #blocConnexion ul { margin-bottom: 12px;} #blocConnexion li { list-style-type: disc; list-style-position: inside; line-height: 16px;} #blocConnexion .parisienFormDefault .inputLargeBorder {display: block; margin-bottom: 10px; width: 212px;} .blocConnexion .content {background-color: #EBF0F6; } .blocConnexion.bloc300x250 .titre-medium {display: none;} /* 525 */ #blocConnexion { padding: 20px;background-color: #ebf0f5; border: 1px solid #ccdce4;} #blocConnexion .titre-medium { font-size: 18px; margin-bottom: 20px; text-align: left;} /***********************/ /* BLOC FB GOOGLE */ /***********************/ #facebookGoogle { } #facebookGoogle .titre {text-align: center;font-size: 18px;line-height: 22px; margin-bottom: 10px;} #facebookGoogle p {font-size: 13px; line-height: 15px;} #facebookGoogle .btn-icon {margin-top: 10px;} #colArticle #facebookGoogle {border-top: 0;} #colArticle #facebookGoogle > div { width: 240px;} #colArticle #facebookGoogle .contentFb { float: left; } #colArticle #facebookGoogle .contentGoogle { float: right; } #colDroite #facebookGoogle {padding: 14px;background-color: #ebf0f5; border: 1px solid #ccdce4;} #colDroite #facebookGoogle .contentFb {margin-bottom: 20px;} #colDroite #facebookGoogle .titre {text-align: left;} /***************/ /* FLASH ACTU */ /***************/ .blocEditorial.flashActuLocal p, .blocEditorial.flashActu p { width: 220px; display: inline-block; *display: inline; vertical-align: top; } .blocEditorial.flashActuLocal .newH1, .blocEditorial.flashActu .newH1 { width: auto; } .blocEditorial.flashActuLocal .time, .blocEditorial.flashActu .time {width: 45px; font-weight: bold;font-size: 12px; line-height: 14px; display: inline-block; *display: inline;vertical-align: top;} .blocEditorial.flashActu a { color: #00283C;} .blocEditorial.flashActu a:hover {color: #3cb4f0;} /* defilant */ .blocEditorial.blocDefilant.flashActu .contentTitre > .newH1, .blocEditorial.blocDefilant.flashActu .time {color: #cc0000;} /* FLASH LOCAL */ .blocEditorial.blocDefilant.flashActuLocal .contentTitre .newH1, .blocEditorial.blocDefilant.flashActuLocal .time { color: #00283C; } /* FLASH IDF */ .flashArticles { position: relative; padding-bottom: 30px; margin-bottom: 20px; border-bottom: 1px solid #ccdce4 !important; } .flashArticles .contPagination { position: absolute; margin: 0; bottom: 11px; right: 0; color: #00283c !important; } .flashArticles .contPagination .pagination { font-weight: normal !important; width: 60px !important; height: 20px; line-height: 20px; text-align: center; font-size: 14px; text-align: center; text-transform: none !important; } .flashArticles .bloc300-flash { display: inline-block; width: 80px; padding: 10px 0; text-align: center; color: white; background: #0078b4; font-size: 18px; line-height: 20px; font-weight: bold; } .flashArticles.blocEditorial { border: none; width: 300px !important; } .flashArticles .contentTitre { height: 43px !important; padding: 0 !important; color: #0078B4; background: transparent; border: none; font-size: 18px !important; font-weight: bold !important; text-transform: uppercase; margin-bottom: 20px; border-bottom: none; } .flashArticles .content > ul { width: 300px; } .flashArticles .content > ul > li { padding-left: 0; margin-top: 10px; height: 50px !important; } .flashArticles .content li > a > time { float: left; width: 55px !important; color: #0078B4; text-align: left !important; font-size: 14px; } .flashArticles .content li > a > p { float: left; width: 245px !important; font-size: 14px; line-height: 18px; } .flashArticles .contPagination .icon16x16 { cursor: pointer; height: 18px; line-height: 18px; width: 18px; text-align: center; } .flashArticles .contPagination .icon16x16:hover { color: #7fa7bb; } .flashArticles.blocEditorial.blocDefilant .contentTitre { background-color: transparent; } #flashRegionales.flashArticles .contPagination { color: #f00000; } #flashRegionales.flashArticles .bloc300-flash { background: #f00000; } #flashRegionales.flashArticles .contentTitre { color: #f00000; } #flashRegionales.flashArticles .content li > a > time { color: #f00000; } /* PLUS RECOMMANDER FB */ .plusRecommande .fBsocial {height:397px; overflow:hidden; border-top:1px solid #ccdce4;} .plusRecommande .fbsocialIframe {margin:-1px; } /* TOP RECHERCHE */ .topRecherche li {height: 25px; line-height: 25px; list-style-type: decimal; padding-bottom: 0;} .topRecherche p {text-align: right; padding: 0 14px;} .topRecherche p * {display: inline-block; *display: inline; *zoom: 1; vertical-align: bottom;} .topRecherche span {text-align: left; margin-left: 5px;} .topRecherche .small { padding: 0; } /* LISEUSE */ .blocEditorial.liseuse .content {padding:0; } .blocEditorial.liseuse .bloc-texte {padding: 35px 0 0 8px; width: 119px; font-size:16px;} .blocEditorial.liseuse .bloc-titre {position:relative; z-index:8; padding-left:5px; width:286px; height:20px; line-height:20px; color:#ffffff; font-weight:normal; margin: 5px 0 8px 0;} .blocEditorial.liseuse .bloc-titre {font-size: 14px; text-transform: uppercase;} .blocEditorial.liseuse .bgCouleur {display:block; background-color:#00283c; } .blocEditorial.liseuse .bloc-image {position:absolute; right:0; bottom:0; width:171px; height:206px; background-color:#f0f0f0; text-align:center;} .blocEditorial.liseuse .journal {position:relative; width: 160px;} .blocEditorial.liseuse img {position:relative; z-index:9; height:190px; margin:10px 0 0 10px; } .blocEditorial.liseuse p {min-height:75px;} .blocEditorial.liseuse .newH1 {min-height:0;} .blocEditorial.liseuse .btn span { font-weight: normal; font-size: 11px; text-transform: none; } /* CARTLE ILE DE FRANCE */ .blocEditorial.carteRegion .newH1 {border-bottom:none; } .blocEditorial.carteRegion {background-color:#ebf0f5;} /* CAROUSEL PDF */ .carouselPdf {border: 0; width: 300px;} .carouselPdf .newH1 { border: 1px solid #ccdce4; border-bottom: 0; } .carouselPdf .contSupp, .carouselPdf .content { background-color: #00141e; overflow: hidden;} .carouselPdf figure {border: none;} .carouselPdf .contCarousel {position: relative; overflow: hidden;} .carouselPdf .carousel {width: 50%;height: 360px; margin: 0px auto; top: 35px; z-index: 20; } .carouselPdf .carousel li { height: 300px;width: 160px; cursor: pointer; } .carouselPdf .carousel li figure, .carouselPdf .carousel li img {width: 100% !important; height: auto !important;} .carouselPdf ul {float: none; overflow: initial;} .carouselPdf .carouselChiffres { position: absolute; top: 0px; left: 0px; height: 50px; z-index: 300; padding: 0;} .carouselPdf .carouselChiffres span {color: #FFF; position: relative; top: -20px; background-color: #d8a818;} .carouselPdf .contCarousel .title, .carouselPdf .contCarousel .first {padding: 0 14px;} .carouselPdf .contCarousel .first {margin-left: 90px;} .carouselPdf .contCarousel .title {float: none !important; position: absolute; z-index: 10; left: 0; width: 75px;} .carouselPdf .contCarousel .title.active {color: #FFF;} .carouselPdf .contCarousel .title, .carouselPdf .carouselChiffres li {font-weight: normal; height: 25px; line-height: 25px; color: #e2b001; padding:0 4px; float: left; margin: 0 0px 0 0; text-align: center; font-family: 'BebasNeueRegular', Tahoma, Arial; font-size: 20px; text-transform: uppercase; width: auto;} .carouselPdf .carouselChiffres li:hover {color: #FFF; background-color: transparent;} .carouselPdf .carouselChiffres li.active { color: #FFF; background-color: transparent;} .carouselPdf .carousel figcaption { display: none !important; color: #FFF; text-align: center;display: block;font-size: 13px;height: 40px; line-height: 40px; margin-top: 1px; background-image: url("/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/bloc300/editorial/pdf_carousel/degrade.png");background-position: top;background-repeat: repeat-x;} .carouselPdf .carousel .btn {display: none; margin: 0 auto ; width: 90px;} .carouselPdf .carousel .roundabout-in-focus figcaption, .carouselPdf .carousel .roundabout-in-focus .btn {display: block !important;} .carouselPdf .contSupp > p {color: #FFF; text-transform: uppercase; text-align: center;font-size: 16px; margin-bottom:8px;} .carouselPdf .lesSupplements { float: none; padding: 0;width: 300px; overflow: hidden;} .carouselPdf .lesSupplements li {width: 100px; height: auto;float: left; background-position: bottom right; background-repeat: no-repeat; padding-bottom: 10px;display: block; text-align: center; } .carouselPdf .lesSupplements img {border-color: #dfb000; border-style: solid; width: 98px; height: 128px;} .carouselPdf .lesSupplements figcaption { font-size: 12px; text-transform: uppercase; color: #FFF; margin: 2px 0 4px 0;} .carouselPdf .lesSupplements .btn-sup100 {margin: 0 4px; display: block;} .carouselPdf .lesSupplements .supplement-1 img {border-width: 2px 0px 2px 2px;} .carouselPdf .lesSupplements .supplement-2 img {border-width: 2px 1px 2px 1px;} .carouselPdf .lesSupplements .supplement-3 img {border-width: 2px 2px 2px 0px;} .carouselPdf .lesSupplements a { margin: 0 auto;} .carouselPdf .lesSupplements .btn-sup100.simple {font-size: 20px; font-weight: normal; background-image: none;} /* INSCRIPTION NEWSLETTER */ .blocEditorial.newsletter {min-height: 185px;} #newsletters-form-wrapper .merci { margin-top: 40px;} #newsletters-form-wrapper .loader-ajax { text-align: center; margin-top: 40px;} #newsletters-form-wrapper .introTetiere {font-weight:bold; font-size:14px; line-height:17px; margin-bottom:10px; } #newsletters-form-wrapper .mentions {clear:both; font-size:10px;} #newsletters-form-wrapper .btn {float: right; margin:5px 0; width:auto; } #newsletters-form-wrapper input[type=email] {width:250px;} /* BLOC SERVICE */ .service { } .service .newH1 {text-transform:uppercase; height:30px; line-height:30px; } .service figure {border-bottom:1px solid #ccdce4;} .service .content {border:1px solid #ccc; border-top:none;} .service .content a {height:30px; line-height:30px;} /* BLOC FACEBOOK */ .fBlpe .contImg {display:none} .fBlpe.service .content {padding:0; border:none;} .fBlpe.service {border:1px solid #ccdce4;} .fBlpe.service {text-transform: none} .blocEditorial.articles-list li, .blocEditorial.articles-list li.first {border-top:none} .articles-list.blocEditorial li {padding:0;} .blocEditorial.footDptmt li, .blocEditorial.footDptmt li.first {float:left; width: 135px;} /* BLOC FLASH */ /* LPE DECO */ .bloc300.decoIntro {padding:0; width:300px;} .bloc300.decoIntro .bloc-texte {float:left; width:auto; padding:0 15px;} .bloc300.decoIntro .bloc-titres {color:#000; font-size:13px; line-height: 17px; margin-bottom:5px;} .bloc300.decoIntro .bloc-titres span {font-size:15px; display:block;} .bloc300.decoIntro .bloc-titre-rubrique {display:block; height:15px; text-transform: uppercase; font-family:Tahoma, Arial, sans-serif; font-weight:bold; font-size:12px; color:#e60019; } .charlieHebdo { background-color: #000; } .charlieHebdo .bloc-titres span + span { text-transform: none; margin-top: 10px;} .charlieHebdo .bloc-titre-rubrique { color: #cc3333; font-weight: bold;} .charlieHebdo .btn { background-color: #cc3333; } .blocEditorial.articles-list.forumStatic .contTitre, .blocEditorial.articles-list.forumStatic img {float:left;} .blocEditorial.articles-list.forumStatic .contTitre {width: 160px;padding: 5px 5px 5px 0;} .blocEditorial.articles-list.forumStatic .article270x63 {height:68px;} /* bloc agenda */ .blocEditorial.bloc-agenda { height: auto;} .blocEditorial.bloc-agenda .content { padding: 0;} .blocEditorial.bloc-agenda p { background-color: #999; color: #FFF; height: 25px; line-height: 25px; text-transform: uppercase; padding: 0 5px; cursor: pointer; } .blocEditorial.bloc-agenda p:hover { background-color: #e60019; } .blocEditorial.bloc-agenda .active p { background-color: #000; cursor: default; } .blocEditorial.bloc-agenda li { height: auto; padding-top: 1px; width: auto; } .blocEditorial.bloc-agenda .contBloc { padding: 10px 15px 25px 15px; } .blocEditorial.bloc-agenda p span { margin: 7px 5px 0 0; } .blocEditorial.bloc-agenda p span { width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #ffffff; } .blocEditorial.bloc-agenda .active p span { margin-top: 10px; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #ffffff transparent transparent transparent; } /* TRUF */ .blocMea.turf { background-color: transparent;} .tranche-blocMoteur { overflow: inherit; } .tranche-blocMoteur > p { height: 42px; line-height: 48px; padding: 0 15px; font-size: 21px; border-bottom: 1px solid #ccdce4; } .tranche-blocMoteur .content { padding: 10px; } .tranche-blocMoteur .content > p { margin-bottom: 10px; } .tranche-blocMoteur .moteurRechercheDefault.form-xl, .tranche-blocMoteur .moteurRechercheDefault.form-xl input[type='text'] { background-color: #e6f0f5; } .offresStage .parisienFormDefault > * { display: inline-block; *display: inline; *zoom: 1; margin-top: 10px; vertical-align: top; } .offresStage .region, .offresStage .disc { width: 49%; } .offresStage .parisienFormDefault select { width: 100%;} .offresStage .contrat { width: 100%; } /* JOURNAL DU JOUR ABONNES */ .jdj-abo.blocEditorial.liseuse { height: auto; } .jdj-abo.blocEditorial.liseuse .bloc-image { width: 100%; display: block; position: static; height: auto; background-color: rgb(204, 220, 228) } .jdj-abo.blocEditorial.liseuse .journal { width: 100%; } .jdj-abo.blocEditorial.liseuse figure img { height: 365px; margin: 10px 0; } .jdj-abo.blocEditorial.liseuse .btn-lire { text-align: right; padding-bottom: 10px; padding-right: 15px; } .jdj-abo.blocEditorial.liseuse .btn-lire .bloc-btn { padding-left: 20px; padding-right: 20px; } .solutionCop img { width: 270px; margin-bottom: 15px; } /* BLOC REGIONS */ #bloc-region { margin-top: 30px; width: 625px; margin-bottom: 15px; height: 167px; } #bloc-region .contentTitre { height: 35px; } #bloc-region .titre-rouge { float: left; } #bloc-region .content { height: 132px; width: 100%; overflow: hidden; } #bloc-region .articles { float: left; padding: 15px; border: 1px solid #ccdce4; text-align: center; height: 100px; width: 173px; overflow: hidden; margin-right: 5px; } #bloc-region .articles:hover .article-titre { color: #3cb4f0; } #bloc-region .articles:last-child { margin-right: 0; } #bloc-region .articles .article-surtitre { color: #7fa7bb; font-size: 12px; line-height: 15px; text-transform: uppercase; margin-bottom: 10px; } #bloc-region .articles .article-titre { color: #005a87; font-weight: bold; font-size: 14px; line-height: 20px;} #bloc-region .contPagination > * { float: left; } #bloc-region .contPagination .icon16x16 { cursor: pointer; height: 18px; line-height: 18px; width: 18px; text-align: center; } #bloc-region .contPagination .icon16x16:hover { color: #7fa7bb; } #bloc-region .contPagination .pagination { width: 60px !important; height: 20px; line-height: 20px; text-align: center; font-size: 14px; } #bloc-region .btn-pagination:not(.active):not(.last) { display: none; } #bloc-region .articles .article-titre::first-letter{ text-transform: uppercase;} /* BLOC ALERTES REGIONALES */ .alert-regional__wrapper-625{ display: table; width: 100%; } .alert-regional__left{ background: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/bloc300/alertes-regionales-625.png) top left no-repeat; width:325px; height: 324px; display: table-cell; vertical-align: middle; } .alert-regional__right{ display: table-cell; vertical-align: middle; width: 300px; border-top: 1px solid #ccdce4; border-bottom: 1px solid #ccdce4; border-right: 1px solid #ccdce4; } #alert-regional__625{padding: 15px;} #alert-regional__625 li span{ display: block; } .alert-regional__title{ color: #00283c; font-size: 21px; margin-top: 10px; margin-bottom: 15px; } .alert-regional__title .red{ color: #ff0000; } .alert-regional__wrapper{ overflow: visible; } .alert-regional__content{ font-size: 14px; } .alert-regional__h1{ position: relative; } .blocEditorial > .newH1 span.alert-regional__logo{ position: absolute; bottom: -1px; right: 39px; border:0; padding:0; display: inline-block; width: 48px; height: 35px; background: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/bloc300/sprite-alertes-regionales.png) top left no-repeat; background-position: -25px 0; } .alert-regional__subtitle{ font-weight: bold; margin: 10px 0 20px 0; } .alert-regional__input{ border-radius: 3px; display: block; height: 28px; padding-left: 10px; margin-bottom: 20px; } .alert-regional__input:first-child{ margin-bottom: 10px; } .alert-regional__checkbox-wrapper{ text-align: right; } .alert-regional__checkbox-wrapper label{ display: inline-block; vertical-align: middle; } .alert-regional__checkbox-wrapper input{ display: inline-block; vertical-align: middle; } .alert-regional__submit-wrapper{ text-align: right; margin: 20px 0; } .alert-regional__cg{ font-size: 10px; line-height: 10px; } .parisienFormDefault input[type=password].alert-regional__input, .parisienFormDefault input[type=text].alert-regional__input, .parisienFormDefault input[type=email].alert-regional__input{ margin-right: 0; width: calc(100% - 21px); } .parisienFormDefault label.alert-regional__checkbox-label{ padding-right: 0; } .parisienFormDefault input[type=checkbox].alert-regional__checkbox{ margin-right: 0; } .alert-regional__city-wrapper{ position: relative; } .rechercheVilleResultContainer{ position: absolute; top: 28px; width: calc(100% - 1px); } .recherche-600{ position: absolute; top: 28px; width: calc(100% - 13px); font-size: 12px; } .rechercheVilleResultContainer ul { border: 1px solid #56b4e7; border-top: none; overflow: auto; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; padding: 0 !important; list-style-type: none !important; } .rechercheVilleResultContainer li { box-sizing: border-box; background: #ffffff; height: 30px; line-height: 30px; padding: 0 10px; width: 100%; text-align: left; } .rechercheVilleResultContainer li:hover{ cursor: pointer; background-image: -moz-linear-gradient(top, #e5f3fb, #f0f8fd); background-image: -ms-linear-gradient(top, #e5f3fb, #f0f8fd); background-image: -o-linear-gradient(top, #e5f3fb, #f0f8fd); background-image: -webkit-gradient(linear, center top, center bottom, from(#e5f3fb), to(#f0f8fd)); background-image: -webkit-linear-gradient(top, #e5f3fb, #f0f8fd); background-image: linear-gradient(top, #e5f3fb, #f0f8fd); } /* BLOC 600 ALERTE REGIONALE HOME G */ .blocEditorial600 { width: 623px; border: 1px solid #CCDCE4; margin-top: 20px; } .blocEditorial600 .content { padding: 0 0 10px 0; } .blocEditorial600 > .newH1 { height: 42px; line-height: 48px; padding: 0px 15px; font-size: 21px; border-bottom: 1px solid #CCDCE4; font-weight: normal; margin: 0px; } .blocEditorial600 > .newH1 span.alert-regional__logo { position: absolute; bottom: -1px; right: 240px; border:0; padding:0; display: inline-block; width: 48px; height: 35px; background: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/bloc300/sprite-alertes-regionales.png) top left no-repeat; background-position: -25px 0; } .blocEditorial600 #alert-regional__625 { padding: 0 15px; } .blocEditorial600 .alert-regional__submit-wrapper { width: 90px; height: 40px; display: inline-block; vertical-align: top; margin: 0; } .blocEditorial600 .alert-regional__city-wrapper{ position: relative; display: inline-block; } .blocEditorial600 .parisienFormDefault input[type=password].alert-regional__input, .blocEditorial600 .parisienFormDefault input[type=text].alert-regional__input, .blocEditorial600 .parisienFormDefault input[type=email].alert-regional__input{ margin-right: 0; display: inline-block; width: 213px; vertical-align: top; margin-right: 13px; } .blocEditorial600 .alert-regional__subtitle { margin: 10px 0px 10px; } .blocEditorial600 .RedColor { color: #F00; } .blocEditorial .alert-regional__city-wrapper li span{ display: block; } /*popin*/ .popupRegionales.open{ width: 598px; padding: 25px; text-align: center; font-size: 14px; } .alt-reg__message{ font-size: 18px } .alt-reg__message div:first-child{ margin-bottom: 10px; display: inline-block; } .alt-reg__wrapper{ margin-top: 26px; } .alt-reg__resub div:first-child{ margin-bottom: 10px; } .alt-reg__form-wrapper{ margin: 15px 0 0; display: block; width: 100%; } #alt-reg__form-success{ width:100%; } .parisienFormDefault input[type=checkbox].alt-reg__checkbox{ display: none; } .alt-reg__footer{ display: table; width: 100%; margin-top: 20px; } .alt-reg__modify-email{ font-size: 12px; display: table-cell; vertical-align: middle; text-align: left; cursor: pointer; color: #00a0f0; } .alt-reg__cg{ font-size: 10px; display: table-cell; vertical-align: middle; text-align: right; } .alt-reg__logo{ width: 96px; height: 110px; margin: 0 auto 15px; } .alt-reg__logo-valid{ background: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/bloc300/sprite-alertes-regionales.png) top left no-repeat; background-position: 0 -145px; } .alt-reg__logo-choix{ background: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/bloc300/sprite-alertes-regionales.png) top left no-repeat; background-position: 0 -255px; } .alt-reg__logo-error{ background: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/bloc300/sprite-alertes-regionales.png) top left no-repeat; background-position: 0 -35px; } .alt-reg__city-wrapper{ display: inline-block; vertical-align: middle; width: 250px; position: relative; } #alt-reg-success .rechercheVilleResultContainer, #alt-reg-error .rechercheVilleResultContainer{ width: 100%; text-align: left; } .cities-choices{ width:100%; text-align: left; margin-top:30px; } .alt-reg__city{ display: inline-block; width: 45%; vertical-align: middle; text-align: left; } .alt-reg__city:nth-child(2n+1){ margin-right: 30px; } .alt-reg__city-link{ display: table; width: 100%; } .alt-reg__city-link:before{ content: ""; display: inline-block; vertical-align: middle; width: 10px; height: 10px; background-color: #ccdce4; margin-right: 10px; } .alt-reg__city-link > span{ display: table-cell; vertical-align: middle; } .alt-reg__city-link > span:first-child { width: 190px; } .alt-reg__city-link > span:last-child{ text-align: right; } .alertesRegionalesErreurs{ margin-bottom: 15px; } .alt-reg__error{margin-bottom: 15px;} .alt-reg__close{ position: absolute; display: block; width: 16px; height: 16px; top: 10px; right: 10px; cursor: pointer; background: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/bloc300/sprite-alertes-regionales.png) top left no-repeat; background-position: 0px 0px; } .alt-reg__close:hover{ background-position: 0 -16px; } .alt-reg__input{ display: inline-block; vertical-align: top; } .alt-reg__submit{ width: 89px; display: inline-block; vertical-align: top; } .nodisplay{ display: none; } .alert-regional__lien, .alert-regional__lien:hover { color: #005078; } .blocEditorial.recherche-regionales__wrapper{ overflow: visible; } .recherche-regionales__wrapper * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .blocEditorial.recherche-regionales__wrapper > .newH1 span{ border-left: 0; padding-left: 5px; } .recherche-regionales__h1{ position: relative; } .recherche-regionales__logo{ display: inline-block; width: 48px; height: 54px; position: absolute; top: 2px; right: 14px; background: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/bloc300/recherche-regionales-300.png) top left no-repeat; } .recherche-regionales__content{ padding: 20px 14px 14px; } .recherche-regionales__subtitle{ font-weight: bold; margin-bottom: 20px; } .recherche-regionales__form-wrapper{ display: inline-block; width: 100%; } #recherche-regionales__recherche{ display: inline-block; width: 100%; } .recherche-regionales__submit{ margin-top: 15px; text-align: right; } .rechercheLieuResultContainer{ position: absolute; left: 0; top: 27px; width: 100%; z-index: 2; } .rechercheLieuResultContainer ul { border: 1px solid #56b4e7; border-top: none; overflow: auto; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; padding: 0 !important; list-style-type: none !important; } .rechercheLieuResultContainer li { box-sizing: border-box; background: #ffffff; height: 30px; line-height: 30px; padding: 0 10px; width: 100%; text-align: left; } .rechercheLieuResultContainer li:hover{ cursor: pointer; background-image: -moz-linear-gradient(top, #e5f3fb, #f0f8fd); background-image: -ms-linear-gradient(top, #e5f3fb, #f0f8fd); background-image: -o-linear-gradient(top, #e5f3fb, #f0f8fd); background-image: -webkit-gradient(linear, center top, center bottom, from(#e5f3fb), to(#f0f8fd)); background-image: -webkit-linear-gradient(top, #e5f3fb, #f0f8fd); background-image: linear-gradient(top, #e5f3fb, #f0f8fd); } .blocEditorial .recherche-regionales__form-wrapper li a{ display: block; } /* BLOC JEU GARMIN */ .JeuGarmin .accroche { width: 125px; } .JeuGarmin .bloc-titre { font-size: 17px !important; font-weight: bold !important; } /* BLOC PLUMLABS */ .plumlabs { height: 243px; } .plumlabs .NewH1 { height: 42px; line-height: 48px; padding: 0px 15px; font-size: 21px; border-bottom: 1px solid #CCDCE4; font-weight: normal; margin: 0px;} /* BLOC AGREGATEUR CONTENU FLUX RSS */ .AgregateurContenuRss ul { padding-top: 5px;} .AgregateurContenuRss ul li { padding: 0px 14px 5px; height: 18px; } /* BLOC NAVIGATEUR WEB */ .blocNavigateurWeb ul { padding-top: 5px;} .blocNavigateurWeb ul li { padding: 0px 14px 5px; height: 18px; } /* BLOC MOULIN ROUGE */ .MoulinRouge, .FestivalCannes { background: #000000;} .MoulinRouge .bloc-titre-rubrique, .FestivalCannes .bloc-titre-rubrique { color: #e60019;} .MoulinRouge .btn, .FestivalCannes .btn { background: #e60019;} .MoulinRouge .btn:hover, .FestivalCannes .btn:hover { background: #808080;} .FestivalCannes { font-size: 16px;} /* BLOC IGRAAL */ #ig-code-promo-widget {font-family: "Tahoma Regular",Arial, Helvetica sans-serif;-webkit-font-smoothing:antialiased;width: 300px;border: 1px solid #ccdce4;} #ig-code-promo-widget .cpwd-head{color:#00283c;text-align:center;border-bottom:1px solid #ccdce4;position:relative;font-size:14px;padding-left:14px;padding-bottom:10px} #ig-code-promo-widget .cpwd-head .cpwd-title{color:#00283c;font-size:21px;font-family:"Tahoma Regular",Arial,Helvetica sans-serif;text-align:left;padding:5px 0} #ig-code-promo-widget .cpwd-head img{width:55px} #ig-code-promo-widget .cpwd-body .cpwd-line{display:block;text-decoration:none;color:#555;margin:0 15px;transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-webkit-transition:all .3s ease-in-out 0s;border-bottom:1px solid #ccdce4} #ig-code-promo-widget .cpwd-body .cpwd-line .cpwd-logo{display:table-cell;padding:0 0 0 10px;vertical-align:middle;background-color:#FFF} #ig-code-promo-widget .cpwd-body div:last-child .cpwd-line{border:none} #ig-code-promo-widget .cpwd-body .cpwd-line .cpwd-content{display:table-cell;width:170px;padding:0 5px 0 10px;vertical-align:middle;font-size:12px;color:#00283c;font-family:"Tahoma Regular",Arial,Helvetica sans-serif} #ig-code-promo-widget .cpwd-footer{text-align:right;padding-bottom:15px;padding-top:15px;padding-right:15px;color:#0078b4;font-size:14px} #ig-code-promo-widget .cpwd-footer a,#ig-code-promo-widget .cpwd-footer a:active,#ig-code-promo-widget .cpwd-footer a:focus,#ig-code-promo-widget .cpwd-footer a:hover{text-transform:none;color:#0078b4;text-decoration:none;font-size:14px} /* Generate (7) /_assets/css/_structure-formulaire.css */ /********************************/ /* structure FORMULAIRE DEFAULT */ /********************************/ input:-webkit-autofill { color: #fff !important; } .parisienFormDefault {position: relative;} /* CONTENEUR ERREURS */ .parisienFormDefault .champs .contentErreurs, .parisienFormDefault .champs .contErreurs, .parisienFormDefault .contErreursSrvr {color:#cc0000; font-size: 11px; height: 18px; line-height: 20px; margin-bottom: 0px !important;text-align: right; display: block;} .parisienFormDefault .contErreursSrvr li, .parisienFormDefault .champs .contentErreurs li {height: auto; margin: 0; padding: 0;} ::-webkit-input-placeholder { /* WebKit browsers */ color: #00141e; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #00141e; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #00141e; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #00141e; } .parisienFormDefault label {display: inline-block; *display: inline;padding-right: 20px;} /*.parisienFormDefault p.error {color:#cc0000; text-align: right; width: auto; display: block; font-size: 12px;}*/ .parisienFormDefault ul li.error {color: #cc0000; font-size: 12px; margin-bottom: 5px; text-align: right;} /*.parisienFormDefault .form_row ul li{color: #00141e}*/ .parisienFormDefault .champs-civilite {width: 250px;} .parisienFormDefault .champs > * {vertical-align: middle;} .parisienFormDefault .champs.align-top > * {vertical-align: top;} /* input TEXT */ .parisienFormDefault input[type=password], .parisienFormDefault input[type=text], .parisienFormDefault input[type=email] { width: 230px; font-size: 14px; color: #00283c; height: 28px; padding: 0 9px; border: 1px solid #a2bfce; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 0px 1px 2px #d2dfe7; -webkit-box-shadow: inset 0px 1px 2px #d2dfe7; box-shadow: inset 0px 1px 2px #d2dfe7; background-image: -moz-linear-gradient(top, #f2f6f8, #fafcfc); background-image: -ms-linear-gradient(top, #f2f6f8, #fafcfc); background-image: -o-linear-gradient(top, #f2f6f8, #fafcfc); background-image: -webkit-gradient(linear, center top, center bottom, from(#f2f6f8), to(#fafcfc)); background-image: -webkit-linear-gradient(top, #f2f6f8, #fafcfc); background-image: linear-gradient(top, #f2f6f8, #fafcfc); -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .parisienFormDefault input[type=password]:focus, .parisienFormDefault input[type=text]:focus, .parisienFormDefault input[type=email]:focus { outline : none; color: #005078; border: 1px solid #56b4e7; -moz-box-shadow: inset 0px 1px 2px #bbe1f5; -webkit-box-shadow: inset 0px 1px 2px #bbe1f5; box-shadow: inset 0px 1px 2px #bbe1f5; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e5f3fb', endColorstr = '#f0f8fd'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e5f3fb', endColorstr = '#f0f8fd')"; background-image: -moz-linear-gradient(top, #e5f3fb, #f0f8fd); background-image: -ms-linear-gradient(top, #e5f3fb, #f0f8fd); background-image: -o-linear-gradient(top, #e5f3fb, #f0f8fd); background-image: -webkit-gradient(linear, center top, center bottom, from(#e5f3fb), to(#f0f8fd)); background-image: -webkit-linear-gradient(top, #e5f3fb, #f0f8fd); background-image: linear-gradient(top, #e5f3fb, #f0f8fd); -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .parisienFormDefault textarea.error, .parisienFormDefault input[type=password].error, .parisienFormDefault input[type=text].error, .parisienFormDefault input[type=email].error { outline : none; outline : none; color: #cc0000; border: 1px solid #ed7e7e; -moz-box-shadow: inset 0px 1px 2px #f6c2c2; -webkit-box-shadow: inset 0px 1px 2px #f6c2c2; box-shadow: inset 0px 1px 2px #f6c2c2; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fbe0e0', endColorstr = '#fef8f8'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fbe0e0', endColorstr = '#fef8f8')"; background-image: -moz-linear-gradient(top, #fbe0e0, #fef8f8); background-image: -ms-linear-gradient(top, #fbe0e0, #fef8f8); background-image: -o-linear-gradient(top, #fbe0e0, #fef8f8); background-image: -webkit-gradient(linear, center top, center bottom, from(#fbe0e0), to(#fef8f8)); background-image: -webkit-linear-gradient(top, #fbe0e0, #fef8f8); background-image: linear-gradient(top, #fbe0e0, #fef8f8); -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .parisienFormDefault.no-border input[type=password], .parisienFormDefault.no-border input[type=text] { border: 0; } .parisienFormDefault input[disabled=disabled]{ border: 1px solid #7fa7bb; color: #7fa7bb; background: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .parisienFormDefault input[type=file]{ border: 1px solid #7fa7bb; color: #7fa7bb; background: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .parisienFormDefault .champs > div { display: inline-block; *display: inline;} .parisienFormDefault .champs.checkbox.inputErreur label {color: #cc0000;} .parisienFormDefault .formInputSubmit { display: block;border: 0; padding: 0 10px; text-transform: uppercase;font-size: 14px;font-weight: bold;height: 30px;width: auto;line-height: 30px;cursor: pointer;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;text-align: center; } /* select pour bloc 300 */ .parisienFormDefault select.small {height: 26px; line-height: 23px;} /* input TEXT hauteur 30 */ .parisienFormDefault input[type=password].inputLargeBorder, .parisienFormDefault input[type=text].inputLargeBorder {height: 30px; line-height: 30px; padding: 0 10px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; border: 4px solid #ccdce4; background: #FFF;} .parisienFormDefault input[type=password].inputLargeBorder:focus, .parisienFormDefault input[type=text].inputLargeBorder:focus {color: #005078;border: 4px solid #5ea8ce;outline: none;} .parisienFormDefault input[type=password].inputLargeBorder.error, .parisienFormDefault input[type=text].inputLargeBorder.error {border: 4px solid #ff3333;outline: none;} .parisienFormDefault textarea {font-size: 14px; line-height: 17px;font-family: tahoma, sans-serif; } /* input TEXT hauteur 30 */ .parisienFormDefault input[type=password].inputLarge, .parisienFormDefault input[type=text].inputLarge { width: 238px;} /* input RADIO */ .parisienFormDefault input[type=radio] {background-image: url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/formulaire/radio.png');cursor: pointer;-webkit-appearance: none;background-position: -0 -0;height: 18px;width: 17px;margin-right: 10px; background-color: transparent;} .parisienFormDefault input[type=radio]:checked {background-position: -18px 0px; outline: none} .parisienFormDefault input[type=radio].error {background-position: -36px 0px; outline: none} .parisienFormDefault input[type=radio]:active{outline:none} /* input CHECKBOX */ .parisienFormDefault input[type=checkbox]{cursor: pointer;-webkit-appearance: none; outline:none; background: url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/formulaire/checkbox.png');height: 18px;width: 18px;margin-right: 4px; background-color: transparent; display: inline-block; *display: inline; vertical-align: middle; } .parisienFormDefault input[type=checkbox]:checked {background-position: -18px 0px; outline: none;} .parisienFormDefault input[type=checkbox].error {background-position: -38px 0px; outline: none;} .parisienFormDefault input[type=checkbox]:active{outline:none} /* input FILE */ .parisienFormDefault .upload input[type=file] { position: absolute; left: 0; opacity: 0; filter: alpha(opacity=0); z-index: 2; height: 30px; } .parisienFormDefault .upload input[type=text] { width: 168px; padding-left: 70px; background-color: #7fa7bb; color: #fff; } .parisienFormDefault .upload .btn-file { position: absolute; left: 4px; bottom: 4px; height: 24px; line-height: 24px; color: #00283C; font-weight: normal; text-transform: none; text-align: center; background-color: #fff; padding: 0 5px; cursor: pointer; z-index: 3; } /* select */ .parisienFormDefault select { cursor: pointer; outline: none; height: 30px; width: 250px; font-size: 14px; line-height: 23px; padding-left: 5px; border-style: solid; border-width: 1px; border-color: #a2bfce; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-appearance: none; background-color: #eff4f7; background: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/formulaire/select-btn-parisien.png) top right no-repeat; background: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/formulaire/select-btn-parisien.png) top right no-repeat, -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#eff4f7)); background: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/formulaire/select-btn-parisien.png) top right no-repeat, -webkit-linear-gradient(top, #FFFFFF, #eff4f7); background: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/formulaire/select-btn-parisien.png) top right no-repeat, -moz-linear-gradient(top, #FFFFFF,#eff4f7); background: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/formulaire/select-btn-parisien.png) top right no-repeat, -ms-linear-gradient(top, #FFFFFF, #eff4f7); background: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/formulaire/select-btn-parisien.png) top right no-repeat, -o-linear-gradient(top, #FFFFFF, #eff4f7); background: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/formulaire/select-btn-parisien.png) top right no-repeat, linear-gradient(top, #FFFFFF, #eff4f7); } .parisienFormDefault select:focus, .formulaire-parisien select:focus { outline : none; background-color: #ebf0f5; background-image: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/formulaire/select-btn-parisien_open.png); background-repeat: no-repeat; background-position: top right; } .parisienFormDefault select.error { outline : none; color: #cc0000; border: 1px solid #ed7e7e; -moz-box-shadow: inset 0px 1px 2px #f6c2c2; -webkit-box-shadow: inset 0px 1px 2px #f6c2c2; box-shadow: inset 0px 1px 2px #f6c2c2; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fbe0e0', endColorstr = '#fef8f8'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fbe0e0', endColorstr = '#fef8f8')"; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } /* select date */ .parisienFormDefault .select-date select {width: 80px;} .parisienFormDefault .month, .parisienFormDefault .day {margin-right: 5px;} /* input SUBMIT */ .parisienFormDefault input[type="submit"], .parisienFormDefault input[type="button"], .parisienFormDefault button[type="submit"], .parisienFormDefault button[type="button"], .parisienFormDefault .btn-file {border: 0; } .parisienFormDefault .mdpOublie {font-size: 12px;} /********************/ /* moteur recherche */ /********************/ /* Moteur recherche default */ .moteurRechercheDefault { position: relative; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; height: 34px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 4px solid #ccdce4; padding: 1px; } .moteurRechercheDefault > * {display: inline-block;*display: inline;zoom: 1; vertical-align: top; text-align: right;} .moteurRechercheDefault .icon { color: #00283C;} .moteurRechercheDefault input[type=password], .moteurRechercheDefault input[type=text] { font-family: "tahoma"; color: #003c5a; font-size: 14px; width: 165px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: 0; height: 34px; line-height: 34px; padding: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; text-align: left; margin-right: -5px; } .moteurRechercheDefault input[type=password]:focus, .moteurRechercheDefault input[type=text]:focus { border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-color: #FFF; background-image: none; } .moteurRechercheDefault.inputFocus { border: 4px solid #5ea8ce; } .moteurRechercheDefault input[type=submit] {width: 34px;height: 34px;text-align: center;text-transform: uppercase; color: #FFFFFF;font-weight: bold;border: 0; padding: 0;} .moteurRechercheDefault.no-border { border: 0;} input:disabled{cursor: default;} .moteurRechercheDefault .autoCompletion { position: absolute; z-index: 100; left: 0; text-align: left; background-color: #FFF; top: 45px; text-transform: none; } .moteurRechercheDefault .autoCompletion ul { padding: 10px 0; border: 1px solid #ccdce4; min-width: 270px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .moteurRechercheDefault .autoCompletion li { height: 25px; line-height: 25px; } .moteurRechercheDefault .autoCompletion li a { display: block; padding: 0 10px; color: #00283C;} .moteurRechercheDefault .autoCompletion li:hover a { background-color: #ccdce4; } /* HEIGHT 40px */ .parisienFormDefault.form-xl { height: 40px; line-height: 40px; text-transform: uppercase; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 0; } .parisienFormDefault.form-xl > * { vertical-align: top;} .parisienFormDefault.form-xl input { height: 40px; } .parisienFormDefault.form-xl input[type="text"] { border: 0; background: #FFF; width: auto; box-shadow: none; } .parisienFormDefault.form-xl select {height: 40px; border: 0;background: url(/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/formulaire/select-btn-xl.png) top right no-repeat, -webkit-linear-gradient(top, #FFFFFF, #FFF); width: auto; padding-right: 30px;} html[data-useragent*='MSIE 10.0'] .parisienFormDefault.form-xl select, html[data-useragent*='WOW64'] .parisienFormDefault.form-xl select, html[data-useragent*='WOW32'] .parisienFormDefault.form-xl select { padding-right: 0 !important; width: 277px;} .parisienFormDefault.form-xl input[type="submit"] { min-width: 50px; } .parisienFormDefault.form-xl .localisation > * { vertical-align: top; } .parisienFormDefault.form-xl .localisation .icon { color: #00283C; background-color: #FFF; margin-right: -5px;} .parisienFormDefault.form-xl .localisation input { padding-left: 0;} /* moteur */ .moteurRechercheDefault.form-xl { background-color: #FFF;} .moteurRechercheDefault.form-xl input[type="text"] { padding-right: 10px; background: #FFF; text-transform: uppercase; -webkit-border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-bottomleft: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .moteurRechercheDefault.form-xl input[type="submit"] { -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /* Generate (8) /_assets/css/_structure-page.css */ html{color:#00283C;} a{color:#005078; outline: none;} a:hover{color:#3cb4f0;} .largeurpage{width:1000px;margin:0 auto;} .position-pub{text-align:center;background-color:transparent;padding:0} .position-pub.m20t.top.pub{margin:0;} .position-pub.pub div{margin:0 auto;} .position-pub.bloc300{padding:0;width:300px;} .position-pub.bloc625{padding:0;width:625px;} .position-pub.bloc1000 { width: 1000px; margin: 0 auto; background-color: #FFF; } .ads{margin:0 auto;padding:0;text-align:center;font-size: 0;line-height: 0;} .ads.papierPeint,.ads.interstitiel{height:0;} .ads a{display:block;} .ads img{margin:0 auto;} .smallCaps { text-transform: uppercase; font-size: 11px;} .underline { text-decoration: underline;} .text-red { color: #cc3333;} .titre-small-caps {text-transform: uppercase;font-size: 14px;line-height: 17px; font-weight: normal;} .col-2 { width: 50%;} .col-3 { width: 60%;} .error { color: #dd0000;} .menuSection{display:block;font-size:28px;line-height:30px;margin:0 0 10px 0px;min-height:30px;} #blocVisuel{position:relative;z-index:1;} #blocVisuel .bulle-reactions{right:70px;} #blocVisuel .chapeau{bottom:0;color:#FFF;font-size:18px;left:0;line-height:22px;padding:15px;position:absolute; background-image: url("/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/article/figcaption.png"); } .contImg .icon {position: absolute; top: 15px; left: 15px;} .contImg .icon.abonnes {position: absolute; top: 15px; right: 15px; left: auto;} /* Alertes */ #blocAlerte{padding:25px;min-width:320px;} #blocAlerte.alert-notice,#blocAlerte.alert-error,#blocAlerte.alert-success{background:#ebf0f5;} #blocAlerte > *{display:inline-block;*display:inline;zoom:1;vertical-align:middle;} #blocAlerte > span{margin-right:10px;} #blocAlerte.alert-error{background-image:none;} #blocAlerte.alert-error > *{vertical-align:top;} .hidden-lg, .hidden-md {display: none;} /* *************** */ /* struture PAGE */ /* *************** */ /* header */ #parisien-header{height:177px;background-image:url("/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/header/header.jpg");background-repeat:repeat-x;} /* colArticle */ #premierArticle,#colArticle{width:625px;} #premierArticle{padding-bottom:20px;} #colArticle .sectionH1{font-size:21px;line-height:45px;height:45px;font-weight:normal;} .container .row #colArticle{clear: both;} /* colDroite */ #colDroite{width:300px;} .article{/*position:relative;*/z-index:1;} .contImg{position:relative;} .sectionH1top{font-size:28px;line-height:28px;font-weight:normal;margin-bottom:30px;} #positionMEA{overflow:hidden;} #positionMEA .bloc625, #positionMEA .bloc300{margin:0;} #colArticle #content > * { margin-left: 40px; margin-right: 40px;} #cookieParisien { height: 30px; line-height: 30px;} #cookieParisien p { font-size: 11px; } .container { margin: 0 auto; max-width: 1000px;} /* ******************** */ /* structure ARTICLES */ /* ******************** */ .article > a, .article > div > a { display: block; } .article .categorie{height:20px;line-height:20px;text-transform:uppercase;background-color:#33434b;color:#ccd0d2;padding:0 15px;font-weight:bold;font-size:12px;} .article .contImg .bulles { bottom: -8px; top: auto; } .article .contImg .bulle-reactions {right:0;bottom:-8px; display: block;} .article .medias a:hover p {color: #FFF;} .article .bulles, .article .btn-reagir, .article .bulle-reactions {position: absolute; z-index: 2; top: -22px; } .article .bulle-reactions {right: 0px;} .article .btn-reagir {right: 0;} .article .contImg .btn-reagir { top: auto; bottom: 0; } .article .contTitre { padding-top: 10px; position: relative; z-index: 1;} /* niveau 1 */ .article625 .newH1{line-height:31px;font-weight:bold;-webkit-font-smoothing:antialiased;font-size:28px;margin-bottom:10px;} .article625 h2,.article625 p{line-height:24px;font-size:16px;font-weight:normal;} .article625 img{width:625px;} /* niveau 2 */ .article300x330 {width:300px; height:330px; overflow:hidden;} .article300x330 figure{height:188px;overflow:hidden;} .article300x330 .bulle-reactions { top:-22px; right: 0; } .article300x330 .contTitre{padding:10px 0px 0 0; } .article300x330 .h1, .article300x330 .newH1 {font-weight:bold;-webkit-font-smoothing:antialiased;line-height:25px;font-size:18px;margin: 0 0 5px 0;} .article300x330 .h2, .article300x330 h2, .article300x330 .newH2 {line-height:17px;font-size:14px;font-weight:normal; color: #00283C;} .article300x330.medias h2 { display: none; color: #FFF; } .article300x330 .contImg{width:300px;height:188px;} .article300x330 .contImg img { height: auto;} .article300x315 {width:300px; height:315px; overflow:hidden;} .article300x315 figure{height:188px;overflow:hidden;} .article300x315 .bulle-reactions{ top:-22px; } .article300x315 .contTitre{padding:10px 0px;} .article300x315 .h1, .article300x315 .newH1 {font-weight:bold;-webkit-font-smoothing:antialiased;line-height:22px;font-size:18px;margin-bottom:5px;} .article300x315 .h2, .article300x315 h2 {line-height:17px;font-size:14px;font-weight:normal;} .article300x315 .contImg{width:300px;height:188px;} .article300x315 .contImg img { height: auto;} .article300x330.questionJour { width: 270px; height: 298px; } .article300x330.questionJour .bulle-reactions { position: relative; top: auto; right: auto;} .article300x330.questionJour .qdj_dyn { text-align: center; margin-top: 20px;} .article300x330.questionJour .btn { margin-top: 20px; } .article300x330.questionJour .resultat .content { width: 65%; } .article300x330.questionJour .compteurs { position: absolute; bottom: 5px; left: 15px; width: 270px;} .article-sociaux { background-color: #FFF;} .article-sociaux .contTitre { padding: 10px;} .article-sociaux .article-partage { text-align: left; padding: 0 10px; border-top: 1px solid #ccdce4; text-transform: uppercase; line-height: 30px;} .article-sociaux .article-partage a { display: inline-block; *display: inline; *zoom: 1; outline: none;} .article300x233 {width:300px; height:233px; overflow:hidden;} .article300x233.medias { background-color: transparent; } /* niveau 3 */ .article195x190 {width:195px;height:190px;overflow:hidden;display:inline-block;*display:inline;*zoom:1;vertical-align:top;} .article195x190.withDate {height:210px;} .article195x190 .newH1{font-weight:bold;-webkit-font-smoothing:antialiased;line-height:18px;font-size:14px;margin:0;} .article195x190 h2{line-height:17px;font-size:14px;} .article195x190 figure{width:195px;height:122px;overflow:hidden;} .article195x190.gauche{margin-right:15px;} .article195x190.droite{margin-left:15px;} .article195x190.questionJour { width: 183px; height: 178px; text-align: center; padding: 5px; position: relative; } .article195x190.questionJour .contentPicto p, .article195x190.questionJour .newH1 { text-align: left; margin: 0; } .article195x190.questionJour .contTitre .contentPicto h2 { font-family:"roboto", tahoma,"TahomaRegular",arial,sans-serif; font-size: 12px; text-transform: uppercase; text-align: left; } .article195x190.questionJour .bulle-reactions { position: relative; top: auto; right: auto;} .article195x190.questionJour .qdj_dyn { margin-top: 10px;} .article195x190.questionJour .btn { margin-top: 10px; } .article195x190.questionJour .compteurs { border: 0; margin-top: 0; width: 45%; position: absolute; bottom: 5px; left: 5px; height: auto;} .article195x190.questionJour .compteurs * { float: none;} .article195x190.questionJour .compteurs .bulle-reactions { top: auto; } .article195x190.questionJour form { position: inherit;} .article195x190.questionJour .btn { float: right; } .article195x190.questionJour .voter { position: absolute; top: 133px; right: 5px; } .article195x190.questionJour .resultat .content { width: 50%;} .article195x190.questionJour.submit-ok .compteurs { width: 180px; text-align: left; height: 20px;} .article195x190.questionJour.submit-ok .compteurs > * { display: inline-block; vertical-align: top; } .article195x190.questionJour.submit-ok .compteurs > .droite { margin-left: 5px;} .article300x330.medias .contTitre, .article195x190.medias .contTitre { padding: 0; } /* article dans liste */ .article_list .contTitre, .article_list .contImg {overflow:hidden;display: inline-block; *display: inline; *zoom: 1; vertical-align: top;} .article270x63.medias { background-color: transparent; } .article270x63.medias .contTitre { background-color: transparent; color: inherit; } .article270x63.medias a { color: #005078; } .article270x63.medias a:hover { color: #3cb4f0; } .article300x260 {width:300px;height:260px;overflow:hidden; display: inline-block; *display: none; *zoom: 1;} .article300x260.gauche { margin-right: 24px;} .article300x233 .contTitre .newH1, .article300x275 .contTitre .newH1, .article300x260 .contTitre .newH1{font-size:14px;line-height:17px;margin: 0;} .article410x260{width:410px;height:260px; position: relative; z-index: 1;} .article410x260 .contTitre, .article410x275 .contTitre { position:absolute; z-index: 2; padding:10px 20px;width:370px;background-image:url("/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/article/figcaption.png");} .article410x260 .contTitre {left: 0; bottom: 0; } .article410x275 .contTitre {left:0;bottom:0;} .article410x260 .contTitre .picto-commentaires,.article410x275 .contTitre .picto-commentaires{position:absolute;right:0;top:-22px;} .article410x260 .contTitre .newH1,.article410x275 .contTitre .newH1{font-size:21px;line-height:26px;font-weight:bold;} .article300x260 .contImg {width:300px;height:188px;} .article300x260 figure{width:300px;height:188px;overflow:hidden;} .article300x260 img{width:340px;height:auto;margin:0 0 0 -30px;} .article300x260.img16-9 img{margin:0 0 0 -30px;} .article300x260.img4-3 img{margin:-32px 0 0 -23px;} .article300x260 .bulle-reactions{ right:0; bottom:0; } .article410x260 figure{width:410px;height:260px;overflow:hidden;} .article410x260 img{width:410px;height:100%;margin:0;} .article300x275{width:300px;height:275px;overflow:hidden;} .article410x275{width:410px;height:275px;overflow:hidden;} .article410x256 { width:410px;height:256px; position: relative; } .article410x256 .contTitre { position: absolute; bottom: 0; left: 0; width: 370px; padding: 10px 20px; background-image: url("/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/tranche/bg-title.png");} .article410x256 .contTitre .newH1 { font-size: 21px; line-height: 23px; margin: 0;} .article410x256 a { color: #FFF; } .article410x256 a:hover { color: #00a0f0; } .article410x256 .bulles { bottom: -22px;} /* article dans liste 300 */ .article270x63 {width:270px;height:63px;overflow:hidden; vertical-align: top;} .article270x63 .contImg {height:63px;width:100px} .article270x63 .contTitre {width:160px;padding:5px 5px 5px 0; } .article270x63 .contTitre .newH1{font-size:14px;line-height:18px;font-weight:normal;margin:0;font-family:"Tahoma",arial,sans-serif;} .article270x63 figure{width:100px;height:63px;overflow:hidden} .article270x63 img{height:auto;} .article270x63.img16-9 img{margin:-5px 0 0 -10px} .article270x63.img4-3 img{margin:-13px 0 0 -10px} .article270x63 .type-liste{margin-top:5px;} .article270x63.sansImage{min-height:40px;max-height:65px;} .article270x63.sansImage .contTitre{float:none;width:auto;} .article270x63 .icon { top: 5px; left: 5px;} .article76x45 { height: 45px; vertical-align: top;} .article76x45 .contImg { width: 78px; height: 45px;} .article76x45 .contTitre { width: 440px; padding: 5px 0;} .article76x45 .contTitre .newH1 {font-size: 14px;line-height: 17px;} .article76x45.sansImage .contTitre {width: auto; padding: 0 10px; vertical-align: middle;} .article300 { width: 300px;} .article300 .h1 { font-size: 14px; font-weight: normal;} .article300 * { max-width: 300px;} .article300 .contTitre { min-height: 40px;} .article625x390 .contTitre { padding-top: 0; } .article625x390 > ul { background-color: #ebf0f5; margin: 0; padding: 15px; } .article625x390 > ul li { list-style-position: inside; list-style-type: disc; line-height: 25px;} .article625x390 > ul a { font-weight: bold; font-size: 14px;} .article950x390 { position: relative;} .article950x390 .contTitre { position: absolute; bottom: 0; left: 0; z-index: 1;} .article625x390 .bulle-reactions { top: auto; } /* article 135x135 */ .article135x135 { display: inline-block; *display: inline; *zoom: 1; border: 1px solid #00283C; } .article135x135, .article135x135 .contImg { width: 133px; height: 133px; } .article135x135 .contTitre { display: none; font-size: 14px; line-height: 17px; padding: 15px 10px; height: 103px; } .article135x135 .contTitre .newH1 { font-size: 14px; line-height: 17px; } .article135x135:hover .contTitre { display: block; } .article135x135:hover .contImg { display: none; } /* pour forcer la hauteur des tranches trophée des sables, oeil de faustine, l'atelier la parisienne */ .height310 {height:310px !important;} #colArticle .parisienTranche-xl { border: 0; } #colArticle .parisienTranche-xl .parisienTranche { padding: 0; } .tranche-articles.tranche-article625 .article { display: inline-block; *display: inline; *zoom: 1; margin: 0; } .tranche-articles.tranche-article625 .article ul { display: none;} .tranche-articles.tranche-article625 .article .contTitre {} .parisienTranche.tranche-articles195x190 { background-color: #ebf0f5; padding-bottom: 20px; margin-top: 20px; } .parisienTranche.tranche-articles195x190 > .h1 { text-align: left; padding: 0 20px; height: 45px; line-height: 45px; margin: 0; font-size: 21px; } .parisienTranche.tranche-articles195x190 .article { text-align: center; margin-top: 0; float: none; } .parisienTranche.tranche-articles195x190 .contPagination-bullets { margin-bottom: 10px;} .parisienTranche.tranche-articles195x190 .article a { color: #00283C; } .parisienTranche.tranche-articles195x190 .article a:hover{ color: #3cb4f0; } .parisienTranche.tranche-articles195x190 .article .contTitre { padding: 10px 5px; } .parisienTranche.tranche-articles195x190 > .content { padding-bottom: 10px; } .parisienTranche.tranche-articles195x190 .caroufredsel_wrapper .article { float: left; margin: 0 10px; } .lien-border { border-top: 1px solid #00283C; text-align: right; font-size: 14px; height: 40px; line-height: 40px; display: block; margin-top: 10px;} .lien-border > span { color: #00283C; } /* bullets */ .contPagination.contPagination-bullets { float: none; margin: 0px auto; line-height: 20px; display: block !important; text-align: center;} .contPagination .pagination-bullet { margin: 0 auto; text-align: center; float: none; max-width: 100%;} .contPagination .pagination-bullet .btn-pagination { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 8px; height: 8px; background-color: #bcc8d0; -moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius:50%; margin: 6px 5px; } .contPagination .pagination-bullet .btn-pagination.active { background-color: #00283C;} .contPagination.contPagination-bullets span { display: none;} /* Pagination page */ .contPagination.contPagination-page {height: 30px; line-height: 30px; text-transform: uppercase; font-weight: bold; border-bottom: 5px solid #ccdce4;border-top: 0; text-align: center; margin-top: 20px;} .contPagination.lastChild.contPagination-page {border-top: 5px solid #ccdce4; border-bottom: 0;} .contPagination.contPagination-page .dataTables_paginate > * {display: inline-block;*display: inline; zoom: 1; font-size: 11px;} .contPagination.contPagination-page .dataTables_paginate > li:first-child {width: auto; float: left;} .contPagination.contPagination-page .sup200.dataTables_paginate > li:first-child {margin-right: 15px;} .contPagination.contPagination-page .dataTables_paginate > li.lastChild {float: right; width: auto;} .contPagination.contPagination-page span {display: block;} .contPagination.contPagination-page .first.paginate_button.pictoImg { width: 20px; background-position: -8px -630px;} .contPagination.contPagination-page a:hover .first.paginate_button.pictoImg { background-position: -38px -630px;} .contPagination.contPagination-page .last.paginate_button.pictoImg { width: 20px; background-position: -0px -690px;} .contPagination.contPagination-page a:hover .last.paginate_button.pictoImg { background-position: -30px -690px;} /* bloc */ .blocEditorial.blocDefilant .contPagination > .pagination {width: 60px !important; height: 20px; line-height: 20px; text-align: center; display: block;} .blocEditorial.blocDefilant .contPagination .btn-pagination {display: none;} .blocEditorial.blocDefilant .contPagination .btn-pagination.last, .blocEditorial.blocDefilant .contPagination .btn-pagination.active {display: inline-block; display: inline;} .blocEditorial.blocDefilant .contPagination .icon8x8 {border: 1px solid #ccdce4; cursor: pointer;height: 18px; line-height: 18px; width: 18px; text-align: center;} .blocEditorial.blocDefilant .contPagination .icon8x8:hover { background-color: #ccdce4; color: #00141e; } /* EDITION ABONNES */ #editionAbo { padding: 9px 14px; border: 1px solid #CCDCE4; text-align: center; } #editionAbo p { height: 30px; line-height: 22px; font-size: 20px; display: inline-block; } #editionAbo .gold { color: #e1af00; font-weight: bold; font-size: 31px; } #editionAbo span sup { color: #e1af00; font-weight: bold !important; font-size: 18px; } #editionAbo .bloc-btn { display: inline-block; margin-left: 15px; } /* QUESTION DU JOUR */ .questionJour { position: relative; z-index: 1; font-family: "roboto", tahoma,"TahomaRegular",arial,sans-serif; } .questionJour .contTitre { padding-top: 0;} .questionJour #reponses .btn {width: 90px; height: 25px; margin-right: 10px; margin-bottom: 20px} .questionJour .resultat {margin: 10px auto 0 auto; font-weight: bold; font-size: 12px;} .questionJour .resultat .content {background-color: #000000; position: relative;height: 16px;width: 75%; -moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;} .questionJour .resultat .label {width: 35px;} .questionJour .resultat .pourcentage {margin: 0 0 0 5px;} .questionJour .resultat > div * {height: 14px; background-color: #FFF;margin: 1px;} .questionJour .resultat .oui {background-color: #00a0f0;} .questionJour .resultat .non {background-color: #fa3214;} .questionJour .quesiton label, .questionJour .resultat p {margin: 0; font-weight: bold; text-transform: uppercase;} .questionJour .resultat .label {width: 35px; margin: 0 5px 0 0;} .questionJour { border: 1px solid #ccdce4; padding: 15px 14px; } .questionJour .contTitre .contentPicto { text-align: center; color: #0078b4;} .questionJour .contTitre .contentPicto h2 { font-size: 15px; font-weight: bold; color: #0078b4; margin: 0; } .questionJour .contentPicto .icon {color: #0078b4; } .questionJour .contentPicto .icon, .questionDuJour .titreQdj .contentPicto .icon { position: relative;} .questionJour .contentPicto .icon-question16:after, .questionDuJour .titreQdj .contentPicto .icon-question16:after {content:""; background: url("/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/qdj-filet.png") scroll no-repeat top center transparent; width: 99px; height: 1px; position: absolute; bottom: 0; left: calc(50% - (99px/2));} .questionJour .contTitre .contentPicto p {color: #0078b4;} .questionJour .contTitre .contentPicto p, .questionDuJour .titreQdj .contentPicto p {font-size: 16px; font-weight: 700; text-transform: uppercase; } .questionJour .compteurs { position: relative; border-top: 1px solid #ccdce4; margin-top: 10px; height: 20px; line-height: 20px; font-size: 11px;} .questionJour .compteurs .icon { color: #00283C; } .questionJour .bulle-reactions {position: relative; right: auto; display: block; } .questionJour .bulle-reactions .bulleReacCouleur { background-color: #00283C;} .questionJour .bulle-reactions .pointeTriangle {border-color: transparent #00283C transparent transparent;} .questionJour .compteurs > * > * { display: inline-block; *zoom: 1; *zoom: 1; vertical-align: middle;} .questionJour .compteurs .bulle-reactions { top: auto; } /* couleur rouge pour la parisienne, laisser en bleu pour le reste */ .questionJour .contTitre .contentPicto, #laparisienne .questionJour .contTitre .contentPicto h2, #laparisienne .questionJour .contentPicto .icon { color: #e60019; } /* quesiton mutiple .questionDuJour .resultat.multiple .label {display: block; float: none; width: 100%;} .questionDuJour .resultat.multiple .content { margin-left: 0; width: 87%;} .questionDuJour .question.multiple { width: 80%; margin: 0 auto;} .questionDuJour .question.multiple .champs {display: block; margin-bottom: 10px;} question oui/non .questionDuJour .ouinon .question { width: 200px; margin: 0 auto; font-weight: bold;} .questionDuJour .ouinon {text-align: center;} .questionDuJour .ouinon .question > * {display: inline-block;*display: inline;zoom: 1; vertical-align: middle;} */ /* article type media */ .medias {background-color: #00141e; color: #FFF; } .medias a {color: #FFF;} .medias a:hover {color: #3cb4f0;} .article_list .contImg, .article_list .contTitre { display: inline-block; *display: inline; *zoom: 1;vertical-align: top;} /* Quand ouvert */ #premierArticle.grand{float:none;} #barrePartage{height:30px;} #barrePartage>div{margin:5px 10px 0 0px;} /* premier article */ #premierArticle #plusInfo{cursor:pointer;overflow:hidden;font-size:12px;text-transform:uppercase;color:#ccd0d2;} #premierArticle #plusInfo:hover p{color:#00a0f0;} #premierArticle #plusInfo:hover .pictoImg {background-color:#00a0f0;} #premierArticle #plusInfo span{float:left;margin:3px 5px 0 0;} #premierArticle #plusInfo p{float:left;} .contTags a{display:inline-block;text-align:center;color:#ccd0d2;background-color:#335363;padding:0 5px;margin:5px 5px 0 0;} .contTags a:hover{background-color:#005078;} #premierArticle .contTags a{height:22px;line-height:22px;font-size:14px;} .formatListe .contTags a{height:19px;line-height:19px;font-size:12px;} /* BLOC ENCADRE */ .encadre{background-color:#ebf0f5;padding:15px;} .encadre p{margin-bottom:10px;} .encadre li{float:left;} .encadre li:first-child a{padding-left:0;} .encadre li:last-child a{padding-right:0;} .encadre li a{font-weight:bold;padding:0 10px;display:block;} .encadre iframe { max-width: 515px; } /* PAROLE DE MARQUES */ .paroleMarque-banniere{background-color:#00283C;color:#FFFFFF;text-transform:uppercase;font-family:'BebasNeueRegular',tahoma,sans-serif;font-size:14px;height:20px;line-height:20px;display:inline-block;padding-right:5px;margin-bottom:25px;} .paroleMarque-banniere span{background-color:#FFFFFF;color:#00283C;padding:0 5px;margin-right:5px;display:inline-block;} /* SUIVEZ PARISIEN */ .suivezParisien{overflow:hidden;} .suivezParisien li{float:left;} .suivezParisien li a{height:30px;display:block} .suivezParisien-bulle{position:relative;top:30px;display:none;z-index:1000000000;} .suivezParisien-bulle .infobulle{width:270px;padding:15px;border-style:solid;border-width:5px;border-color:#003c5a;z-index:100000000;background-color:#FFFFFF;} .suivezParisien-bulle .infobulle .btn{display:block;margin-top:7px;color:white;} .suivezParisien-bulle .over{position:absolute;height:1px;width:30px;height:5px;top:-6px;} .suivezParisien-bulle .border{overflow:hidden;} .suivezParisien-bulle .twitter .border{padding:10px;} .suivezParisien-bulle .logo-carre{float:left;margin-right:5px;} .suivezParisien-bulle .contTwitter{width:195px;} .suivezParisien-bulle .contTwitter p{font-size:14px;line-height:17px;} .suivezParisien-bulle .contTwitter p a{font-weight:bold} .suivezParisien-bulle .contTwitter iframe{margin-top:5px} .suivezParisien-bulle .infobulle.googleplus .border{height:117px;} .suivezParisien-bulle .btn-sup100{margin:10px auto;} .suivezParisien-bulle .btn-fb-large{width:260px;} /* FIL D'ARIANE */ #filAriane{ border-bottom: 1px solid #ccdce4; padding-bottom: 20px; margin-bottom: 20px;} #filAriane li { font-size: 13px; display: inline-block; *display: inline; *zoom: 1; text-transform: uppercase; } #filAriane li a { color: #7fa7bb; } #filAriane li a:hover { color: #3cb4f0;} #filAriane li a:after { content: ' | '; } #filAriane li.lastChild a:after { content: ''; } #filAriane li h1 { font-size: 13px; font-weight: normal; } #topAriane { position: relative; } #logoParisienEconomie { position:absolute; right:0; top:0; } .afterBreadcrumbs { font-size: 14px; line-height: 17px; margin-bottom: 20px;} /* TABLEAU PARISIEN */ .parisienTable th{background-color:#ccdce4;} .parisienTable th,.parisienTable td{padding:10px;} .parisienTable .even{background-color:#ebf0f5;} /***********************/ /* BLOC CONNEXION */ /***********************/ #content #blocConnexion { width: auto; background-color: #ebf0f5; padding: 19px; text-align: right;} #content #blocConnexion > div {width: 100%; max-width: 100%;} #content #blocConnexion > .newH1 {border: 0; float: left; margin: 0; padding: 0;} #content #blocConnexion .titre-medium { display: inline-block; text-align: left; margin-bottom: 0;} #content #blocConnexion .contErreurs {min-height: 0;} #content #blocConnexion .inputText { width: 150px;} #content #blocConnexion input { display: inline-block; *display: inline; *zoom: 1;float: none;} #content #blocConnexion a { clear: both; display: block; text-align: right;} #content #blocConnexion form { text-align: left;} /* ABONNES */ #achatArticle { margin-bottom: 25px; text-align: center;} #achatArticle > p { background-color: #e1af00; text-align: center; height: 12px; line-height: 12px; margin-bottom: 20px; } #achatArticle > p span { background-color: #fff; padding: 0 10px; color: #e1af00; text-transform: uppercase; font-weight: bold; } #achatArticle form, #achatArticle div { display: inline-block; *display: block; zoom: 1; vertical-align: top; width: 270px; } #achatArticle form p, #achatArticle div p { text-align: center; position: relative; } /* #achatArticle .titreAchat { font-size: 15px; text-transform: uppercase; font-weight: bold; margin-bottom: 30px; } #achatArticle .titreAchat + p { margin-bottom: 20px; } #achatArticle .prix { width: 260px; color: #e1af00;font-size: 60px; margin-bottom: 20px; } #achatArticle .prix sup { font-size: 30px; top: -0.7em; } #achatArticle .date { font-size: 11px; text-transform: uppercase;margin-left: -15px; } #achatArticle .date sup { font-size: 7px; } #achatArticle .titreAchat + p + a { width: 160px; margin: 0 auto; } #achatArticle .btn { width: 160px; margin: 20px auto 0 auto;} */ /* Toaster */ #toaster {display:none; position:fixed;left: 0; bottom: 0; width: 100%; z-index: 2147483646; background-color: #0078b4; height: 45px; line-height: 45px;} #toaster a:hover {text-decoration: none; color:#000;} #toaster strong {margin-right: 10px;} #toaster .titre {text-transform: uppercase; background-color: #333; color: #FFFFFF;font-size: 11px; font-weight: bold; background-repeat: no-repeat;background-position: top right; padding: 0px 10px;margin: 0 10px 0 0;} #toaster #enContinu { z-index: 3; width: 1000px; margin: 0 auto;} #toaster #enContinu a:hover {color: #000;} #toaster #enContinu a {color: #FFFFFF; } /* PUB */ #sas_646 img {margin : 0 auto ;} #sas_17532 img {margin : 0 auto ;} /* SYSTEME ONGLETS */ .choix-onglets { font-size: 0; } .choix-onglets li { display: inline-block; *display: inline; *zoom: 1; background-color: #EBF0F5; height: 29px; line-height: 30px; text-transform: uppercase; padding: 0 15px; color: #00283c; font-size: 12px; font-weight: bold; border-bottom: 1px solid #FFF; cursor: pointer;} .choix-onglets li:hover {color: #3CB4F0; } .choix-onglets li.active:hover, .choix-onglets li.active {background-color: #cedde5; cursor: default; color: #00283C;} .contentOnglets > .active {display: block;} .contentOnglets > * {display: none; height: 680px;} .onglets-ghost { border: 1px solid #4c84a0; display: inline-block; *display: inline; zoom :1; border-right: 0;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;} .onglets-ghost li { background-color: transparent; border-bottom: 0; height: 30px; text-transform: none; color: #4c84a0; font-weight: normal; border-right: 1px solid #4c84a0; font-size: 14px;} .onglets-ghost li:hover { color: #4c84a0; background-color: #fff; } .onglets-ghost li.active, .onglets-ghost li.active:hover { background-color: #4c84a0; color: #FFF;} .choix-onglets.onglets-xs { height: 24px; margin-bottom: 8px; } .choix-onglets.onglets-xs li { position: relative; z-index: 1; height: 24px; line-height:22px; font-size: 12px; text-transform: uppercase;} .choix-onglets.onglets-xs li .pointeTriangle { position: absolute; left: 50%; border: 0; margin-left: -6px; bottom: -8px;width: 0;height: 0;border-style: solid;border-width: 8px 6px 0 6px;border-color: #0078b4 transparent transparent transparent;} .choix-onglets.onglets-xs .pointeTriangle { display: none;} .choix-onglets.onglets-xs .active .pointeTriangle { display: block;} /* bloc tranche */ .blocTranche > .h1 { font-weight: normal;font-size: 24px; margin-bottom: 15px; } /* BANDEAU RUBRIQUE */ .bandeauRubrique.bandeau-simple .newH1 { width: auto;} .parisienTranche.bandeauRubrique { background-color: #d7ebf5; padding: 20px 25px; position: relative; z-index: 10; } .bandeauRubrique.h160 { height: 130px; padding: 20px 25px 10px 25px;} .bandeauRubrique.h120 { height: 80px;} .bandeauRubrique.h80 { height: 40px;} .bandeauRubrique .newH1 { font-weight: normal; display: inline-block; *display: inline; *zoom: 1; width: 325px;} .bandeauRubrique .newH1 span { display: block;} .bandeauRubrique .newH1 span.titre-small-caps { font-size: 18px; margin-top: 5px; } .bandeauRubrique .gauche > form { float: right;} .bandeauRubrique #bandeau-close, .bandeauRubrique #btn-changer-ville {display: none;} .bandeauRubrique .contentMoteur { margin-top: 39px;} .bandeauRubrique .contentMoteur form > * { margin-right: 5px; text-transform: uppercase; } .bandeauRubrique .contentMoteur form input[type="submit"] { margin-right: 0px; } .bandeauRubrique .gauche .moteur-recherche { float: right;} .bandeauRubrique > .gauche { width: 625px; } #bandeauRubrique .moteurRechercheDefault .autoCompletion { left: auto; right: 0; } /* BANDEAU ELECTIONS REGIONALES */ .parisienTranche.bandeau-elections-regionales { background-color: #d7ebf5; padding: 0px 25px; position: relative; z-index: 10; } .parisienTranche.bandeau-menu { padding: 0; max-width: 1000px; } .parisienTranche.bandeau-menu .menu {background-color: #dcebf0; border-top: 1px solid #ccdce4; border-bottom: 0; padding: 0 10px; } .parisienTranche.bandeau-menu li { text-transform: none; font-size: 14px;} .parisienTranche.bandeau-menu li:hover a { color:#3cb4f0;} /* STYLES POUR TARIF */ .tarif .titreAchat { display: block !important; font-size: 15px; line-height: 17px; text-transform: uppercase; font-weight: bold; color: #00283C; } .tarif .smallCaps { display: block; font-size: 14px;} .tarif p { color: #e1af00; font-size: 60px; height: 60px; line-height: 45px; color: #e1af00; display: inline-block; *display: inline; *zoom: 1; position: relative; z-index: 1; min-width: 160px; } .tarif sup { font-size: 30px; top: -23px; } .tarif .duration { font-size: 12px; line-height: 12px; position: absolute; z-index: 2; bottom: 0; width: 100px; text-align: right; right: 0;} .tarif .duration sup { font-size: 12px; top: 0;} .tarif .btn { margin-top: 20px; display: block; max-width: 150px; margin-left: auto; margin-right: auto; } .tarif.small .prix { font-size: 30px; } .tarif.small p { height: auto; line-height: inherit; font-size: inherit;} .tarif.small p + p { height: 30px; line-height: 30px; font-size: 30px; } .tarif.small sup { font-size: 15px; top: -10px; } .tarif .duration { width: 50px; font-size: 14px; position: inherit; right: auto; bottom: auto;} .tranche-abonnes .icon-plus16 { display: none !important; } .lpHP .article300x330 .contTitre > .newH1 { line-height: 22px; } #relatedArticles h3 { font-weight: normal; font-size: 15px; margin: 0; } #complements h2 { font-size: 21px; padding: 5px 15px; font-weight: normal; } #complements h3 { font-size: 13px; line-height: 16px; text-align: left; font-weight: normal; margin: 0; } /* Generate (9) /_assets/css/_structure-tranche.css */ /**********************/ /* structure TRANCHES */ /**********************/ #colArticle .parisienTranche { width: auto; } .parisienTranche-xl { margin: 10px auto;} .rubrique .parisienTranche-xl { /*border-top: 1px solid #ccdce4;*/ margin: 0 auto 10px; max-width: 1000px; } .rubrique .parisienTranche-xl.trancheMedias { background-color: #00141e; } .parisienTranche-xl.trancheMedias .parisienTranche { background-color: #00141e;} .parisienTranche-xl.trancheMedias .parisienTranche .h1 a { color: #FFF;} .parisienTranche-xl.trancheMedias .parisienTranche .h1 a:hover { color: #00a0f0;} .parisienTranche-xl.trancheMedias .parisienTranche .contTitre { padding-top: 10px;} .parisienTranche.trancheMedias .menuTranche { background-color: transparent; padding: 0; width: 190px; } .parisienTranche.trancheMedias .menuTranche li { padding-left: 0; } .tranche-participez.padding0 { border: none; } .tranche-participez.padding0 .parisienTranche{ padding: 25px 0 !important; } .parisienTranche { width: 950px; padding: 25px; margin: 0px auto; background-color: #FFFFFF;position: relative;} .parisienTranche > * {} .parisienTranche > .h1, .parisienTranche .menuTranche .h1 { font-size: 28px; font-weight: normal; line-height: 25px; margin-bottom: 10px; color: #00283C;} .parisienTranche .menuTranche .h1 a { color: #FFF; text-align: left;} .parisienTranche .milieu {margin-left: 24px; margin-right:24px;} .parisienTranche.aLaUne { margin: 0 0 10px 0;} .parisienTranche.aLaUne .milieu {margin-left: 10px; margin-right:10px;} .parisienTranche.trancheMedias {height: auto; background: #FFFFFF;} .parisienTranche.trancheMedias .blocListe {margin-top: 0;} .trancheMedias a { color: #FFF;} .trancheMedias a:hover { color: #00a0f0;} .parisienTranche .menuTranche {position: relative; z-index: 1; width: 150px; background-color: #00283C; padding: 20px;} .parisienTranche .menuTranche ul { padding-left: 15px; } .parisienTranche .menuTranche li {min-height: 20px; line-height: 20px; font-size: 14px; list-style-type: square; list-style-position: outside; color: #335264;} .parisienTranche .menuTranche a {display: block; color: #FFF;} .parisienTranche .menuTranche a:hover { color: #3cb4f0; } .parisienTranche .menuTranche .blocMEA { position: absolute; bottom: 0px; left: 0px; z-index: 2; width: 190px; text-align: center;} .parisienTranche .menuTranche .blocMEA img { margin-top: 10px; max-width: 190px;} .parisienTranche .menuTranche .blocMEA p { margin: 0 20px; } /* TRANCHE AVEC MENU */ .parisienTranche.tranche-menu_articles > .milieu { width: 410px; } .parisienTranche.tranche-menu_articles > .milieu .article { margin-left: 0; margin-right: 0;} .parisienTranche.trancheMedias .contRub {width: 735px;} .parisienTranche .titreRubTranche {clear: both;text-transform: uppercase; background-color: #33434b; height: 20px; line-height: 20px;} .parisienTranche .titreRubTranche p {background-color: #00141e; display: inline; padding-right: 10px; font-weight: bold; font-size: 18px;} .parisienTranche>.droite .contEditorial {margin-top: 0px;} .parisienTranche #colDroite.droite .contEditorial {margin-top: 20px;} .parisienTranche .w625 .milieu {margin-right: 0;} .parisienTranche-xl .tranche-article950 { width: 948px; } .tranche-article950 .icon-previous { left: 30px; } .tranche-article950 .icon-next { right: 30px; } .tranche-articles a.voir { display: block; height: 20px; margin-left: 15px; margin-right: 15px; line-height: 32px; padding: 0 10px 15px 0; text-align: right; font-size: 12px; border-top: 1px solid #ccdce4; } .tranche-articles a.voir:hover > span { color: #0078b4; } .tranche-articles a.voir > span { color: #00283C; } /* MENU HOT */ .parisienTranche-xl .parisienTranche .menuHot { margin-bottom: 5px; overflow: hidden; height: 20px; } .parisienTranche-xl .parisienTranche .menuHot li { float: left; } .parisienTranche-xl .parisienTranche .menuHot a { padding: 0 5px; font-size: 12px; font-weight: bold; } /* TRANCHE ACTU LOCALE */ .actuLocale { background-color: #cddbe4; position: relative; z-index: 1;} .actuLocale .parisienTranche { background-color: transparent;} .actuLocale .contTitre { height: 75px; } .actuLocale .article { float: left; position: relative; } .actuLocale .article .clearfix a:first-child { position: absolute; top: 0; left: 0; } .actuLocale .article-partage { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0; } .actuLocale .article-partage > a:first-child {font-weight: bold; font-size: 12px; color: #00283C; padding-left: 10px; } .actuLocale .medias .article-partage > a:first-child {color: #FFF;} .actuLocale .article-partage .icon { color: #ccdce4; } .actuLocale .article-partage .icon:hover { color: #00a0f0;} /* TRANCHE PARTICIPEZ */ .tranche-participez { width: 1000px; position: relative; padding: 0; margin: 0 auto; background: #FFFFFF; } .tranche-participez #participez div article:nth-of-type(3n){ display: none; } .tranche-participez #participez article.participez { margin-right: 0 !important; } .tranche-participez .title { font-size: 28px; font-weight: normal; line-height: 25px; } .tranche-participez figure.video{ position: relative;} .tranche-participez figure.video .play{ top: 54px;} .tranche-participez .marginT { margin-top: 30px; } /*.tranche-participez .marginB { margin-bottom: 30px; }*/ .tranche-participez article figure img { width: 300px; height: 188px; display: inline; } .tranche-participez article { margin: 0; display: inline-block; vertical-align: top; width: 300px; height: 320px; overflow: hidden; position: relative; } .tranche-participez article .video-link { position: relative;} .tranche-participez .play { position: absolute; bottom: 10px; left: 10px; opacity: 0.8; width: 40px; height: 40px; line-height: 40px; text-align: center; background-color: #3cb4f0; border: 1px solid #1e5078; border-radius: 2px; font-size: 16px; color: white; font-family: "Parico"; } .tranche-participez article:hover .play { opacity: 1; border: 1px solid #1E5078; } .tranche-participez article:hover .title-video { color: #00a0f0; } .tranche-participez .articleInfo { display: none; } .tranche-participez .video-link-txt { font-size: 14px; line-height: 17px; } .tranche-participez .title-video { margin-top: 10px; } .tranche-participez .desc { font-size: 18px; line-height: 25px; margin: 15px 0 20px; } .tranche-participez .participez { background: #ebf0f5; } .tranche-participez .participez .title { text-align: center; font-size: 30px; margin-top: 20px; } .tranche-participez .participez .text { display: none; font-size: 18px; line-height: 25px; text-align: center; margin: 15px 0 20px; } .tranche-participez .participez div { width: 240px; margin: 0 auto; font-size: 14px;} .tranche-participez .participez div .column { display: inline-block; width: 33%; vertical-align: top; } .tranche-participez .participez div .ico { font-size: 48px; color: #00283C; } .tranche-participez .participez .btn { background-color: #3CB4F0; color: white; font-size: 14px; font-weight: 700; width: 240px; height: 40px; line-height: 40px; display: block; margin: 20px auto 0; padding: 0; text-transform: uppercase; border: 1px solid transparent;} /* TRANCHE PARTICIPEZ PROMO à afficher à la place de la tranche participez quand il n'y a pas de videos (ex: home ma ville) */ #participezBanner { width: 1000px; height: 320px; background: url("/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/videos/participez/background-encart.jpg") no-repeat scroll top center #1e2d5a; overflow: hidden; margin: 0 auto 10px; } #participezBanner .page-container{ max-width: 1000px; } /****bloc participez****/ #participezBanner .participez { width: 300px; height: 300px; padding: 20px 0 0; margin-bottom: 30px; float: left; color: #FFFFFF; margin-right: 24px; } #participezBanner .participez div { font-size: 14px; margin: 0 auto; width: 240px; display: inline-block; vertical-align: top;} #participezBanner .participez div .title{ font-size: 30px; margin-top: 0; height: 40px; line-height: 40px; text-align: center;} #participezBanner .participez div .desc{ line-height: 25px; margin: 15px 0 20px;} #participezBanner .participez div .ico{ font-size: 48px; color: #fff;} #participezBanner .participez div .btn{background-color: #3cb4f0; color: #ffffff; font-size: 14px; font-weight: 700; width: 240px; height: 40px;line-height: 40px;display: block; margin: 20px auto 0;padding: 0; } #participezBanner .participez div .btn:hover{background-color: #00283c;} #participezBanner .col3{ width: 100%; } #participezBanner .col3 .column{ display: inline-block; width: 33%; vertical-align: top; } /****bloc téléphone****/ #participezBanner #phone{ background: transparent url("/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/videos/participez/phone.png") no-repeat scroll center top; height: 318px; width: 668px; position: absolute; left: 323px; top: 40px;} #participezBanner .participezPromo{ position: relative; background: none; } #participezBanner .participezPromo #promoImg{ position: relative; background: none; margin: 14px 0 0 0; left: -78px;} .trancheMedias { width: 1000px; position: relative; margin: 0 auto; background: #00141E; } /*.trancheMedias .parisienTranche { padding-left: 0; }*/ .trancheMedias #participez div article:nth-of-type(3n){ display: none; } .trancheMedias #participez article.participez { margin-right: 0 !important; } .trancheMedias .title { font-size: 28px; font-weight: normal; line-height: 25px; } .trancheMedias .marginT { margin-top: 30px; } .trancheMedias .marginB { margin-bottom: 30px; } .trancheMedias article figure img { width: 300px; height: 188px; display: inline; } .trancheMedias article { margin: 0; display: inline-block; vertical-align: top; width: 300px; height: 233px; overflow: hidden; position: relative; } .trancheMedias .play { position: absolute; bottom: 55px; left: 10px; opacity: 0.8; width: 40px; height: 40px; line-height: 40px; text-align: center; background-color: #3cb4f0; border: 1px solid #1e5078; border-radius: 2px; font-size: 16px; color: white; font-family: "Parico"; } .trancheMedias article:hover .play { opacity: 1; border: 1px solid #1E5078; } .trancheMedias article:hover .title-video { color: #00a0f0; } .trancheMedias .articleInfo { display: none; } .trancheMedias .video-link-txt { font-size: 14px; line-height: 17px; } .trancheMedias .title-video { margin-top: 10px; } .trancheMedias .participez { background: #ebf0f5; } .trancheMedias .participez .title { text-align: center; font-size: 30px; margin-top: 20px; } .trancheMedias .participez .text { display: none; font-size: 18px; line-height: 25px; text-align: center; margin: 15px 0 20px; } .trancheMedias .participez div { width: 240px; margin: 0 auto; font-size: 14px; margin-top: 20px; } .trancheMedias .participez div .column { display: inline-block; width: 33%; vertical-align: top; } .trancheMedias .participez div .ico { font-size: 48px; color: #00283C; } .trancheMedias .participez .btn { background-color: #3CB4F0; color: white; font-size: 14px; font-weight: 700; width: 240px; height: 40px; line-height: 40px; display: block; margin: 20px auto 0; padding: 0; text-transform: uppercase; border: 1px solid transparent;} .trancheMedias .parisienTranche {padding: 20px 25px;} /* Pour ajouter des marges sur la page ma ville */ .tranche-maVille h2 a{ color: #00283c;} .tranche-maVille h2 strong{ font-weight: 300;} .tranche-maVille .tranche-participez article:nth-child(2) { margin: 0 24px;} .tranche-maVille .tranche-participez article { margin-right: 19px;} .tranche-participez #participezLink img {width: auto; height: auto; margin: 20px auto auto;} .tranche-participez .btn-xl { margin-top: 20px; } .tranche-participez #participezLink { text-align: center; } .tranche-participez .article h2 { font-size: 18px; line-height: 21px; padding: 0 45px;} .tranche-participez .pictoEncart { width: 261px; height: 79px; display: inline-block; *display: inline; *zoom: 1;} .participezPromo .article .newH1 { font-size: 40px; line-height: 40px; font-weight: bold; } .participezPromo .article h2 {font-size: 16px;font-weight: normal;line-height: 19px; margin-top: 10px;} .participezPromo { background: url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/videos/participez/background-encart.jpg') top left no-repeat; } .participezPromo div { display: inline-block; vertical-align: top; } .participezPromo { color: #ffffff; font-size: 18px; line-height: 25px;text-align: center; } .participezPromo .btn-xl { margin-top: 25px; background-color: #0078b4; } .participezPromo .btn-xx:hover {background-color: #1e96d2;} .participezPromo #promoImg { height: 213px;overflow: hidden; position: relative; width: 374px; margin-right: 172px; margin-top: 33px; } .participezPromo #promoImg #screenParticipez { background: transparent url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/videos/participez/screen.png') top left no-repeat; height: 213px; left: 0; position: absolute; top: 0; width: 374px; z-index: 10; } .participezPromo #promoImg #screenParticipez:hover { background-image: url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/videos/participez/screen-hover.png'); } .participezPromo #promoImg #sliderParticipez { height: 215px; width: 752px; z-index: 1; } .participezPromo #promoImg #picto-cam { background: transparent url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/videos/participez/picto-cam.png') top left no-repeat; height: 96px; left: 140px; position: absolute; top: 65px; width: 96px; z-index: 10; } .participezPromo:hover #promoImg #picto-cam { background: transparent url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/videos/participez/picto-cam.png') 0 -96px no-repeat; } .participezPromo #promoImg #sliderParticipez .layers { position: absolute; left: 374px; } .participezPromo #promoImg #sliderParticipez #layer0 { left: 0; } .parisienTranche.tranche-articles .h1 { display: block;} .parisienTranche.tranche-articles .article { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; } .parisienTranche.tranche-articles .bloc625 { width: 625px;} .parisienTranche.tranche-articles .bloc950 { width: 950px;} .parisienTranche.tranche-articles .bloc950 > article:nth-child(3) { padding-left: 30px;} .parisienTranche.tranche-articles .article410x256 {margin-top: 0; } .parisienTranche.tranche-articles .article625x390 { position: relative; z-index: 1; width: 625px; } .parisienTranche.tranche-articles .article625x390 .border1r { border-color: #3280a8; } .parisienTranche.tranche-articles .article625x390 .contTitre { position: absolute; bottom: 0; left: 0; z-index: 2;} .parisienTranche.tranche-articles .blocEditorial { margin-top: 0; } .parisienTranche.tranche-articles300x330 .bloc625 { float: left; } /* LA PARISIENNE */ .tranche-laparisienne .menuTranche { background-color: #000; } .tranche-laparisienne .menuTranche .h1 img { background-color: #e60019; } .tranche-laparisienne .blocEditorial .article270x63.medias a, .tranche-laparisienne a { color: #000; } .tranche-laparisienne .blocEditorial .article270x63.medias a:hover, .tranche-laparisienne .medias a:hover, .tranche-laparisienne .article410x256 a:hover, .tranche-laparisienne .parisienTranche .menuTranche li a:hover, .tranche-laparisienne a:hover { color: #808080; } .tranche-laparisienne .medias a, .tranche-laparisienne .article410x256 a { color: #FFF; } .tranche-laparisienne .menuTranche .blocMEA { overflow: hidden; margin-bottom: 20px; } .tranche-laparisienne .menuTranche .blocMEA p { color: #e60019; text-align: left; } .tranche-laparisienne .menuTranche .blocMEA img { margin-top: 5px;} .tranche-laparisienne .menuTranche .blocMEA div { border-bottom: 5px solid #FFF; overflow: hidden; height: 145px; margin: 0 20px;} .tranche-laparisienne .parisienTranche .menuTranche li { color: #292929; } .tranche-laparisienne .picto-asuivre span:first-child { background-color: #000; } .tranche-laparisienne .picto-asuivre .pointeTriangle { border-color: transparent transparent transparent #000; } .tranche-laparisienne .bulle-reactions .contReac { background-color: #e60019; } .tranche-laparisienne .bulle-reactions .pointeTriangle { border-color: transparent #e60019 transparent transparent; } .tranche-laparisienne .medias { background-color: #000;} .tranche-laparisienne .contImg .icon { border-radius: 20px; } .tranche-laparisienne .blocEditorial { background-color: transparent; border-color: #CCC; } .tranche-laparisienne .blocEditorial > h1 { color: #e60019; border-bottom: 1px solid #CCC; } .tranche-laparisienne .article270x63.medias { background-color: transparent; } .tranche-laparisienne .article410x256 .contTitre { background-image: url("/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/tranche/bg-title-parisienne.png");} /* TRANCHE PRATIQUE */ .tranche-pratique .parisienTranche.tranche-menu_articles > .milieu { width: auto;} .tranche-pratique .parisienTranche .menuTranche { background-color: #ccdce4; min-height: 210px; } .tranche-pratique .parisienTranche .menuTranche a { color: #00283C; } .tranche-pratique .parisienTranche .menuTranche a:hover { color: #3cb4f0; } /* TRANCHE ABONNES */ .tranche-abonnes .menuTranche { background-color: #fac832; } .tranche-abonnes .menuTranche .blocMEA {padding: 0 ; width: auto;} .menuTranche .blocMEA .prix { font-weight: bold;} .tranche-abonnes .menuTranche a:hover { color: #000; } .tranche-abonnes .medias a, .tranche-abonnes .article410x256 a { color: #FFF; } .tranche-abonnes p.titreAchat { color: #FFF; font-family: 'BebasNeueRegular'; font-size: 23px; margin-bottom: 5px; padding-bottom: 10px;} .tranche-abonnes p.titreAchat span { color: #FFF; font-size: 27px; display: block; margin-top: 5px; } .tranche-abonnes .tarif p { color: #000; min-width: 150px; font-size: 13px; } .tranche-abonnes .tarif .btn { margin-top: 10px;} .tranche-abonnes .parisienTranche .menuTranche li { color: #e1b947; } .tranche-abonnes .parisienTranche .menuTranche li a:hover { color: #000; } .tranche-abonnes .blocPDF { width: 270px; position: relative; z-index: 1;} .tranche-abonnes .blocPDF .smallCaps { color: #d8a818; font-weight: bold; } .tranche-abonnes .blocPDF p { text-transform: uppercase; font-weight: bold; } .tranche-abonnes .blocPDF .small { line-height: 15px; margin-top: 5px; display: block;} .tranche-abonnes .blocPDF > .gauche { max-width: 100px;} .tranche-abonnes .blocPDF .fleches-prix { position: absolute; bottom: 14px; z-index: 2; left: 14px; } .tranche-abonnes .blocPDF .fleches-prix a { margin-top: 5px; display: block;} .tranche-abonnes .blocPDF .fleches-prix .picto-asuivre span:first-child { width: 95px; } .tranche-abonnes .blocPDF .border1 { padding: 8px;} .tranche-abonnes .article410x256 .contTitre { background-image: url("/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/tranche/bg-title-abonnes.png");} .tranche-abonnes a.btn:hover { color: #FFF; } /* TRANCHE SPORTS */ .tranche-sports .blocPartenaire { height: auto;} /* TRANCHE DERNIERES ACTUS */ .tranche-dernieresActus .h1 { background-color: #00283C; color: #FFF; font-size: 18px; text-align: center; } .tranche-dernieresActus .parisienTranche > div > a { text-transform: uppercase; font-weight: bold; font-size: 12px; width: 120px; -webkit-font-smoothing: antialiased; display: inline-block; *display: inline; *zoom: 1; } .tranche-dernieresActus .parisienTranche > div > a h3 { font-size: 12px; margin: 0; } /* TRANCHE ETUDIANT */ .tranche-etudiant .parisienTranche.tranche-articles .blocEditorial + .blocEditorial { margin-top: 20px; } /* TRANCHE BLOGS */ .tranche-blogs .article270x63 .smallCaps { color: #00283C; font-weight: bold; } /* tranche-envrionnement */ .tranche-envrionnement .menuTranche { background-color: #036ce2; } .tranche-envrionnement .menuTranche li { color: #3589e8; } .tranche-iframe { position: relative; padding-bottom: 20%; height: 0; overflow: hidden;} .tranche-iframe iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%;} .tdf2015 .parisienTranche { text-align: center; } .tdf2015.journal .parisienTranche { width: 980px; padding: 25px 10px;} /* TRANCHE VIDEOS Ile de France Oise */ .trancheVideos article { margin-right: 20px;} .trancheVideos article:last-of-type { margin-right: 0;} /* Generate (10) /_assets/css/_structure-popup.css */ /*****************************/ /* Popup NEW */ /*****************************/ #popup, #popup-1 {min-width: 545px; display: none; overflow: hidden;} .contForm h2 {font-size: 14px; font-weight: bold; margin-bottom: 20px; margin-top: 20px;} .contForm > p { margin: 10px 0; font-size: 14px; line-height: 20px; text-align: justify;} .contForm ul ul {margin: 0 20px;} .contForm ul ul h2 { font-weight: normal; text-decoration: underline;} .contForm .title {text-align: center; text-transform: uppercase; font-weight: bold; font-size: 14px;} .popupInterface { color: #00283c; min-width: 545px; width: 100%; max-width: 1000px; position: relative; z-index: 1; } .popupInterface #popupClose { color: #00283c; position: absolute; z-index: 1; top: 0; right: 25px; } .popupInterface #popupClose:hover { border-color: #00283C; } .popupInterface .titrePopup { display: block;font-size: 18px; padding: 15px; text-align: center; text-align: center; font-weight: bold; clear: both;} .popupInterface .titrePopup p { margin: 10px 0; line-height: 21px; } .popupInterface .contForm { margin: 0 auto; text-align: left; width: 600px; } .popupInterface .consigne { font-size: 16px; font-weight:bold;margin: 6px 0; text-align: center; } .popupInterface .consigne .subconsigne { font-size: 13px; font-style: italic; font-weight: normal; display: block; } .popupInterface #formCGU { border-top: 1px solid #ccdce4; padding: 20px 0 0; text-align: right; width: 100%; } .popupInterface label { color: #00283c; cursor: pointer; display: inline-block; font-size: 14px; margin: 0 5px 10px; padding: 0; } .popupInterface input[type=checkbox] { position: relative; margin: 0; top: -2px; } .popupInterface #btnAgreeContainer { width: 600px; margin: 20px auto 0; text-align: right; } .popupInterface #btnAgree { background: #0078b4; color: #ffffff; cursor: pointer; font-size: 15px; font-weight: bold; height: auto; outline: none; padding: 8px 0; position: relative; text-align: center; width: 180px; } .popupInterface #btnAgree:hover { background: #00a0f0; } .popupInterface #btnAgree:disabled { background: #ccdce4;cursor: default; } .popupInterface .surtitre { margin-top: 0;} /**********************************/ /* Popup JEU */ /*********************************/ .popupJeu {min-width: 100%; width: 100%; height: 100%; top: 0 !important; left: 0 !important; background-repeat: no-repeat; background-position: top center; background-size:cover; background-color: #0078b4; text-align: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .popupJeu #contentPopup {height: 100%;} .popupJeu .titrePopup {background-color: #0078b4; margin: 0 auto; text-align: center; height: 50px; line-height: 50px;} .popupJeu .titrePopup p { font-weight: bold; font-size: 21px; color: #FFF;} .popupJeu #popupClose {position: absolute; top: 10px; right: 10px;} .popupJeu .contForm { margin: 0 auto; text-align: left; max-width: 650px; width: 100%; } .popupJeu .contentItem > * {display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;} .popupJeu .contentItem .description {padding: 20px; max-width: 420px; color: #FFF;} .popupJeu .contentItem .description p { font-size: 14px; line-height: 20px;} .popupJeu .bottom {background-color: #0078b4; padding: 40px 0; color: #FFF;} .popupJeu .bottom > p {font-size: 60px; font-weight: bold; line-height: 60px; margin-bottom: 20px;} .popupJeu .bottom > span {font-size: 21px; text-transform: uppercase; line-height: 24px;} .popupJeu .bottom> a { display: block} .popupJeu iframe { min-height: 130%; min-width: 100%; width: 100%; height: 100%;} .popupJeu > .scrollable { background-color: transparent;} /*********************************/ /* Popup Utilisateur (fond fonce)*/ /*********************************/ .popupUser { max-width: 545px; width: 100%;} .popupUser .titrePopup {background-color: #99b9c9; color: #ffffff; display: block;font-size: 18px; padding: 15px; text-align: center; } .popupUser .titrePopup p { margin: 0; } .popupUser #popupClose {float: none; position: absolute; top: 12px; right: 12px; z-index: 2; color: #ffffff; margin: 0;} .popupUser .contForm { padding: 25px; background-color: #ebf0f5;} /*******************/ /* Popup CONNEXION */ /*******************/ .popupConnexion #blocConnexionSocial.m30t {margin-top: 0;} #popup.popupConnexion, .popupConnexion iframe {height: 360px; width: 545px;} /*****************************/ /* Popup MOT DE PASSE OUBLIE */ /*****************************/ .popupMotPasseOublie { width: 545px; height: 227px;} .popupMotPasseOublie .contForm {padding-bottom: 40px;} .popupMotPasseOublie form {width: 380px; margin: 0 auto; overflow: hidden;} .popupMotPasseOublie .contErreurs {text-align: center;} .popupMotPasseOublie .inputText {width: 252px; float: left;} .popupMotPasseOublie .formInputSubmit {float: right; margin-top: 3px; width: 90px;} /***********************/ /* Popup SIGNALER ABUS */ /***********************/ .popupSignalerAbus input[type="text"] {width: 300px;} /*****************************/ /* Popup IMAGE */ /*****************************/ .popupImage {width: 100%; height: 562px; max-height: 562px; max-width: 900px; background-color: #00141e; overflow: hidden;} .popupImage #imageSlide { padding: 0; width: auto; position: relative; z-index: 0;height: 562px;} .popupImage figure {position: relative; z-index: 1; margin: 0 auto; height: 562px; width: 900px; display: table-cell; vertical-align: middle;} .popupImage figure img { display: block; margin: 0 auto; width: auto; height: auto; max-width: 900px; max-height: 562px; } .popupImage figcaption { display: none; position: absolute; z-index: 2; bottom: 0; left: 0; color: #FFFFFF; background-color: #00141e; opacity: 0.8; width: 100%;} .popupImage figcaption p { padding: 10px 15px; } .popupImage figcaption span {margin: 10px; font-weight: bold;} .popupImage:hover figcaption {display: block;} .popupImage:hover .icon {display: block !important;} .popupImage .icon { position: absolute; top: 50%; z-index: 10; border-radius: 0; display: none !important; } .popupImage .icon-arrow-previous16 { left: 0;} .popupImage .icon-arrow-next16 { right: 0;} .popupImage #contenu { z-index: 1;} .popupImage #contenu > * {width: 900px; height: 562px; background-color: #000; display: inline-block; *display: inline; *zoom: 1; vertical-align: top;} /* *************************** */ /* Popup Scroll */ /* *************************** */ #contentPopup .scrollable { background: #ffffff; border: 1px solid #80a8bc; height: 310px; overflow: auto; padding: 10px 0;} #contentPopup .scrollable .content { padding: 15px 35px 15px 25px; } /* ********************* */ /* Popup CGU Agree */ /* ********************* */ /* CGU */ .cgupremium { font-size: 14px; color: #003C5A; margin: 20px 0 10px 0; font-family: 'Tahoma', arial; text-align: justify; } .cgupremium span { display: block; padding-bottom: 5px; font-weight: bold; color: #00283C; } .cgupremium span.surtitre { padding-top: 35px; font-size: 18px; } .cgupremium span.second { padding: 20px; font-size: 15px; } .cgupremium span.tiers { padding-left: 35px; } .cgupremium span.gras { padding: 0; font-size: 12px; text-transform: uppercase; } .cgupremium span.surligne { padding: 0; text-transform: none; text-decoration: underline; font-weight: normal; } .cgupremium a { display: inline; color: #C89600; } .cgupremium ul { padding: 20px 0 0 35px; } .cgupremium li { list-style-type: disc; padding: 3px 0; } .cgupremium span.surtitre.p0t { padding-top: 0;} /* JEU GOPRO */ .plusBeauxVoyages .description {background-color: #000;} .plusBeauxVoyages .contentItem {margin-bottom: -40px;} .plusBeauxVoyages .description {text-align: left;} .plusBeauxVoyages .description h1 { font-weight: normal; font-size: 40px; margin-bottom: 20px;} .plusBeauxVoyages .description h1 span { color : #afafaf;} .plusBeauxVoyages .description h2 { color: #3cb4f0; font-size: 21px; line-height: 30px; margin-bottom: 20px; font-weight: bold; } .plusBeauxVoyages .description .tarif {text-transform: uppercase; font-size: 14px; margin-top: 20px;} .plusBeauxVoyages .description .tarif span {font-size: 40px; line-height: 40px; display: block;} /* POPUP SOUSCRIPTION ONE CLIC */ .popupSouscription.popupUser { background-color: #FFF; min-height: 240px;} .popupSouscription.popupUser .titrePopup {color: #c89600;text-transform: uppercase;font-size: 15px;padding-top: 60px; } .popupSouscription.popupUser .contForm, .popupSouscription.popupUser .titrePopup {background-color: transparent;} .popupSouscription.popupUser .contForm {padding-top: 0;text-align: center;} .popupConfirmation.popupUser .contForm *, .popupSouscription.popupUser .contForm * {text-align: center;} .popupConfirmation.popupUser .contForm > p, .popupSouscription.popupUser .contForm > p {font-size: 18px;line-height: 25px;margin: 0;} .popupSouscription.popupUser .btn { margin: 30px 15px 0;width: 80px;padding: 0;} /* POPUP CONFIRMATION ONE CLIC */ .popupConfirmation.popupUser { background-color: #FFF; min-height: 240px;} .popupConfirmation.popupUser .contForm, .popupConfirmation.popupUser .titrePopup {background-color: #FFF; text-align: center;} .popupConfirmation.popupUser .btn { margin: 30px auto 0; display: inline-block; *display: inline; *zoom: 1; } /* POPUP popupIncompatibilite */ .popupIncompatibilite.popupUser { text-align: center;} .popupIncompatibilite.popupUser .titrePopup { background-color: #cc3333; } .popupIncompatibilite.popupUser .contForm { padding: 25px 20px; } .popupIncompatibilite.popupUser .contForm > p {text-align: center; margin-top: 0;} .popupIncompatibilite.popupUser .contForm > div { display: inline-block; *display: inline; *zoom: 1; *float: left; vertical-align: top; border: 1px solid #ccdce4; padding: 10px 5px; background-color: #FFF; max-width: 20%; width: 100%; *margin: 0 4px; margin: 10px 5px;} .popupIncompatibilite.popupUser .contForm > div a { display: block; } .popupIncompatibilite.popupUser figcaption { font-size: 11px;} /* POPUP interstitiel */ body.noScrollable { overflow: hidden; } #popup.popupInterstitiel { min-width: 100%; height: 100%; left: 0 !important; overflow: auto; } #popup.popupInterstitiel iframe { width: 100%; margin: 0 auto; height: 100%; background-color: #FFF; } #popup.popupInterstitiel #popupClose { color: #00283c; } #popup.popupInterstitiel #contentPopup { height: 735px; } .popup-interstitiel .container { max-width: 100% !important; } .popup-interstitiel { background-color: #FFF; } .popup-interstitiel .parisienTranche { width: 100%; padding: 20px 0;} .popup-interstitiel .bloc .smallCaps { font-size: 14px; } .popup-interstitiel .bloc > * { max-width: 630px; margin: 0 auto;} .popup-interstitiel .bloc .h1 { font-size: 28px; line-height: 35px; margin-top: 30px; } .popup-interstitiel .bloc > div > p { font-size: 18px; line-height: 21px; } .popup-interstitiel div > .btn { display: block; max-width: 300px; padding: 0; margin: 20px auto; } .mode-deconnecter .popupInterstitiel .icon-close24 { color: #00283C !important; position: absolute; top: 10px; right: 20px; z-index: 5;} .mode-deconnecter .popupInterstitiel .icon-close24:hover { border-color: #00283C; } .mode-connecter .popupInterstitiel .icon-close24 { color: #FFF; } .mode-connecter .popupInterstitiel .icon-close24:hover { border-color: #FFF; } .popup-interstitiel .blocConnexion { background-color: #dce6eb; padding: 20px; } .popup-interstitiel .blocConnexion .titre-medium { font-size: 21px; margin-bottom: 20px; } .popup-interstitiel .blocConnexion .mdpOublie { display: block; text-align: right; } .popup-interstitiel #blocConnexionSocial { width: 520px; } .popup-interstitiel #blocConnexionSocial .titre-medium { margin-bottom: 0; } /* POPUP DIAPORAMA */ #popupDiapo{display: none;} .popupDiapo,.popupDiapo #contentPopupDiapo, /* hack horrible pour prévenir les pub de détruire l'iframe parente*/ .popupDiapo #contentPopupDiapo iframe{width:100%!important; height:100%!important; top:0!important; left:0!important; right:0!important; bottom:0!important; visibility: visible!important; min-width: 100%!important; min-height: 100%!important;} #close-diapo-popup{border: solid 1px #FFF; position:fixed; z-index: 999999; top:5px; right:20px; display: block; background: transparent; color: #000; font-size: 16px; line-height:28px; width: 28px; text-align:center; background: #FFF; -webkit-transition: border .3s ease;-moz-transition: border .3s ease;-ms-transition: border .3s ease;transition: border .3s ease;} #close-diapo-popup:hover { border: solid 1px #000;} /*POPUPS NEWSLETTER*/ .popupNewsletter { box-sizing: border-box; width: 720px; height: 450px; padding: 40px; position: relative; } .popupNewsletter #popupClose { color: #00283c; position: absolute; top: 15px; right: 15px; border-color: #00283c; } .popupNewsletter h1 { font-weight: normal; font-size: 36px; line-height: 1.2; } .popupNewsletter h2 { text-transform: uppercase; color: #c33; font-size: 18px; margin: 65px 0 5px 0; } .popupNewsletter h2 + p { width: 290px; font-size: 22px; line-height: 1.3; } .popupNewsletter.largeTxt h2 + p { width: 350px; } .popupNewsletter input[type=email] { margin: 10px 0 20px 0; box-sizing: border-box; border-color: #ccdce4; font-size: 16px; width: 300px !important; height: 35px; line-height: 35px; background: #fff; box-shadow: none; } .popupNewsletter input[type=submit] { float: none !important; display: block; margin: 0 !important; padding: 5px 15px; height: auto; } .popupNewsletter .mentions { position: absolute; left: 40px; bottom: 40px; } .popupNewsletter .merci { position: absolute; left: 40px; bottom: 170px; } #messageBox.error { color: #d00; text-shadow:0 1px 0 #ddd; margin: 20px 0 0; height: 20px; } /*popup psg*/ .popupNewsletter.nlPsg { background: url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/overlay/bg-psg.jpg') no-repeat left top; } .popupNewsletter.nlPsg h1 span { text-indent: -9999px; background: url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/overlay/icon-psg.jpg') no-repeat left top; display: inline-block; height: 42px; width: 63px; } /*popup ma terre*/ .popupNewsletter.nlMaTerre { background: url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/overlay/bg-ma-terre.jpg') no-repeat left top; } .popupNewsletter.nlMaTerre h1 { background: url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/overlay/logo-ma-terre.png') no-repeat right top; display: inline; padding: 20px 70px 20px 0; } /*popup politique*/ .popupNewsletter.nlPolitique { background: url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/overlay/bg-politique.jpg') no-repeat left top; } .popupNewsletter.nlPolitique p { font-weight: normal; font-size: 19px; line-height: 1.5; color: #00283C; width: 300px !important;} .popupNewsletter.nlPolitique .mentions {position: absolute; left: 40px; bottom: 20px; font-size: 12px !important; width: 230px; } .popupNewsletter.nlPolitique #messageBox { margin: 5px 0; height: 10px; } /*popup a la une*/ .popupNewsletter.nlAlaune { background: url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/overlay/bg-alaune.jpg') no-repeat left top; } /*popups locales*/ .popupNewsletter.newsLocale { background: url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/overlay/bg-nl-locales.jpg') no-repeat left top; } .popupNewsletter.newsLocale #newsletters-form-wrapper > p:first-child { width: 290px; font-size: 18px; line-height: 1.3; margin: 35px 0 25px 0; } .popupNewsletter.newsLocale p span { font-weight: bold; } .popupNewsletter.newsLocale input[type=email] { margin: 0; } .popupNewsletter.newsLocale #messageBox { margin: 10px 0; } .popupNewsletter.nl60 h1 { background: url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/overlay/logo-nl-60.jpg') no-repeat right top; display: inline; padding: 3px 70px 20px 0; } .popupNewsletter.nl75 h1 { background: url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/overlay/logo-nl-75.jpg') no-repeat right top; display: inline; padding: 3px 70px 20px 0; } .popupNewsletter.nl77 h1 { background: url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/overlay/logo-nl-77.jpg') no-repeat right top; display: inline; padding: 3px 70px 20px 0; } .popupNewsletter.nl78 h1 { background: url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/overlay/logo-nl-78.jpg') no-repeat right top; display: inline; padding: 3px 70px 20px 0; } .popupNewsletter.nl91 h1 { background: url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/overlay/logo-nl-91.jpg') no-repeat right top; display: inline; padding: 3px 70px 20px 0; } .popupNewsletter.nl92 h1 { background: url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/overlay/logo-nl-92.jpg') no-repeat right top; display: inline; padding: 3px 70px 20px 0; } .popupNewsletter.nl93 h1 { background: url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/overlay/logo-nl-93.jpg') no-repeat right top; display: inline; padding: 3px 70px 20px 0; } .popupNewsletter.nl94 h1 { background: url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/overlay/logo-nl-94.jpg') no-repeat right top; display: inline; padding: 3px 70px 20px 0; } .popupNewsletter.nl95 h1 { background: url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/overlay/logo-nl-95.jpg') no-repeat right top; display: inline; padding: 3px 70px 20px 0; } /*popup abo locale*/ .offre-locale .smallCaps { text-transform: none;} /* POP LA PARISIENNE */ .popupNewsletter.nllaParisienne { background: url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/overlay/bg-nl-laparisienne.jpg') no-repeat left top; } .popupNewsletter.nllaParisienne.newsLocale #newsletters-form-wrapper > p { line-height: 25px;} .popupNewsletter.nllaParisienne.newsLocale #newsletters-form-wrapper > p:first-child { width: 265px;} .popupNewsletter.nllaParisienne.newsLocale p span { display: block; width: 300px; color: #e60019; text-transform: uppercase;} .popupNewsletter.nllaParisienne #newsletters-form-wrapper .btn { background-color: #e60019;} /* POP VIDEO */ .popupNewsletter.nlvideo h1 { font-weight: normal; font-size: 36px; line-height: 1.2; width: 220px;} .popupNewsletter.nlvideo h2 { font-weight: normal; font-size: 36px; line-height: 1.2; width: 230px; text-transform: capitalize; margin: 0 0 20px 0; color: #00283C; } .popupNewsletter.nlvideo { background: url('/National_Library/20160526010038oe_/http://s1.lprs1.fr/img/design/overlay/bg-nl-video.jpg') no-repeat left top; } .popupNewsletter.nlvideo.newsLocale #newsletters-form-wrapper > p { line-height: 25px; margin-bottom: 25px; font-size: 18px;} .popupNewsletter.nlvideo.newsLocale p span { display: block; width: 300px; color: #e60019; text-transform: uppercase; } .popupNewsletter.nlvideo #newsletters-form-wrapper .btn { background-color: #e60019; } .popupNewsletter.nlvideo .mentions {position: absolute; left: 40px; bottom: 5px; font-size: 10px !important; } /* Generate (11) /_assets/css/_structure-boutonsPictos.css */ /************** A SUPPRIMER **************/ .pictoImg {position: relative; z-index: 2; background-repeat: no-repeat;background-image: url("/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/sprite_2014.png"); background-color: #00283C; padding: 0; text-indent: -5000em;} .pictoImg:hover {background-color: #3cb4f0;} .pictoImg.bg-transparent:hover, .pictoImg.bg-transparent {background-color: transparent;} /* reseaux sociaux */ .picto-fb {background-position: 0px -30px; background-color: #405b90; } .picto-twitter {background-position: 0px -90px;} .picto-gplus {background-position: 0px -120px; background-color: #CC0000;} .picto-mobile {background-position: 0px -150px;} .picto-newsletter {background-position: 0px -180px;} .picto-avatar {background-position: 0px -210px;} .picto-pinterest {background-position: 0px -240px;} /************ SUPPRIMER ****************/ .pictoImg.submit, .picto20x20, .picto21x21, .picto30x30, .picto40x40, .picto44x44, .picto11x11, .picto16x16, .picto17x17, .picto15x15, .picto50x50 {display:inline-block; *display: inline; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;background-color: #00283C; text-align: center;} .picto17x17 {width: 17px; height: 17px;border-radius:0;} .picto16x16 {width: 17px; height: 17px;border-radius:0; background-color: transparent;} .picto20x20 {width: 20px; height: 20px;} .picto21x21 {width: 21px; height: 21px;} .picto30x30 {width: 30px; height: 30px;} .picto40x40 {width: 40px; height: 40px;} .picto44x44 {width: 44px; height: 44px;} .picto50x50 {width: 50px; height: 50px;} .picto60x60 {width: 60px; height: 60px;} .picto11x11 {width: 11px; height: 11px;} .picto15x15 {width: 15px; height: 15px;} /* BOUTONS */ .btn.btn-icon {padding-left: 0; text-align: left;} .btn.btn-icon > * {margin-right: 5px;} .btn-icon {width: 240px; } .btn-icon > * {float: left; } .btn.pictoImg {padding: 0;} .btn {height: 30px; line-height:30px; font-size: 14px; text-transform: uppercase;font-weight: bold; padding: 0 10px; text-align: center; -moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px; display: inline-block; *display: inline; zoom: 1; color: #FFFFFF; cursor: pointer; background-color: #00283C;} .btn:hover {background-color: #00a0f0; color: #FFFFFF;} .btn-abonnes { background-color: #e1af00;} .btn-abonnes:hover { background-color: #c8a028} .btn-abonnes-mea {background-color: #cc3333;} .btn.btn-reagir { width:70px; height:22px;line-height:22px; font-size:11px; background-repeat: no-repeat; background-position:top right; padding: 0; border-radius: 0;} .btn-reactions .btn { background-color: #0078b4;font-weight: normal; text-align: left;} .btn-reactions:hover .bulle-reactions .contReac, .btn-reactions:hover .btn {background-color: #00a0f0;} .btn-reactions:hover .bulle-reactions .pointeTriangle { border-color: transparent #00a0f0 transparent transparent} .btn[disabled=disabled] { background-color: #ccdce4 !important; color: #FFF !important;} .btn.disabled {background-color: #99b9c9; color: #FFF;} .btn.disabled:hover { background-color: #7a94a1;} /* ghost */ .btn.btn-ghost { background-color: transparent; border: 1px solid #4c84a0; color: #4c84a0 !important; font-weight: normal; padding: 0 15px;} .btn-ghost .icon {color: #4c84a0;} .btn.btn-ghost:hover { background-color: #4c84a0; color: #FFF !important; } .btn-ghost:hover .icon { color: #FFF;} .btn.btn-ghost { height: 28px; line-height: 28px;} .btn-ghost.btn-xs { height: 18px; line-height: 18px;padding: 0 5px; } .btn-ghost.btn-xl { height: 38px; line-height: 38px; } /* dimensions boutons */ .btn-xs { height: 20px; line-height: 20px; padding: 0 5px; font-size: 10px; font-weight: bold; } .btn-md { height: 30px; line-height:30px; font-size: 14px; } .btn-xl { height: 40px; line-height: 40px;} .btn-xxl { height: 60px; line-height: 60px; font-size: 21px; padding: 0 20px; -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; } /* type de couleurs */ .btn-rouge { background-color: #cc3333; color: #FFF;} .btn-rouge:hover { background-color: #a32929;} .btn-jaune { background-color: #fac832; color: #FFF;} .btn-jaune:hover { background-color: #c8a028;} .btn-light { border-color: #FFF; color: #FFF;} .btn-light:hover { background-color: #FFF; color: #0078B4; } /*****************************************************************/ #afficherPlus {height: 40px; line-height: 40px; cursor: pointer; text-align: center; border-top: 1px solid #ebf0f5;} #afficherPlus p {width: 310px; margin: 0 auto; text-align: center; text-transform: uppercase; font-weight:bold; color:#00141e} #afficherPlus p:hover span, #afficherPlus p:hover {color: #00a0f0;} #afficherPlus span { background-color: transparent; font-weight: normal;} #afficherPlus {height: 40px;line-height: 40px;cursor: pointer;text-align: center;border-top: 1px solid #ebf0f5;} #afficherPlus p {width: 310px;margin: 0 auto;text-align: center;text-transform: uppercase;font-weight: bold; color: #00141e;} #afficherPlus p:hover, #afficherPlus p:hover span { color: #3cb4f0;} .icon > sub { font-size: 9px; bottom: auto; display: block;} .btn.h20 { height: 20px; line-height: 20px; font-size: 12px; padding: 0 5px;} .btn.h40 {height: 40px; line-height: 40px;} .btn.h45 {height: 45px; line-height: 45px; font-size: 21px;} /* ICONES */ .icon { display:inline-block; *display: inline; zoom:1; vertical-align: middle; -moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;background-color: #00283C; color: #FFFFFF; z-index: 1;} .icon:hover {background-color: #3cb4f0;} .icon.abonnes, .icon.medias { cursor: default;} .icon.medias:hover {background-color: #00283C;} .icon.abonnes {background-color: #e1af00; cursor: pointer;} .icon-look16.i40x40 {line-height: 30px; cursor: pointer;} .i16x16 {width: 16px; height: 16px; line-height: 16px; text-align: center; } .i24x24 {width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 0;} .i30x30 {width: 30px; height: 30px; line-height: 30px !important; text-align: center; } .i40x40 {width: 40px; height: 40px; line-height: 40px; text-align: center; } .i64x64 {width: 64px; height: 64px; line-height: 64px; text-align: center; } .i100x100 {width: 100px; height: 100px; line-height: 100px; text-align: center; } .icon8x8 { font-size: 8px; border-radius: 0;} .icon16x16 { font-size: 16px;} .icon24x24 { font-size: 24px;} .icon26x26 { font-size: 26px;} .icon32x32 { font-size: 32px;} .icon64x64 { font-size: 64px;} .icon-abomaxi32:hover, .icon-abomaxi32 { font-size: 128px; background-color: #e1af00; color: #FFF; height: 30px; line-height: 30px; width: 85px;} .i16x16.icon-rond { -webkit-border-radius: 16px; -moz-border-radius: 160px; border-radius: 16px; } .i30x30.icon-rond { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .icon-alert16 {color: #CC0000;} .icon-googleplus16 {background-color: #dd4b39;} .btn-facebook, .icon-facebook16 {background-color: #405b90;} .icon.icon-feed {background-color: #ff9900;} .picto-number { background-color: #000; color: #FFF; text-align: center; } .picto-number.i30x30 { border-radius: 15px; margin-top: 17px; line-height: 30px; } .picto-number.i40x40 { border-radius: 20px; margin-top: 12px; line-height: 40px;} footer .icon-facebook16, footer .icon-googleplus16, header .icon-googleplus16, header .icon-facebook16 { background-color: #00283C;} /* BOUTON HOME PAGE */ .btn-facebook { border: 0; color: #FFF; } .btn-facebook > span { font-size: 14px; font-weight: bold; margin-right: 15px; } .btn-facebook .btn { background-color: #FFF; color:#405b90; padding-left: 0; } .btn-facebook .btn:hover { background-color: #00a0f0; color: #FFF; } .btn-facebook .btn:hover .icon { color: #FFF;} .btn-facebook .icon { color: #405b90; border-right: 1px solid #405b90; margin-right: 10px; vertical-align: top; -webkit-border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px;-moz-border-radius-topleft: 2px;-moz-border-radius-bottomleft: 2px;border-top-left-radius: 2px;border-bottom-left-radius: 2px;-webkit-border-radius: 0;border-radius: 0; } /* CARTOUCHE ABONNES-VOUS HOME PAGE */ .abonnezVous { line-height: 30px; } .abonnezVous p { font-size: 18px; } .abonnezVous .prix { color: #e1af00; font-size: 22px; font-weight: bold; } .bg-transparent.icon, .bg-transparent.icon:hover, .icon-home16, .icon-home16:hover {background-color: transparent;} .icon-check16 {color: #005a87;} .icon-close24, .icon-close16 {cursor: pointer;} .icon-play16.i24x24 { border: 1px solid #ccc;} .icon-close24:hover, .icon-close16:hover { border: 1px solid #FFF;} .i24x24.icon-close16:hover { width: 22px; height: 22px; line-height: 22px;} .i40x40.icon-close24:hover { width: 38px; height: 38px; line-height: 38px;} .icon-previous { left: 0; } .icon-next { right: 0; } .icon-previous, .icon-next { position: absolute; top: 40%; z-index: 2; cursor: pointer; color: #CCC;} .icon-previous:hover, .icon-next:hover { color: #FFF;} .icon-arrow-previous16.medias, .icon-arrow-next16.medias { position: absolute; top: 45%; border-radius: 0; border: 1px solid #23465a; width: 38px; cursor: pointer; z-index: 2;} .icon-arrow-previous16.medias:hover, .icon-arrow-next16.medias:hover { color: #FFF; background-color: #4fa0c9; border-color: #00283C;} .icon-arrow-previous16.medias { border-left: 0; left: 0;} .icon-arrow-next16.medias { border-right: 0; right: 0;} .icon-arrow-next16.round { background-color: #296c8e; width: 50px; -webkit-border-top-left-radius: 200px; -webkit-border-bottom-left-radius: 200px; -moz-border-radius-topleft: 200px; -moz-border-radius-bottomleft: 200px; border-top-left-radius: 200px; border-bottom-left-radius: 200px; border: 0; } .icon-arrow-previous16.round { background-color: #296c8e; width: 50px; -webkit-border-top-right-radius: 200px; -webkit-border-bottom-right-radius: 200px; -moz-border-radius-topright: 200px; -moz-border-radius-bottomright: 200px; border-top-right-radius: 200px; border-bottom-right-radius: 200px; border: 0; } /* picto dans les images */ .contImg .picto21x21 {position: absolute;z-index: 30; top: 5px; left: 5px;} .contImg .picto30x30, .contImg .picto40x40 {position: absolute;z-index: 30; top: 15px; left: 15px;} .contImg .picto-commentaires {position: absolute; right: 0; bottom: -8px; color: #FFFFFF;} /* logos */ .logo {text-indent: -5000em; display: block; background-repeat: no-repeat;} .logo.landing {text-indent: 0;} footer .logo.landing {margin-top: 8px;} .parisien-logo {text-indent: -5000em; display: block; background-repeat: no-repeat;} .parisien-logo.logo-57x57 {width: 57px; height: 57px;background-image: url("/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/logo/logoParisien-57x57.gif"); } .parisien-logo.logo-carre {width: 60px; height: 60px;} .parisien-logo.logo-136x40 {width: 136px; height: 40px; background-image: url("/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/logo/logoParisien-136x40.gif");} .parisien-logo.logo-200x55 {width: 200px; height: 55px; background-image: url("/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/logo/logoParisien-200x55.png"); } .parisien-logo.logo-292x75 {background-image: url("/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/logo/logoParisien-292x75.gif"); width: 292px; height: 75px;} .parisien-logo.logo-270x77 {background-image: url("/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/logo/logoParisien-270x77.gif"); width: 270px; height: 77px;} .parisien-logo.logo-twitter-lpe { background-image: url("/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/logo/logo-twitter-lpe-57x57.png");} .picto-logo {text-indent: -5000em; display: block; background-repeat: no-repeat; background-position: center left;} .picto-lequipe {background-image: url("/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/logo/logo-equipe.png");width : 80px;} .picto-franceFoot {background-image: url("/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/logo/logo-franceFootball.png");width: 50px;} .picto-parisJob {background-image: url("/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/logo/logo-parisJob.png");width: 50px;} .picto-aso {background-image: url("/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/logo/logo-aso.png");width: 45px;} .picto-golf {background-image: url("/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/logo/logo-golf.png");width: 35px;} .picto-veloMag {background-image: url("/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/logo/logo-veloMagazine.png");width: 50px;} .picto-orange {background-image: url("/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/logo/orange30x30.gif");width: 30px; height: 30px; } /* type article */ .picto-video {background-position: -60px -40px ;} .picto-video.picto21x21 {background-position: -240px -164px ;} .picto-loupe {background-position: -60px -80px;} .picto-loupeNb {background-position: -67px -280px;} .picto-plusMoins {background-position: -255px -100px; background-color: #ccd0d2; border-radius: 0px; cursor: pointer; } .picto-plusMoins.descriptionOuvert {background-position: -266px -100px;} .picto-rendezVous { background-position: -240px -130px;background-color: transparent;} .picto-rendezVous:hover {background-color: transparent;} .picto-podium { background-position: -240px -147px; background-color: transparent;} .picto-podium:hover {background-color: transparent;} .picto-maison {background-position: 0 -570px; background-color: transparent;} .active .picto-maison, .picto-maison:hover {background-position:-30px -570px; background-color: transparent;} .pictoImg.submit {/*background-position: 0px -748px;*/ text-indent:0; cursor: pointer;} .picto50x50.picto-avatar {background-position: -140px 0;} .picto44x44.picto-avatar {background-position: -140px -50px;} .pictoImg.picto-signaler {background-position: -100px -240px; width: 17px; height: 17px; background-color: transparent;} .picto-plus{background-position: -140px -160px; width: 16px; height: 16px; display: block; background-color: transparent;} .picto-plus:hover{background-position: -156px -160px; background-color: transparent;} .picto-supprActu {background-position: -217px 0;} .picto-suppr {background-position: 0 -300px; border-radius: 0; background-color: #990000;} .active:hover .picto-parametres, .active .picto-parametres {background-position: -240px -85px;} .picto-parametres {background-position: -270px -85px; background-color: transparent; cursor: pointer;} .picto-parametres:hover {background-color: transparent;} .picto-agrandirReduire {cursor: pointer; border-radius: 0px;} .picto-agrandirReduire:hover {background-color: #0078b4;} .picto-agrandirReduire.agrandir {background-position: 0px -540px;} .picto-agrandirReduire.reduire {background-position: -30px -540px;} .picto30x30.picto-listing-chiffres {border-radius: 0;background-color: #005078;} .picto30x30.picto-listing-chiffres:hover {background-color: #005078;} .picto-listing-chiffres.un {background-position: 0px -720px;} .picto-listing-chiffres.deux {background-position: 0px -750px;} .picto-voir {background-position: -60px -300px;width: 24px; height: 16px; margin-left: 5px;} .picto-voir:hover {background-color: transparent;} .picto-disponibilite {background-position: -60px -270px; margin-left: 5px; } .picto-disponibilite:hover {background-color: transparent;} .picto-calendrier { background-position: -240px -185px; border-radius: 0; background-color: transparent;} .picto-calendrier:hover {background-color: transparent;} .picto-popup-close {background-position: -240px -200px; border-radius: 0; background-color: transparent; cursor: pointer;} .picto-popup-close:hover {background-color: transparent;} .picto-trash {background-position: -240px -216px; width: 19px; height: 21px; display: block; } /* fleches */ .pictoNavigation.picto20x20 {border: 1px solid #ccdce4; width: 18px; height: 18px; background-color: transparent; border-radius: 0;} .pictoNavigation.picto20x20.next {background-position: -36px -666px;} .pictoNavigation.picto20x20.previous {background-position: -36px -606px;} .pictoNavigation.picto20x20:hover {border-color: #00a0f0;} li:hover .picto-parametres {background-position: -255px -85px; background-color: transparent;} .active:hover .picto-fleche, .active .picto-fleche {background-position: -240px -70px;background-color: transparent; } .picto-fleche {background-position: -270px -70px; background-color: transparent;} li:hover .picto-fleche {background-position: -255px -70px;background-color: transparent;} /* fleche a suivre */ .picto-asuivre { text-transform: uppercase;background-position: right center; font-family: 'PTSansBold'; height: 30px; line-height: 30px; font-size: 14px; display: block; background-repeat: no-repeat;} .picto-asuivre span:first-child {background-color: #00283C; color: #FFFFFF; padding: 0 10px;} .picto-asuivre .pointeTriangle {display: block; width: 0px;height: 0px;border-style: solid;border-width: 15px 0 15px 10px;border-color: transparent transparent transparent #00283c;} .picto-asuivre.asuivre-small { height: 20px; line-height: 20px; font-size: 13px; } .picto-asuivre.asuivre-small .pointeTriangle { border-width: 10px 0 10px 5px; } .picto-asuivre.asuivre-btn { cursor: pointer; } .picto-asuivre.asuivre-jaune .pointeTriangle { border-color: transparent transparent transparent #fac832; } .picto-asuivre.asuivre-jaune span:first-child { background-color: #fac832; color: #FFF;} .picto-asuivre.asuivre-jaune:hover .pointeTriangle { border-color: transparent transparent transparent #c8a028; } .picto-asuivre.asuivre-jaune:hover span:first-child { background-color: #c8a028;} /* commentaires */ .picto-commentaires {display: block;width:34px; height:30px; line-height:21px; background-position: -60px -240px; background-color: transparent; text-align: center; font-size:11px; } .picto-commentaires:hover {background-color: transparent;} /* barre outils article */ .agrandirText {background-position: 0 -390px;} .agrandirText:hover {background-position: -30px -390px;} .reduireText {background-position: 0 -420px;} .reduireText:hover {background-position: -30px -420px;} .imprimerText {background-position: 0 -450px;} .imprimerText:hover {background-position: -30px -450px;} .envoyerText {background-position: 0 -480px;} .envoyerText:hover {background-position: -30px -480px;} .mobileText {background-position: 0 -510px;} .mobileText:hover {background-position: -30px -510px;} /* facebook */ .facebook {background-color: #405b90;} /* google plus */ .googlePlus {background-color: #dd4b39;} .facebook, .googlePlus { text-transform: none; font-size: 15px;} .btnPartage {background-color: transparent;text-transform: uppercase;border: none;width: 36px;float: left;height: 18px;line-height: 17px;cursor: pointer;font-weight: bold;font-size: 10px;color: #ccd0d2; } .btnPartage:hover {background-color: transparent; color: #FFFFFF;} .btnPartage.active { text-indent: -5000em; } .picto-oui {background-position: bottom right;} .picto-non {background-position: bottom right;} .picto-oui.active {background-position: -285px -40px;} .picto-non.active {background-position: -285px -58px;} /* BULLES */ .bulles { position: absolute; left: 0; height: 30px; z-index: 2; font-size: 14px; line-height: 21px; background-repeat: no-repeat; } .bulles span:first-child, .bulles p { height: 22px; line-height: 21px; padding: 0 10px; text-transform: uppercase; font-weight: bold; -webkit-font-smoothing: antialiased; } .bulle-reactions { width: 34px; height: 30px;} .bulle-reactions .contReac { display: block; width: 34px; height: 22px; background-color: #0078b4;color: #FFFFFF;} .bulle-reactions .pointeTriangle { margin-left: 14px; display: block; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; border-style: solid; width: 0px; height: 0px; line-height: 0px; border-width: 0px 8px 8px 0px; border-color: transparent #0078b4 transparent transparent; } .bulles .bgCouleur {color: #FFFFFF; display: block; height: 22px; line-height: 22px;text-transform: uppercase;-webkit-font-smoothing: antialiased; background-color: #0078b4; } .bulles .pointeTriangle { display: block; width: 0px; height: 0px; border-style: solid; border-width: 8px 8px 0 0; border-color: #007bff transparent transparent transparent; } .exclusif .bgCouleur {background-color: #cc0000; text-transform: none;} .exclusif .pointeTriangle {border-color: #cc0000 transparent transparent transparent;} .bulles.partenariat span:first-child { font-weight: normal;} .partenariat .bgCouleur {background-color: #22a078;} .partenariat .pointeTriangle {border-color: #22a078 transparent transparent transparent;} .partenariat.laparisienne-partenariat .bgCouleur {background-color: #e60019;} .partenariat.laparisienne-partenariat .pointeTriangle {border-color: #e60019 transparent transparent transparent;} .partenariat.leparisien-partenariat .bgCouleur {background-color: #DA4C11;} .partenariat.leparisien-partenariat .pointeTriangle {border-color: #DA4C11 transparent transparent transparent;} .article.formatListe .bulles.partenariat { top: 0; left: 215px; } .article.formatListe .bulles.partenariat + .newH1 { padding-top: 35px; } .materre.parte, .auteur .parte{ color: #22A078; } a:hover .materre.parte { color: #3CB4F0; } .auteur .parte.laparisienne-parte{ color: #e60019; } .auteur .parte.leparisien-parte{ color: #DA4C11; } .bulle-reactions.mini { width: 24px; height: 15px;} .contReactions p {margin: 0;text-transform: uppercase; font-weight: bold; font-size: 10px !important; line-height: 15px; padding: 0; } .bulle-reactions.mini .contReac { display: block; width: 24px; height: 15px; font-size: 10px; line-height: 15px; background-color: #0078b4;} .bulles.mini .pointeTriangle, .bulle-reactions.mini .pointeTriangle { margin-left: 12px; display: block; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; border-style: solid; width: 0px; height: 0px; line-height: 0px; border-width: 0px 5px 5px 0px; border-color: transparent #0078b4 transparent transparent; } .bulle-reactions.small14x9 {width: 14px; height: 12px;} .bulle-reactions.small14x9 .contReac {width: 14px; height: 9px;} .bulle-reactions.small14x9 .pointeTriangle { margin-left: 6px; display: block; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; border-style: solid; width: 0px; height: 0px; line-height: 0px; border-width: 0px 4px 4px 0px; border-color: transparent #0078b4 transparent transparent; } .bulles.mini { height: 15px; background-image: none; } .bulles.mini span {margin: 0;text-transform: uppercase; font-weight: bold; font-size: 10px !important;height: 15px; line-height: 15px; padding: 0 5px; } .bulle-reactions { width: 34px; height: 30px; text-align: center; z-index: 2; font-size: 11px; line-height: 21px; background-repeat: no-repeat; } .bulle-reagir a:hover, .bulle-reagir a {color: #FFFFFF;} /* abonnez-vous */ .btn-abonnezVous {font-family: 'PTSansNarrowBold', tahoma, sans-serif; font-size:16px; text-align: center; font-weight: normal; text-transform: none; padding: 0; background-color: #e1af00; width: 200px; color: white;} .btn-abonnezVous .prix {color:#ffd200;font-family: 'PTSansCaptionBold', Tahoma, sans-serif; } /* pagination */ .paginate_active, .paginate_button {padding: 0; background-color: transparent; -moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px; text-align: center; display: block; color: #00283C;width:27px; height: 30px; float :left;} .paginate_button:hover {background-color: #0078b4; color: #FFFFFF;} .paginate_active:hover, .paginate_active {background-color: #ccdce4; color: #00283C; cursor: default; } .previous.paginate_button {background-position: 0 -600px; text-indent: -5000em;} .previous.paginate_button:hover {background-position: -60px -600px;} .next.paginate_button.pictoImg {background-position: 0 -660px; text-indent: -5000em;} .next.paginate_button:hover {background-position: -60px -660px;} .first.paginate_button.pictoImg {background-position: 0 -630px; text-indent: -5000em;cursor: pointer; } .first.paginate_button:hover {background-position: -30px -630px;background-color: transparent;} .last.paginate_button.pictoImg {background-position: 0 -690px; text-indent: -5000em; cursor: pointer; } .last.paginate_button:hover {background-position: -30px -690px;background-color: transparent;} .paginate_button_disabled:hover {background-color: transparent;} .previous.paginate_button_disabled.pictoImg {background-position: -30px -600px;} .next.paginate_button_disabled.pictoImg {background-position: -30px -660px;} span.paginate_button:hover { background-color: transparent; color: inherit; cursor: default;} /* FLECHE DE DIAPORAMA */ .flecheNav {border: 1px solid #ccdce4; text-indent: -5000em; display: block; height: 50px; width: 19px; background-color: #ebf0f5; cursor: pointer; } .flecheNav:hover {background-color: #0078b4; border-color: #0078b4;} .flecheNav.previous {border-left: 0; float: left; } .flecheNav.next {border-right: 0; float: right;} /* AJAX LOADER */ .ajax-loader {display: block;background-image: url("/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/icons/ajax-loader-small.gif"); width: 31px; height: 31px;} /* DATE PICKER */ .datePicker > * { float: left; } .datePicker input { border-right: 0; width: 120px; -webkit-border-radius: 2px 0 0 2px !important; border-radius: 2px 0 0 2px !important; } .datePicker .icon { -webkit-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; } .pika-single { z-index: 9999; display: block; position: relative; color: #333; background: #3cb4f0; } .pika-single:before, .pika-single:after { content: " "; display: table; } .pika-single:after { clear: both } .pika-single { *zoom: 1 } .pika-single.is-hidden { display: none } .pika-single.is-bound { position: absolute;} .pika-lendar {width: 240px; padding: 15px; } .pika-title { position: relative; text-align: center; } .pika-label { display: inline-block; *display: inline; position: relative; z-index: 9999; overflow: hidden; margin: 0; font-size: 22px; line-height: 20px; color: #FFF; text-transform: uppercase; } .pika-years {display: block; color: #00283C; font-size: 12px;} .pika-title select { cursor: pointer; position: absolute; z-index: 9998; margin: 0; left: 0; top: 5px; filter: alpha(opacity=0); opacity: 0; } .pika-prev, .pika-next { display: block; cursor: pointer; position: absolute; top: 0; outline: none; border: 0; padding: 0; width: 25px; height: 25px; /* hide text using text-indent trick, using width value (it's enough) */ text-indent: -5000em; white-space: nowrap; overflow: hidden; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: 75% 75%;*position: absolute; *top: 0; color: #FFFFFF; } .pika-prev:hover, .pika-next:hover { border-radius: 20px; background-color: #FFFFFF; } .pika-prev, .is-rtl .pika-next { float: left; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg=='); *left: 0; left: 0; } .pika-next, .is-rtl .pika-prev { float: right; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII='); *right: 0; right: 0; } .pika-prev.is-disabled, .pika-next.is-disabled { cursor: default; } .pika-select { display: inline-block; *display: inline; } .pika-table { border-collapse: collapse; border-spacing: 0; border: 0; } .pika-table th, .pika-table td { width: 24px; height: 24px; padding: 0 5px; display: inline-block; *display: inline; } .pika-table th { color: #00283C; font-size: 10px; line-height: 26px; font-weight: bold; text-align: center; text-transform: uppercase; } .pika-button { cursor: pointer; display: block; height:100%; outline: none; border: 0; margin: 0; width: 100%; padding: 5px 0px; color: #FFFFFF; font-size: 12px; text-align: center; background-color: transparent;} .is-today .pika-button { color: #FFFFFF; font-weight: bold; border: 1px solid #ffffff;border-radius: 20px; padding: 4px 0px; } .is-selected .pika-button { color: #3cb4f0; font-weight: bold; background: #FFFFFF; border-radius: 20px;} .is-disabled .pika-button { pointer-events: none; cursor: default; color: #999; } .pika-button:hover { color: #3cb4f0 !important; background: #FFFFFF !important;border-radius: 20px !important; } /* Generate (12) /_assets/css/_structure-footer.css */ /* structure FOOTER */ .marketingParisien {box-sizing: content-box; background-color: #FFF;padding: 11px 0px 11px 25px;width: 473px;border-color: #ccdce4;border-style: solid;border-width: 1px;position: relative;height: 86px;} .marketingParisien .img { position: absolute; bottom: 1px; right: 0; z-index: 1; height: 94px; width: 231px; background-repeat: no-repeat; text-indent: -5000em; background-image: url("/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/footer/bg-codepromo.png"); } .marketingParisien .title { display: block; color: #cc0033; margin: 0; } .marketingParisien p { text-transform: uppercase; line-height: 22px; font-size: 17px;font-family: 'PTSansNarrowBold', tahoma, sans-serif; width: 260px; } .marketingParisien.annuaireParisien p {width:250px; margin-left: 0; } #footer-parisien { font-size: 14px; background: #ebf0f5;} #footer-parisien a {color: #00283C; box-sizing: content-box;} #footer-parisien a:hover {color: #3cb4f0;} #footer-parisien .parisien-logo {margin: 0;} #footer-parisien .cont-reseaux {height: 50px;position: relative; background-color: #6696ae;} #footer-parisien .suivezParisien {margin: 9px 25px;float: left;} #footer-parisien .suivezParisien li {margin-right:10px; line-height: 30px; height: 30px; list-style-type: none; } #footer-parisien .suivezParisien li p {margin-left: 10px; color: #FFFFFF; display: inline-block;*display: inline;zoom: 1;} #footer-parisien .suivezParisien li:hover p {color: #00283C;} #footer-parisien .suivezParisien a {display: block;height: 30px;} #footer-parisien .suivezParisien li:hover .pictoImg, #footer-parisien .suivezParisien li.active.pictoImg, #footer-parisien .suivezParisien li:hover.pictoImg {background-color:#003c5a;} #footer-parisien .suivezParisien-bulle {left: 0px !important;top: 40px;position: relative;} #footer-parisien .suivezParisien-bulle .infobulle {padding: 0;width: 298px;} #footer-parisien .suivezParisien-bulle .border {overflow: hidden;background-color: #FFFFFF;} #footer-parisien .suivezParisien-bulle .over {top: -1px;left: 0 !important;} #footer-parisien #suivezNousFooter .pictoImg { border-width: 1px; border-style: solid; border-color: #335363; } #footer-parisien .parisien-recherche {float: right;} #footer-parisien .parisien-recherche span {display: none;} #footer-parisien .formRecherche { position: relative;margin: 7px 25px 0 0; background-color: #FFF; } #footer-parisien .formRecherche input[type=text] {-moz-box-shadow: 0px 0px 0px ;-webkit-box-shadow: 0px 0px 0px ;box-shadow: 0px 0px 0px } #footer-parisien .formRecherche .submit {top: 1px;right: 1px;} #footer-parisien .menuFooter .largeurpage{max-width: 950px;} #footer-parisien .menuFooter {height: 42px;padding: 24px 0; font-size: 17px;background-color: #005078; box-sizing: content-box;} #footer-parisien .menuFooter ul {width: 790px;line-height: 25px;margin-left: 24px;clear: none!important; margin-top: -5px; list-style-type: none;} #footer-parisien .menuFooter * li {float: left; margin-right: 21px;} #footer-parisien .menuFooter a {color: #FFFFFF; text-transform: uppercase;font-family: 'PTSansNarrowBold', tahoma, sans-serif;} #footer-parisien .menuFooter .active a, #footer-parisien .menuFooter a:hover {color:#3cb4f0 } #footer-parisien .rubriqueSite article {float: left;width: 201px;min-height: 200px;padding: 24px; background-image: url("/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/footer/bgMenuListe.png"); background-repeat: no-repeat; } #footer-parisien h1 {text-transform: uppercase;font-size: 17px;display: block;font-family: 'PTSansNarrowBold', tahoma, sans-serif; color: #00283C;} #footer-parisien .rubriqueSite li {line-height: 25px;height: 25px;display: block;} #footer-parisien .rubriqueSite span {margin-right: 15px;} #footer-parisien .siteGroupe ul { line-height: 20px; list-style-type: none; } #footer-parisien .logosPartenaires li {padding: 0 10px; height: 28px;margin: 0 !important} #footer-parisien .siteGroupe article { width: 475px; margin-left: 25px;line-height: 20px; font-weight: normal; } #footer-parisien .siteGroupe li { margin-right: 20px; float: left; } #footer-parisien li.title {float: none; margin-bottom: 2px; } #footer-parisien li.title a { display: block; background: url("/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/logo/logoAmaury-77x20.gif") no-repeat center center;} #footer-parisien .footer { height: 30px; line-height: 30px; margin-top: 15px; padding-bottom: 15px; } #footer-parisien .footer ul {text-align: center;} #footer-parisien .footer li { font-size: 11px; font-weight: bold;-webkit-font-smoothing: antialiased;-moz-font-smoothing: none; margin-right: 17px; line-height: 26px; display: inline-block; *display: inline; *zoom: 1; } #pageError #colArticle {width: 950px; overflow: hidden; min-height: 300px;} #pageError #colArticle .sectionH1 {text-align: center; height: auto;} #pageError #colArticle a {text-align: center; display: block; margin-top: 50px;} #footer-parisien .title .newH1 { font-size: 17px; font-weight: normal; font-family: "PTSansNarrowBold", sans-serif; text-transform: uppercase; } #footer-parisien .moteurRechercheDefault {float: right;position: relative;margin: 7px 25px 0 0;background-color: #FFF; border: none;} #footer-parisien .parisienFormDefault .formInput.inputLargeBorder {height: 34px;line-height: 34px; border: none;padding-left: 40px;}