/* Nonfiction.fr Style Sheet */ /* !NPF! : Ne pas factoriser */ * { margin:0; padding:0; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; line-height:1.17em; } body { position:relative; width:100%; height:100%; color:#000; background:url(maquette/tile.gif) repeat; } p { padding-bottom:.5em; line-height:1.3em; } a { font-size:1em; color:#2463BA; text-decoration:none; } a:hover { color:#CBBD00; text-decoration:underline; } a img { border:none; } span, i, em, b, strong, u { font-size:1em; } div.spacer { clear:both; font-size:0; line-height:0; height:0; } /* Ticks of Titles */ .icoguill { padding-left:18px; background:url(maquette/ico_guill_12x12.gif) left 3px no-repeat; } .icoplay { padding-left:18px; background:url(maquette/ico_play_15x12.gif) left 6px no-repeat; } .icodoc { padding-left:18px; background:url(maquette/ico_doc_12x14.gif) left 4px no-repeat; } .icocal { padding-left:18px; background:url(maquette/ico_cal_12x16.gif) left 3px no-repeat; } .icorss { padding-left:18px; background:url(maquette/ico_rss_11x11.gif) 3px 3px no-repeat; } .icorp { padding-left:25px; background:url(maquette/ico_rp_18x12.gif) 5px 2px no-repeat; } .icoticka { padding-left:15px; background:url(maquette/ico_ticka_5x6.gif) 6px 7px no-repeat; } .icotickb { padding-left:15px; background:url(maquette/ico_tickb_5x5.gif) 6px 7px no-repeat; } .iconote { padding-left:15px; background:url(maquette/ico_note_12x12.gif) left 1px no-repeat; } .icofnac { padding-left:25px; background:url(maquette/ico_fnac_24x21.gif) right 1px no-repeat; } .icoamazon { padding-left:25px; background:url(maquette/ico_amazon.gif) right 5px no-repeat; } /* Text Color Themes */ .txtpnk { color:#E1007A; } a.txtpnk { color:#E1007A; } a.txtpnk:hover { color:#E1007A; background-color:#E1007A; } .txtfsh { color:#92107E; } a.txtfsh:hover { color:#FFF; background-color:#92107E; } .txtblum { color:#162982; } a.txtblum:hover { color:#FFF; background-color:#162982; } .txtblu { color:#006AB1; } a.txtblu:hover { color:#FFF; background-color:#006AB1; } .txtbluc { color:#009DDF; } a.txtbluc:hover { color:#FFF; background-color:#009DDF; } .txtgrnf { color:#006A6B; } a.txtgrnf:hover { color:#FFF; background-color:#006A6B; } .txtgrnm { color:#308725; } a.txtgrnm:hover { color:#FFF; background-color:#308725; } .txtgrnc { color:#A1D500; } a.txtgrnc:hover { color:#FFF; background-color:#A1D500; } .txtora { color:#F19300; } a.txtora:hover { color:#FFF; background-color:#F19300; } .txtoraf { color:#E85C0F; } a.txtoraf:hover { color:#FFF; background-color:#E85C0F; } .txtred { color:#E1001A; } a.txtred:hover { color:#FFF; background-color:#E1001A; } .txtbor { color:#98141B; } a.txtbor:hover { color:#FFF; background-color:#98141B; } /* Text Color Themes CLASSIFICATION */ .thtxtpnk { background-color:#FBDAEB;color:#E1007A;display:block;width:620px;font-size:9px;line-height:12px;text-indent:10px;padding:3px 0 3px 0;} a.thtxtpnk:hover { text-decoration:none;color:#FFF; background-color:#E1007A;} .thtxtfsh { background:#F0DEEE;color:#92107E;display:block;width:620px;font-size:9px;line-height:12px;text-indent:10px;padding:3px 0 3px 0; } a.thtxtfsh:hover { text-decoration:none;color:#FFF; background-color:#92107E; } .thtxtblum { background:#E6E9F2; color:#162982; display:block;width:620px;font-size:9px;line-height:12px;text-indent:10px;padding:3px 0 3px 0;} a.thtxtblum:hover { text-decoration:none;color:#FFF; background-color:#162982; } .thtxtblu { background:#EDF4FA;color:#006AB1; display:block;width:620px;font-size:9px;line-height:12px;text-indent:10px;padding:3px 0 3px 0;} a.thtxtblu:hover { text-decoration:none;color:#FFF; background-color:#006AB1; } .thtxtbluc { background:#E7F6FD; color:#009DDF;display:block;width:620px;font-size:9px;line-height:12px;text-indent:10px;padding:3px 0 3px 0; } a.thtxtbluc:hover { text-decoration:none;color:#FFF; background-color:#009DDF; } .thtxtgrnf { background:#EBF4F3; color:#006A6B; display:block;width:620px;font-size:9px;line-height:12px;text-indent:10px;padding:3px 0 3px 0;} a.thtxtgrnf:hover { text-decoration:none;color:#FFF; background-color:#006A6B; } .thtxtgrnm { background:#E8F2E9; color:#308725; display:block;width:620px;font-size:9px;line-height:12px;text-indent:10px;padding:3px 0 3px 0;} a.thtxtgrnm:hover { text-decoration:none;color:#FFF; background-color:#308725; } .thtxtgrnc { background:#F6FBE7; color:#A1D500;display:block;width:620px;font-size:9px;line-height:12px;text-indent:10px;padding:3px 0 3px 0; } a.thtxtgrnc:hover { text-decoration:none;color:#FFF; background-color:#A1D500; } .thtxtora { background:#FFF8F0;color:#F19300; display:block;width:620px;font-size:9px;line-height:12px;text-indent:10px;padding:3px 0 3px 0;} a.thtxtora:hover { text-decoration:none;color:#FFF; background-color:#F19300; } .thtxtoraf { background:#FEF5F0; color:#E85C0F;display:block;width:620px;font-size:9px;line-height:12px;text-indent:10px;padding:3px 0 3px 0; } a.thtxtoraf:hover { text-decoration:none;color:#FFF; background-color:#E85C0F; } .thtxtred { background:#FEF4F5;color:#E1001A; display:block;width:620px;font-size:9px;line-height:12px;text-indent:10px;padding:3px 0 3px 0;} a.thtxtred:hover { text-decoration:none;color:#FFF; background-color:#E1001A; } .thtxtbor { background:#F4E6E6;color:#98141B;display:block;width:620px;font-size:9px;line-height:12px;text-indent:10px;padding:3px 0 3px 0; } a.thtxtbor:hover { text-decoration:none;color:#FFF; background-color:#98141B; } .thtxtblack { background:#C0C0C0;color:#000000;display:block;width:620px;font-size:9px;line-height:12px;text-indent:10px;padding:3px 0 3px 0; } a.thtxtblack:hover { text-decoration:none;color:#FFF; background-color:#000000; } /* Text Color General */ .txtgry { color:#868788; } a.txtgry { color:#868788; } a.txtgry:hover { color:#FFF; background-color:#868788; } .txtgrn { color:#D6CC00; } a.txtgrn:hover { color:#FFF; background-color:#D6CC00; } .txtact { color:#CBBD00; } a.txtact:hover { color:#FFF; background-color:#CBBD00; } .txtblk { color:#1A171B; } a.txtblk:hover { color:#FFF; background-color:#1A171B; } .txtrech { color:#FFF; } a.txtrech:hover { color:#FFF; background-color:#D6CC00; } /* Background Color Themes */ .bkgpnk { color:#FFF; background-color:#E1007A; } a.bkgpnk:hover { color:#FFF; } .bkgfsh { color:#FFF; background-color:#92107E; } a.bkgfsh:hover { color:#FFF; } .bkgblum { color:#FFF; background-color:#162982; } a.bkgblum:hover { color:#FFF; } .bkgblu { color:#FFF; background-color:#006AB1; } a.bkgblu:hover { color:#FFF; } .bkgbluc { color:#FFF; background-color:#009DDF; } a.bkgbluc:hover { color:#FFF; } .bkggrnf { color:#FFF; background-color:#006A6B; } a.bkggrnf:hover { color:#FFF; } .bkggrnm { color:#FFF; background-color:#308725; } a.bkggrnm:hover { color:#FFF; } .bkggrnc { color:#FFF; background-color:#A1D500; } a.bkggrnc:hover { color:#FFF; } .bkgora { color:#FFF; background-color:#F19300; } a.bkgora:hover { color:#FFF; } .bkgoraf { color:#FFF; background-color:#E85C0F; } a.bkgoraf:hover { color:#FFF; } .bkgred { color:#FFF; background-color:#E1001A; } a.bkgred:hover { color:#FFF; } .bkgbor { color:#FFF; background-color:#98141B; } a.bkgbor:hover { color:#FFF; } .bkgblack { color:#FFF; background-color:#000000; } a.bkgblack:hover { color:#FFF; } /* Background Color General */ .bkggry { color:#FFF; background-color:#868788; } a.bkggry:hover { color:#FFF; } .bkggrn { color:#FFF; background-color:#D6CC00; } a.bkggrn:hover { color:#FFF; } .bkgact { color:#FFF; background-color:#FFFFFF; } a.bkgact:hover { color:#FFF; } .bkgblk { color:#FFF; background-color:#1A171B; } a.bkgblk:hover { color:#FFF; } .bkggryrech { color:#868788; background-color:#EBECEC; } a.bkggryrech:hover { color:#FFF; } #page { width:1144px; margin:0 auto; } #containerpage { position:relative; } #surhead { width:1144px; background-color:#FFF; } #surheadcenter { position:relative; width:1144px; height:auto; text-align:center; overflow:hidden; } #surheadleft { float:left; position:relative; width:421px; height:328px; margin-right:1px; } #surheadright { float:right; position:relative; width:583px; } #surheadrightleftcol { float:left; width:348px; margin-right:20px; } #surheadrightleftcol .actualitecolcontent { position:relative; width:348px; padding:10px 0 0 0; overflow:hidden; } #surheadrightrightcol { float:left; width:195px; padding-top:5px; overflow:hidden; } #surheadrightrightcol .critiquecolcontent { position:relative; width:195px; padding:5px 0 0 0; overflow:hidden; } #surhead .titrearticle { font-family:Arial, sans-serif; font-size:16px; font-weight:bold; } #surhead .titrearticle a { font-family:Arial, sans-serif; color:#1A171B; } #header { position:relative; width:1144px; } #barrenavcontent { position:absolute; right:0; top:0; padding-left:15px; background-color:#000; } #barrenavcontent ul { } #barrenavcontent ul li { float:left; position:relative; padding:5px 15px 8px 0; font-size:11px; list-style:none; } #barrenavcontent ul li a { display:block; position:relative; font-weight:bold; line-height:12px; color:#FFF; text-decoration:none; } #barrenavcontent ul li a:hover { color:#9C9C9C; } #logo { float:left; width:349px; height:89px; background:url(maquette/logo-nf-brut.jpg) left top no-repeat; } #logo a { display:block; width:349px; height:89px; text-decoration:none; border:0; } #biblioname { float:left; width:785px; height:40px; padding-top:25px; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;; font-size:30px; color:#FFF; text-align:right; } #biblioname a { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:30px; color:#FFF; text-decoration:none; border:0; } #datensearch { position:relative; } #datenav { float:left; width:133px; padding:9px 17px 9px 5px; font-size:11px; font-weight:bold; text-align:center; color:#000; background:url(maquette/hdr_ergo_17x12.png) top right no-repeat; } .bkgbor #datenav, .bkgred #datenav, .bkgoraf #datenav, .bkggrnm #datenav, .bkggrnf #datenav, .bkgblu #datenav, .bkgfsh #datenav, .bkgpnk #datenav, .bkgblum #datenav { color:#FFF; } #navigation { position:relative; font-weight:bold; } #navigation ul, #navigation ul li { list-style:none; } #navigation ul { } #navigation ul li { display:inline; text-align:center; } #navigation ul li a { float:left; margin-left:5px; padding:10px 10px 6px 0; font-size:12px; color:#FFF; text-decoration:none; background:url(maquette/hdr_tabs_165x76.png) right top no-repeat; } #navigation ul li span { margin-left:-5px; padding: 10px 0px 6px 10px; background:url(maquette/hdr_tabs_5x76.png) left top no-repeat; } #navigation ul li a:hover { background-position:100% -39px; } #navigation ul li a:hover span { background-position:0 -39px; } #navigation .current a { background:none; } #navigation .current a span { background:none; } #moteurtop { float:right; position:relative; padding:4px 10px 0; } .mdrblock { float:right; position:relative; } .mdrblock p { float:left; position:relative; margin-top:3px; padding-right:3px; font-size:13px; font-weight:bold; color:#000; } .bkgbor .mdrblock p, .bkgred .mdrblock p, .bkgoraf .mdrblock p, .bkggrnm .mdrblock p, .bkggrnf .mdrblock p, .bkgblu .mdrblock p, .bkgfsh .mdrblock p, .bkgpnk .mdrblock p, .bkgblum .mdrblock p { color:#FFF; } .mdrblock p img { float:left; position:relative; margin:-2px 4px 0 0; } .mdrblock #form_search { float:left; position:relative; } .mdrblock #form_search_foot { float:left; position:relative; width:460px; } .mdrblock #f_srch_keywd { float:left; position:relative; width:195px; height:17px; margin:0 7px 2px 0; padding:2px 0 0 3px; font-size:11px; color:#868788; border:none; } .mdrblock a { font-size:12px; font-weight:bold; text-decoration:underline; color:#FFF; } .mdrblock a:hover { text-decoration:none; color:#FFF; } #fildariane { float:left; position:relative; width:818px; padding:4px 10px; overflow:hidden; } #colonnage { position:relative; width:1144px; padding-top:10px; background:#FFF; } #colonnedroite { float:right; position:relative; width:165px; margin-bottom:12px; overflow:hidden; background-color: #ebecec; width:300px; } .themeslist { position:absolute; top:0px; left:0; width:153px; padding:5px; background-color:#FFF; border:1px solid #DCD355; z-index:1100; overflow:hidden; } .themeslist ul { } .themeslist ul li { padding:0 0 2px; } .themeslist ul li a { display:block; padding:2px 0 4px 6px; font-size:9px; font-weight:bold; line-height:13px; } .themeslist ul li a:hover { text-decoration:none; } div.plusde { width:150px; margin:10px 0 0 0; text-align:center; border:1px solid #868788; } div.plusde a { display:block; width:100%; padding-top:2px; /*!NPF!*/ padding-bottom:2px; font-family:Arial, sans-serif; font-size:9px; letter-spacing:1px; } div.plusde a:hover { text-decoration:none; } .block { position:relative; width:300px; margin-top:12px; background-color:#EBECEC; } .block h3 { width:100%; height:16px; font-size:9px; font-weight:bold; color:#FFF; text-transform:uppercase; text-indent:5px; line-height:16px; letter-spacing:0.1em; } .blockcontent { position:relative; width:100%; padding:20px; } #login { position:relative; width:165px; height:78px; background-color:#EBECEC; overflow:hidden; } #login h3 { width:100%; height:16px; font-size:9px; font-weight:bold; color:#FFF; text-transform:uppercase; text-indent:5px; line-height:16px; letter-spacing:0.1em; } #login p { padding:0 0 5px 5px; font-weight:bold; color:#848687; } /* Forms */ img.inputok { float:left; position:relative; width:16px; height:16px; cursor:pointer; } img.inputokbig { float:left; position:relative; width:33px; height:23px; cursor:pointer; } img.inputokmoy { float:left; position:relative; width:21px; height:19px; cursor:pointer; } input.inputok { float:left; position:relative; width:16px; height:16px; } /* Eviter ces inputs image... */ input.inputtxt { float:left; position:relative; height:14px; padding-left:2px; font-size:9px; line-height:13px; color:#868788; border:1px solid #848687; border-bottom-color:#D3D4D4; border-right-color:#D3D4D4; } select { float:left; position:relative; height:14px; line-height:13px; border:1px solid #848687; border-bottom-color:#D3D4D4; border-right-color:#D3D4D4; } /* Redesigned Form Select by script */ select.replaced { position:absolute; left:-999em; width:1px; } ul.selectReplacement { float:left; position:relative; width:134px; height:14px; margin-right:2px; z-index:1000; border:1px solid #848687; border-bottom-color:#D3D4D4; border-right-color:#D3D4D4; } ul.selectFocused { border:1px solid #CBBD00; } ul.selectReplacement li { display:none; width:116px; padding:1px 16px 1px 2px; font-size:9px; line-height:12px; color:#000; background:#fff; cursor:pointer; list-style:none; } ul.selectOpen li { display:block; } ul.selectReplacement li.selected { display:block; color:#000; background:#fff url(maquette/btn_dropdown_14x14.gif) right no-repeat; } ul.selectOpen li.selected { display:block; color:#222; background:#F4F0B4; border:0; } ul.selectOpen li:hover, ul.selectOpen li.hover, ul.selectOpen li.selected:hover { color:#fff; background:#DCD355; } #form_login { float:left; position:relative; } #f_login_user { width:150px; margin-bottom:2px; } #f_login_pass { width:132px; margin-right:2px; } #form_login p { float:left; padding:5px 0 2px; font-size:8px; font-weight:bold; color:#848687; } #form_login p a { color:#848687; } #form_login p a:hover { color:#CBBD00; } #form_search { /* défini plus haut */ } #f_srch_keywd { /* plus haut */ } #form_newsletter { float:left; position:relative; } #f_nl_email { width:132px; margin-right:2px; } /* Tags Cloud */ div.tagscloud { width:auto; height:auto; text-align:center; overflow:hidden; } .tagscloud a { font-family:Arial, Helvetica, sans-serif; letter-spacing:0; text-decoration:none; vertical-align:middle; line-height:20px; } .tagscloud a:hover { color:#000000; text-decoration:underline; } a.w1 { font-size:20px; font-weight:bold; color:#CBBD00; } a.w2 { font-size:17px; font-weight:bold; color:#CBBD00; } a.w3 { font-size:14px; font-weight:bold; color:#8F8C00; } a.w4 { font-size:14px; font-weight:normal; color:#8F8C00; } a.w5 { font-size:11px; font-weight:bold; color:#868788; } a.w6 { font-size:11px; font-weight:normal; color:#868788; } /* Basic block with list */ .blockwithul ul { } .blockwithul ul li { font-family:Arial, sans-serif; font-size:9px; line-height:18px; color:#CBBD00; } .blockwithul ul li a { padding-left:14px; font-family:Arial, sans-serif; color:#1A171B; background:url(maquette/ico_tickb_5x5.gif) 4px 3px no-repeat; } .blockwithul ul li a:hover { color:#D6CC00; } .blockwithul ul li span { padding-right:5px; font-weight:bold; } .blockwithul .plusde { width:155px; text-align:left; background-color:#E1E1E1; border:none; overflow:hidden; } .blockwithul .plusde a { padding-top:6px; /*!NPF!*/ padding-bottom:6px; } #menuactus { position:relative; background-color:#E4DE90; } #menuactus ul{ } #menuactus ul li { width:165px; height:42px; } #menuactus ul li a { display:block; width:165px; height:42px; } a.maint { background:url(maquette/menuact-interviews.gif); } a.maint:hover, a.maintover { background:url(maquette/menuact-interviewsover.gif); } a.mavid { background:url(maquette/menuact-videos.gif); } a.mavid:hover, a.mavidover { background:url(maquette/menuact-videosover.gif); } a.maage { background:url(maquette/menuact-agenda.gif); } a.maage:hover, a.maageover { background:url(maquette/menuact-agendaover.gif); } a.mabre { background:url(maquette/menuact-breves.gif); } a.mabre:hover, a.mabreover { background: url(maquette/menuact-brevesover.gif); } a.marep { background:url(maquette/menuact-rpresse.gif); } a.marep:hover, a.marepover { background: url(maquette/menuact-rpresseover.gif); } a.maarc { background:url(maquette/menuact-archives.gif); } a.maarc:hover, a.maarcover { background:url(maquette/menuact-archivesover.gif); } #blockredacteur { position:relative; padding:7px 3px 0; } #blockredacteur .media { float:left; width:auto; height:auto; } #blockredacteur .media img { width:30px; margin:0 5px 5px 0; border:0; } #blockredacteur .redacteur { padding-bottom:3px; font-size:10px; font-weight:bold; color:#868788; } #blockredacteur .qualite { margin-bottom:5px; font-family:Arial, sans-serif; font-size:9px; } #blockredacteur .extrait { clear:left; position:relative; padding:0 2px; font-size:10px; } #blockredacteur .plusde { width:149px; text-align:left; background-color:#E1E1E1; border:none; overflow:hidden; } #blockredacteur .plusde a { padding-top:6px; /*!NPF!*/ padding-bottom:6px; } /* Block with advanced ul */ #blockrevuepresse { position:relative; } #blockrevuepresse ul { } #blockrevuepresse ul li { padding:5px 0; font-size:10px; font-weight:bold; line-height:14px; } #blockrevuepresse ul li a { padding-left:0; padding-right:5px; color:#1A171B; background:none; } #blockmotdujour { position:relative; padding:5px 5px 0; } #blockmotdujour p { font-size:10px; } #blockmotdujour p span { font-style:italic; color:#CBBD00; } #blockmotdujour p span * { font-size:1em; color:#CBBD00; }/* useful for , ... */ #blockleblurb { position:relative; width:155px; overflow:hidden; } #blockleblurb a { color:#000; text-decoration:none; } #blockleblurb a:hover { color:#2463BA; } #blockleblurb .publicite { position:relative; padding-top:10px; text-align:center; color:#C1C1C2; letter-spacing:8px; } /* Blocks with basic ul */ #blocksameredac { position:relative; } #blocksameauth { position:relative; } #blocksametheme { position:relative; } #blocksamebook { position:relative; } #blockblogroll { position:relative; width:155px; overflow:hidden; } #coldroitepub { position:relative; width:120px; height:600px; margin:30px auto 20px; background-color:#ECECEC; } #contenu { float:left; position:relative; width:838px; margin-bottom:12px; overflow:hidden; } #actualitesdesidees { float:left; position:relative; width:417px; overflow:hidden; } #actualitesdesidees div.head { width:417px; } #actualitesdesidees div.head p { padding:0 0 0 10px; font-family:Arial, sans-serif; font-size:22px; line-height:1em; color:#CBBD00; letter-spacing:0.12em; } #actualitecolgal { width:405px; margin-top:5px; padding-left:10px; border-right:1px solid #E0E0E0; } .actualitecolcontent { position:relative; width:396px; padding:5px 0 20px 0; overflow:hidden; } .actualitecolcontent .titrearticle { padding-bottom:10px; font-size:18px; } .actualitecolcontent .titrearticle a { color:#1A171B; } .actualitecolcontent .titrearticle .date { font-size:11px; color:#CBBD00; } .actualitecolcontent .media { float:left; width:auto; height:auto; } .actualitecolcontent .media img { width:80px; margin:0 5px 5px 0; } .actualitecolcontent .media .video { width:200px; height:auto; margin:0 5px 5px 0; background-color:#EBECEC; overflow:hidden; } .actualitecolcontent .abstract p { font-family:Arial, sans-serif; font-size:12px; text-align:justify; } .actualitecolcontent .abstract p a { font-family:Arial, sans-serif; color:#000; } .actualitecolcontent .abstract p a:hover { text-decoration:none; } .actualitecolcontent .lirelasuite { text-align:right; background:url(maquette/puce_lasuite_6x13.gif) bottom right no-repeat; border-bottom:1px solid #C8C8C8; } .actualitecolcontent .lirelasuite a { padding-right:10px; font-family:Arial, sans-serif; font-weight:bold; color:#CBBD00; } #actualitecolgalpub { position:relative; width:auto; margin:5px 10px 20px 0; padding:4px 0 4px 16px; background:#EEE ; } #actualitecolgalpubinner { position:relative; width:auto; padding-right:16px; text-align:center; } #actualitecolgalpubctt { position:relative; width:300px; margin:0 auto; } #actualitecolgalpub a { display:block; width:300px; height:250px; text-decoration:none; border:0; } #critiquesdeslivres { float:left; position:relative; width:421px; overflow:hidden; } #critiquesdeslivres div.head { width:421px; } #critiquesdeslivres div.head p { padding:0 0 0 10px; font-family:Arial, sans-serif; font-size:22px; line-height:1em; color:#DCD355; letter-spacing:0.12em; } #critiquecolleft { float:left; width:200px; margin-top:25px; padding-left:10px; overflow:hidden; } #critiquecolcenter { float:left; width:200px; margin-top:25px; padding-left:10px; overflow:hidden; } #critiquecolright { float:left; width:200px; margin-top:25px; padding-left:10px; overflow:hidden; } #critiquecolleft, #critiquecolcenter, #critiquecolright { font-size:1em; } /* FontSize propagation */ #critiquecolleft .titrearticle, #critiquecolcenter .titrearticle, #critiquecolright .titrearticle { font-size:1em; } /* FontSize propagation */ #critiquesdeslivres .titrearticle { font-family:Arial, sans-serif; font-size:16px; font-weight:bold; } #critiquesdeslivres .titrearticle a { font-family:Arial, sans-serif; color:#1A171B; } /* Bloc résumé d'une critique */ .critiquecolcontent { position:relative; width:195px; padding:2px 0; overflow:hidden; } .critiquecolcontent .themelivre { padding:1px 0 1px 3px; margin-bottom:4px; font-family:Arial, sans-serif; font-size:9px; font-weight:bold; color:#FFF; text-transform:uppercase; } .critiquecolcontent .media { float:left; width:auto; height:auto; } .critiquecolcontent .media img { width:80px; /*height:auto;*/ margin:0 5px 5px 0; border:0; } .critiquecolcontent .titrelivre { font-family:Arial, sans-serif; font-size:9px; text-transform:uppercase; } .critiquecolcontent .auteurlivre { padding-bottom:10px; font-family:Arial, sans-serif; font-size:9px; } .critiquecolcontent .editeurlivre { padding-bottom:10px; font-family:Arial, sans-serif; font-size:9px; text-transform:uppercase; } .critiquecolcontent .editeurlivre span { font-size:1em; color:#868788; text-transform:none; } .critiquecolcontent .editeurlivre .datesortie { font-size:1em; font-weight:bold; color:#868788; text-transform:none; } .critiquecolcontent .detailslivre { width:175px; height:24px; padding-left:10px; font-size:8px; font-weight:bold; background-color:#F2F2F2; } .critiquecolcontent .detailslivre span { display:block; float:left; line-height:24px; } .critiquecolcontent .detailslivre a { display:block; float:left; padding:0 60px 0 3px; line-height:24px; color:#CBBD00; } .critiquecolcontent .detailslivre a:hover { color:#D6CC00; } /* Bloc encadré arrondi avec puce */ .encadrement { position:relative; width:auto; } .encadrement.w1col { width:195px; } /* width schemes */ .encadrement.w2col { width:406px; } .encadrement.w3col { width:600px; } .encadrementtop { position:relative; width:auto; height:12px; background-color:#F6F3D2; } .encadrementtop .topright { float:right; width:12px; height:12px; background:url(maquette/cadre_y_bd_tr_12x12.gif) top no-repeat; } .encadrementtop .topleft { float:left; width:12px; height:12px; background:url(maquette/cadre_y_bd_tl_12x12.gif) top no-repeat; } .encadrementctt { width:auto; padding:0 12px; background-color:#F6F3D2; } .encadrementctt .stats { padding-bottom:8px; font-size:.819em; font-weight:bold; color:#CBBD00; } .encadrementctt .stats a { color:#CBBD00; } .encadrementctt .critique { font-size:.91em; font-weight:bold; text-align:justify; color:#514E49; } .encadrementctt .critique span { padding-right:3px; color:#CBBD00; } .encadrementctt .critique a { color:#514E49; } .encadrementctt .extra { padding-top:8px; font-size:.819em; font-weight:bold; color:#CBBD00; } .encadrementctt .extra a { color:#CBBD00; } .encadrementbot { position:relative; width:auto; height:12px; background-color:#F6F3D2; } .encadrementbot .topright { float:right; width:12px; height:12px; background:url(maquette/cadre_y_bd_br_12x12.gif) bottom no-repeat; } .encadrementbot .topleft { float:left; width:12px; height:12px; background:url(maquette/cadre_y_bd_bl_12x12.gif) bottom no-repeat; } .encadrementname { float:right; height:40px; padding:6px 24px 0 0; margin-right:3px; font-size:10px; color:#868788; background:url(maquette/puce_14x14.gif) right 6px no-repeat; } .encadrementtick { float:right; width:24px; height:12px; background:url(maquette/cadre_encoche_y_24x12.gif) top no-repeat; } /* bloc fond livre ouvert */ .encadrementbas { position:relative; width:auto; margin-top:4px; } .encadrementbas.w1col { width:195px; } /* width schemes */ .encadrementbas.w2col { width:406px; } .encadrementbas.w3col { width:616px; } .encadrementbasbot { position:absolute; top:0; left:0; width:100%; border-top:1px solid #E1E1E1; z-index:-1; } .encadrementbasname { float:right; height:40px; padding:6px 24px 0 0; margin-right:3px; font-size:10px; color:#868788; background:url(maquette/puce_14x14.gif) right 7px no-repeat; } .encadrementbastick { float:right; position:relative; width:24px; height:12px; } .bastick { position:absolute; top:0; left:0; width:24px; height:12px; background:url(maquette/cadre_encoche_g_18x12.gif) top no-repeat; z-index:0; } #actualitesdesideesbig { float:left; position:relative; width:838px; overflow:hidden; } #actualitesdesideesbig div.head { width:838px; height:42px; background:#CBBD00; } #actualitesdesideesbig div.head .headtitlebig { float:left; padding:13px 0 0 15px; font-family:Arial, sans-serif; font-size:22px; font-weight:bold; color:#FFF; letter-spacing:1px; } #critiquedeslivresbig { float:left; position:relative; width:838px; overflow:hidden; } #colonnegauche { float:left; position:relative; width:181px; margin:20px 12px 12px 0; overflow:hidden; } #colonnegauche div.head { width:181px; height:30px; background-color:#EBECEC; } #colonnegauche div.head p { padding:8px 0 0 8px; font-size:12px; font-weight:bold; color:#868788; } .blockrech { position:relative; width:181px; margin-top:1px; } .rechhead { position:relative; width:181px; height:15px; background-color:#EBECEC; overflow:hidden; } .rechhead .plusmoins { float:left; width:31px; height:15px; background:url(maquette/rech-moinsplus.gif) no-repeat; cursor:pointer; } .rechhead .title { float:left; font-size:9px; font-weight:bold; text-indent:4px; line-height:15px; } .rechbody { float:right; position:relative; width:133px; padding:4px 0 8px 37px; background-color:#EBECEC; background-repeat:no-repeat; background-position:6px; overflow:hidden; } .rechbody .title { font-size:9px; line-height:15px; } .rechbody .inputtxt { width:122px; } #rech_auteur { background-image:url(maquette/rech-auteurs.gif); } #rech_titre { background-image:url(maquette/rech-titres.gif); } #rech_critique { background-image:url(maquette/rech-critiques.gif); } #rech_membre { background-image:url(maquette/rech-membres.gif); } div.boutonrech { position:relative; width:173px; padding-right:8px; margin-top:1px; text-align:right; background:#000; overflow:hidden; } div.boutonrech a { display:block; width:100%; padding-top:6px; /*!NPF!*/ padding-bottom:6px; font-size:9px; font-weight:bold; color:#B9B000; } #colgauchepub { position:relative; width:160px; height:600px; margin:20px auto; background-color:#ECECEC; } #contenucentral { float:left; position:relative; width:635px; padding-left:10px; margin:20px 0; overflow:hidden; } #articlecentral { position:relative; width:635px; font-size:11px; overflow:hidden; }/* FontSize in PX for size change function */ #articlecentral .titrearticlecentral { float:left; width:600px; padding-right:10px; /*!NPF!*/ padding-bottom:5px; font-family:Arial, sans-serif; font-size:1.819em; font-weight:bold; overflow:hidden; } #articlecentral .titrearticlecentral .date { font-family:Arial, sans-serif; font-size:.55em; font-weight:normal; color:#CBBD00; margin-top: 5px; } #headactions { float:right; width:100px; padding:5px 20px 0 0; overflow:hidden; } #headactions img { float:right; margin-left:10px; border:0; } #articlecentral .titrearticle { font-family:Arial, sans-serif; font-size:1.455em; font-weight:bold; } #articlecentral .titrearticle a { font-family:Arial, sans-serif; color:#1A171B; } #articlecentral .titrearticle .date { padding-left:5px; font-family:Arial, sans-serif; font-size:11px; font-weight:bold; color:#CBBD00; } #articlecentral .listeactusitem { float:left; width:616px; margin:5px 0 20px; font-size:1em; overflow:hidden; } #articlecentral .listeactusitem .titrearticle { padding-bottom:10px; font-family:Arial, sans-serif; font-size:1.455em; font-weight:bold; } #articlecentral .listeactusitem .titrearticle a { font-family:Arial, sans-serif; color:#1A171B; } #articlecentral .listeactusitem .titrearticle .date { padding-left:5px; font-family:Arial, sans-serif; font-size:.66em; font-weight:bold; color:#CBBD00; } #articlecentral .listeactusitem .actuabstract { font-size:1em; }/* FontSize propagation */ #articlecentral .listeactusitem .actuabstract .media { float:left; width:auto; height:auto; } #articlecentral .listeactusitem .actuabstract .media img { position:relative; width:80px; margin:0 5px 5px 0; } #articlecentral .listeactusitem .actuabstract .media .video { width:200px; height:auto; margin:0 5px 5px 0; background-color:#EBECEC; overflow:hidden; } #articlecentral .listeactusitem .lirelasuite { text-align:right; background:url(maquette/puce_lasuite_6x13.gif) bottom right no-repeat; border-bottom:1px solid #C8C8C8; } #articlecentral .listeactusitem .lirelasuite a { padding-right:10px; font-family:Arial, sans-serif; font-weight:bold; color:#CBBD00; } #articlecentral .critiquecolcontent { float:left; padding-top:16px; padding-right:16px; } #articlecentral .notation { float:left; width:250px; height:16px; padding-left:5px; font-size:.82em; font-weight:bold; color:#868788; } /* Bulle résumé de la critique */ #articlecentral .encadrement { float:left; } /* 3 next def for size change propagation */ #articlecentral .encadrement { font-size:1em; } #articlecentral .encadrementctt { font-size:1em; } #articlecentral .critique { font-size:1em; } #corpsarticle { float:left; width:616px; margin:10px 0 30px; font-size:1.09em; line-height:1.6em; overflow:hidden; text-align:justify; } #corpsarticle .media { float:left; width:auto; height:auto; } #corpsarticle .media img { width:195px; margin:0 10px 5px 0; } #corpsarticle .media .video { width:200px; height:auto; margin:0 10px 5px 0; background-color:#EBECEC; overflow:hidden; } #corpsarticle .media .video.big { width:425px; } #corpsarticle p { font-size:1.2em; line-height:1.7em; font-family: "droid_sans", "Verdana", sans-serif; text-align: left; } #corpsarticle span, #corpsarticle i, #corpsarticle em, #corpsarticle b, #corpsarticle strong, #corpsarticle u { line-height:1.6em; font-family: "droid_sans", "Verdana", sans-serif; text-align: left; } #corpsarticle blockquote { width:265px; padding-top:28px; margin:4px 0 12px; font-size:1em; background:#f6f3d2 url(maquette/cp_y_top_265x22.gif) left top no-repeat; } #corpsarticle blockquote.left { float:left; margin-right:20px; } #corpsarticle blockquote.right { float:right; margin-left:20px; } #corpsarticle blockquote p { padding:0 10px 22px; font-size:1.3em; line-height:1.4em; background:url(maquette/cp_y_bot_265x22.gif) left bottom no-repeat; } /* Lien ouvrant une note */ a.overlaycall { position:relative; padding-right:11px; white-space:nowrap; color:#000; background:url(maquette/ico_plus_15x15.gif) right 0px no-repeat; } a.overlaycall:hover { color:#CBBD00; text-decoration:none; } /* Bloc de note */ .overlayblock { display:none; position:absolute; width:220px; margin-left:-50px; padding-top:12px; background:url(maquette/cadre_note_h_220x12.png) left top no-repeat; z-index:10000; } .obcontent { position:relative; width:196px; padding:0px 12px 5px 12px; font-family:Arial, sans-serif; background:url(maquette/cadre_note_f_220x1.png) left top repeat-y; } a.obclose { display:block; float:right; height:14px; padding-right:20px; font-size:9px; line-height:14px; font-weight:bold; color:#CBBD00; background:url(maquette/ico_close_14x14.gif) right top no-repeat; } a.obclose:hover { color:#868788; } .obtype { float:left; padding:15px 5px 10px 0; font-family:Arial, sans-serif; font-size:8px; font-weight:bold; line-height:19px; color:#868788; } .obicone { float:left; height:14px; margin-top:15px; } .obcontent span.obctitle { padding-right:5px; font-weight:bold; color:#CBBD00; } .obbottom { width:220px; height:14px; background:url(maquette/cadre_note_b_220x14.png) left top no-repeat; } /* Cartouches début/fin d'article */ .cartouchehaut { float:left; width:616px; font-size:1em; overflow:hidden; } .cartouchebas { float:left; width:616px; margin:20px 0; font-size:1em; overflow:hidden; } .revenirenhaut { float:left; padding:2px 10px; font-size:.818em; font-weight:bold; text-transform:uppercase; background:#F6F6F6; } .revenirenhaut a { font-family:Arial, sans-serif; line-height:2em; color:#868788; } .paginationbottom { float:right; padding:2px 10px; font-family:Arial, sans-serif; font-size:1.2em; line-height:2em; font-weight:bold; text-transform:uppercase; color:#868788; background:#F6F6F6; } .paginationbottom a { margin-left:3px; font-family:Arial, sans-serif; line-height:2em; font-weight:bold; color:#868788; } .paginationbottom span.currentpage { color:#A00; text-decoration:underline; } .ccrights { width:88px; margin:0 auto; } .ccrights p { display:none; } #cartoucheactions { height:30px; margin-top:30px; padding-left:15px; background-color:#EEEEEE; } #cartoucheactions a { text-decoration:none; border:0px; } #cartoucheactions img { padding:7px 6px 0 7px; border:0px; } #comments { float:left; position:relative; width:616px; } p.commentstotal { font-size:18px; font-weight:bold; padding:10px 0 20px; } .comment { float:left; position:relative; width:auto; margin-bottom:30px; } .comimpair { background:url(maquette/comment-fond.gif) left top repeat-y; } .compair { background:url(maquette/comment-fond2.gif) left top repeat-y; } .commentgauche { float:left; position:relative; width:190px; } .commentavatar { float:left; padding:5px; } .commentavatar img { width:40px; height:auto;/*48*/ } .commentgauchecontent{ float:right; width:135px; padding:5px 5px 5px 0; } .commentname { font-size:12px; font-weight:bold; } .commentinfos { font-size:9px; } .commentrightdiv { float:right; width:420px; } .commentrighthaut { width:420px; min-height:50px; background:url(maquette/comment-haut.gif) right top no-repeat; } .commentdate { width:380px; padding:10px 0 0 25px; font-size:.909em; font-weight:bold; color:#CBBD00; } .commentaire { width:380px; padding:10px 0 0 25px; } .commentrightbas { width:420px; height:16px; background:url(maquette/comment-bas.gif) right top no-repeat; } .headthemes{ padding:5px; font-size:14px; font-weight:bold; color:#FFF; text-indent:12px; line-height:14px; } .themestitre{ width:620px; padding:3px 0 3px 0; font-size:10px; font-weight:bold; text-transform:uppercase; letter-spacing:0.1em; text-indent:10px; line-height:10px; } #ficheperso { position:relative; width:620px; } #ficheperso .photo { position:relative; width:620px; padding-bottom:15px; text-align:center; } #ficheperso .photo img { } #ficheperso .fichepersoscroll { position:relative; width:620px; height:230px; overflow:auto; border:1px solid #EBECEC; } #ficheperso .listeactusitem { float:left; width:585px; padding-left:5px; margin:5px 0 0; font-size:1em; overflow:hidden; } #ficheperso .listeactusitem .titrearticle { padding-bottom:10px; font-family:Arial, sans-serif; font-size:1em; font-weight:bold; } #ficheperso .listeactusitem .titrearticle a { font-family:Arial, sans-serif; color:#1A171B; } #ficheperso .listeactusitem .titrearticle .date { padding-left:10px; font-family:Arial, sans-serif; font-size:1em; font-weight:bold; color:#CBBD00; background:url(maquette/ico_tickb_5x5.gif) 0px 5px no-repeat; } #prefooter { position:relative; width:1144px; } #pflinks { position:relative; width:1124px; padding:4px 10px; background-color:#000; border-bottom:1px solid #FFF; } #pflinks ul { position:relative; } #pflinks ul li { float:left; position:relative; padding-right:48px; font-weight:bold; list-style:none; } #pflinks ul li a { display:block; line-height:16px; color:#FFF; } #pflinks ul li a.rss { padding-right:0; padding-left:20px; background:url(maquette/ico_rss_16x16.gif) 0px 0px no-repeat; } #pfbestofall { position:relative; width:1134px; padding:10px 0 14px 10px; background-color:#868788; } #pfboaarticles { float:left; position:relative; width:358px; margin-right:10px; color:#FFF; font-weight:bold; overflow:hidden; } #pfboacritiques { float:left; position:relative; width:342px; margin-right:10px; color:#FFF; font-weight:bold; overflow:hidden; } #pfboadossiers { float:left; position:relative; width:263px; color:#FFF; font-weight:bold; overflow:hidden; } #pfbestofall ul { position:relative; padding-top:4px; } #pfbestofall ul li { position:relative; padding:0 0 3px 9px; list-style:none; font-weight:normal; background:url(maquette/ico_tickc_5x7.gif) left 4px no-repeat; } #pfbestofall ul li a { color:#FFF; } #footer { position:relative; width:1144px; height:16px; margin-bottom:20px; background-color:#E7E7E4; } #footer img { float:left; } #footer ul { margin-left:220px; } #footer ul * { font-size:9px; letter-spacing:0.1em; } #footer ul li { float:left; position:relative; list-style:none; } #footer ul li a { display:block; line-height:16px; padding:0 20px; color:#000; text-decoration:none; } #footer ul li a:hover { color:#FFF; background-color:#000; } #article-partage, #article-partage-bas { width: 95%; padding-top: 10px; } #article-partage .fb-like, #article-partage-bas .fb-like { width: 450px; } #article-partage .twitter-partage, #article-partage-bas .twitter-partage { float: right; } .ariane { margin-bottom: 5px; } .addthis_toolbox { margin-top: 10px; } .bas-article-nom { background: url("maquette/puce_14x14.gif") no-repeat scroll left 0px transparent } .bas-article-nom a { margin-left: 18px; } .bas-article-nom a.autre-nom { margin-left: 0px; } .titrearticlecentral span.titre { font-size: 1.5em; } .article-tags { margin-top: 5px; margin-left: 3px; } .article-tags a{ background: #cbbd00; margin:4px; display: inline-block; padding: 5px 10px 6px; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 7px; -webkit-border-radius: 7px; -o-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px; -moz-box-shadow: 0 1px 2px #999; -webkit-box-shadow: 0 1px 2px #999; -o-box-shadow: 0 1px 2px #999; -ms-box-shadow: 0 1px 3px #999; box-shadow: 0 1px 2px #999; text-shadow: 0 -1px 1px #666; border-bottom: 1px solid #222; cursor: pointer; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -o-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -ms-box-shadow: 0 1px 3px rgba(0,0,0,0.5); box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); font-size: 11px; color: #ffffff; } .article-tags a:hover, .article-tags a:focus, .article-tags a:active{ -moz-box-shadow: 0 1px 2px #f2f2f2; -webkit-box-shadow: 0 1px 2px #f2f2f2; -o-box-shadow: 0 1px 2px #f2f2f2; -ms-box-shadow: 0 1px 3px #f2f2f2; box-shadow: 0 1px 2px #f2f2f2; border-bottom: 1px solid #999; background-color: #E2D57F; color:#ffffff; } #enquete-nf { margin: 4px 2px; } #enquete-nf img { float: left; } #enquete-nf p { margin-left: 55px; } #ficheperso .titrelivre { font-family: Arial,sans-serif; font-size: 1.1em; font-weight: bold; padding-bottom: 10px; font-style: italic; } .article-par { font-weight: normal; } .liste-contributeurs { display: block; float: none; margin-left: 10px; } .liste-contributeurs div { margin: 5px 0px 5px 0px; padding-left: 5px; font-size: 1.5em; border-left: 2px solid #CBBD00; } .liste-contributeurs-lettres { padding-bottom: 2px; margin: 5px 10px 5px 10px; font-size: 1.2em; border-top: 1px solid grey; border-bottom: 1px solid grey; text-align: center; } /** Règles de juin 2017 */ #articleshome { float: left; position: relative; width: 838px; overflow-x: hidden; overflow-y: hidden; } #articleshome .separation-articles { clear:both; width:75%; margin-left: auto; margin-right: auto; margin-bottom: 5px; border-top-width:2px; border-top-color:#ebecec; border-top-style:solid; } #articleshome .article { width:400px; margin:5px; } #articleshome .article-even { float:left; border-right-width:2px; border-right-color:#ebecec; border-right-style:solid; } #articleshome .article-odd { float:right; } #articleshome .article .information { float:left; width:95%; margin: 0 auto 15 auto; padding:10px; } #articleshome .article .thematique { padding-left:5px; padding-right:5px;text-transform:uppercase; } #articleshome .article .type-et-contributeurs { padding-left:5px; } #articleshome .article .contenu { width:98%; margin: 10 auto 10 auto; } #articleshome .article .contenu .article-image { float:left; margin:auto; padding:5px; } #articleshome .article .contenu .article-texte { float:right; width:60%; padding:5px; } #articleshome .article .contenu .article-texte.article-titre-vide { width:90% !important; } #articleshome .article .contenu .article-texte a { text-decoration:none; color:#000000; font-size:1.3em; } #articleshome .article .contenu .article-texte a.article-titre { font-weight: bold; font-size:1.5em; } #articleshome .wrapper { width:100%; } #articleshome .wrapper #load_more_button { border: 1px solid #868788; margin-top:0;margin-bottom:0;margin-left:0;background-color:#EBECEC;padding-top:10px;padding-bottom:10px; padding-left:5px; padding-right:5px;text-decoration:none;color:#868788; font-weight:bold;text-align:center;cursor:pointer;display:inline-block; font-size:1.3em; } .bxslider li > div { width:80%; margin-left: auto; margin-right: auto; } .bxslider .titrearticle a { font-size: 2.5em; color: #000000; text-decoration-line: none; text-decoration-style: solid; display:block; width:100%; width:100%; font-weight: bold; } .bxslider .carrousel-separateur { clear:both; } .bxslider div.carrousel-image { width:100%;height:300px;position:relative;top:0;left:90;background-position:center;background-size:cover; } .bxslider div.carrousel-image a { font-size: 2.5em; color: #000000; text-decoration-line: none; text-decoration-style: solid; display:block; width:100%; width:100%; } .bxslider .carrousel-resume { width:100%;position:relative;top:0;left:90; } .bxslider .carrousel-resmue p { font-size: 1.25em; } .bxslider .carrousel-resume a { font-size: 1.25em; color: #000000; text-decoration-line: none; text-decoration-style: solid; display:block; width:100%; width:100%; } #metaheader { position:relative; width:1144px; border-style:solid solid solid solid; border-width: 0 0 2px 0; border-color: #ffffff #ffffff #ebecec #ffffff; height:40px; padding-top:5px; background-color:#ffffff; font-size:1.3em; } #metaheader > div { float:left;padding-left:10px; } #metaheader a.menu-link { text-decoration:none;color:#000000; font-weight: bold; } #metaheader a.menu-link img { vertical-align:middle;background-color:#ffffff; width: 30px; } #metaheader a.cherchernf { text-decoration:none;color:#000000; font-weight: bold; } #metaheader a.cherchernf img { vertical-align:middle;background-color:#ffffff; border: none; width: 30px; } #logohomepage { background-color: #ffffff; width:1134; margin: 0 auto; } #logohomepage img { background-color:#CBBD00; } #navigationnew { position:relative; font-weight:bold; background-color: #000000; background-clip: border-box; background-origin: padding-box; background-position-x: 0%; background-position-y: 0%; background-size: auto auto; } #navigationnew ul, #navigationnew ul li { list-style:none;} #navigationnew ul { margin-left:32px; } #navigationnew ul li { display:inline; text-align:center; } #navigationnew ul li a { float:left; margin-left:5px; margin-right:54px; padding:15px 10px 15px 0; font-size:1.2em; color:#FFF; text-decoration:none; background_:url(maquette/hdr_tabs_165x76.png) right top no-repeat; font-size:1.5em; text-transform: uppercase; } #navigationnew ul li span { margin-left:-5px; padding: 10px 0px 6px 10px; background_:url(maquette/hdr_tabs_5x76.png) left top no-repeat; } #navigationnew ul li a:hover { background-position:100% -39px; text-decoration_:underline; background-color:#CBBD00;} #navigationnew ul li a:hover span { background-position:0 -39px; } #navigationnew .current a { background:none; } #navigationnew .current a span { background:none; } .nav ul { list-style: none; background-color: #444; text-align: center; padding: 0; margin: 0; } .nav li { font-size: 2em; line-height: 40px; height: 40px; border-bottom: 1px solid #888; } .nav a { text-decoration: none; color: #fff; display: block; text-decoration-line: none; text-decoration-style: solid; transition: .3s background-color; } .nav a:hover { background-color: #005f5f; } .nav a.active { background-color: #fff; color: #444; cursor: default; } @media screen and (min-width: 600px) { .nav li { width: 90px; border-bottom: none; height: 50px; line-height: 50px; font-size: 1.4em; } /* Option 1 - Display Inline .nav li { display: inline-block; margin-right: -4px; } */ /* Options 2 - Float*/ .nav li { float: left; } .nav ul { overflow: auto; width: 1000px; margin: 0 auto; } .nav { background-color: #444; } } /* Nav Panel ====================================== */ .panel { background: #000000; z-index: 9999; position: fixed; left: -15.625em; /*or width of your navigation panel*/ width: 15.625em; /*should match the above value*/ } .panel ul { border-top: 2px solid #34495D; } .panel a { display: block; border-bottom: 2px solid #34495D; padding: 1em; text-transform: uppercase; font-size: 12px; } .panel a:link, .panel a:visited { color: #fff; } .panel a:hover, .panel a:active { background: #cbbd00; } .nav-icon { margin-right: 6px; } .wrap{ position: relative; } .bloc-droite { width:90%; background-color: #ffffff; margin-left: auto ; margin-right: auto ; margin-top:10px; border-style: solid; border-color: #868788; border-width: 8px thin thin thin; font-weight: bold; } .bloc-droite .bloc-droite-titre { text-align: center; width:90%; margin-left: auto ; margin-right: auto; margin-top: 0px; margin-bottom: 0px; font-size:1.5em; text-transform:uppercase; } .bloc-droite .bloc-droite-contenu { width:90%; margin-right: auto; margin-top: 10px; margin-bottom: 8px; font-size:1.2em; display:block; margin-left: 10px; } #followus { text-transform: uppercase; } #followus p { margin-left: auto; margin-right: auto; } #followus p img { margin: 0px 2px; border: none; width: 55px; } #followus a.subscribenlnf { text-decoration:none;color:#000000; } #critiquesartistiques ul { padding:0; margin:0; list-style-type:none; color:#717171; width:100%; } #critiquesartistiques li { border-bottom:1px solid #eeeeee; padding:0px; } #critiquesartistiques a { display:block; padding:7px 10px 7px 10px; text-transform:uppercase; font-size:1.3em; color:#000000; } #critiquesartistiques a:link { color:#000000; text-decoration:none; } #critiquesartistiques a:hover { color:white; background-color:#cbbd00; } .bloc-droite .bloc-droite-tout-contenu { text-align: center; } .bloc-droite .bloc-droite-tout-contenu span { border: 1px solid #868788; margin-top:0;margin-bottom:0;margin-left:0;background-color:#EBECEC;padding-top:10px;padding-bottom:10px; padding-left:5px; padding-right:5px; text-align: center; } .bloc-droite .bloc-droite-tout-contenu a { text-decoration:none;color:#868788; font-weight:bold;text-align:center;cursor:pointer;display:inline-block; } #articletags .article-tags { width:90%; background-color: #ffffff; margin-left: auto ; margin-right: auto ; margin-top:10px; border-style: solid; border-color: #868788; border-width: 8px thin thin thin } #articletags h3 { width:90%; margin-left: auto ; margin-right: auto; margin-top: 10px; margin-bottom: 8px; font-size:1.2em; text-transform:uppercase; } #articletags p { width:90%; margin-left: 10px ; margin-right: auto; margin-top: 10px; margin-bottom: 8px; font-size:1.2em; } #colonnegauche .bloc-gauche { width:90%; background-color: #ffffff; margin-left: auto; margin-right: auto; margin-top:10px; border-style: solid; border-color: #cbbd00; border-width: 8px thin thin thin } #colonnegauche .bloc-gauche .logo-gauche-auteur { float:left; width:25%; } #colonnegauche .bloc-gauche .nom-gauche-auteur { float:left; padding:10px; } #colonnegauche .bloc-gauche .theme-livre { margin:10px; } #colonnegauche .bloc-gauche .theme-livre span { padding-left:5px; padding-right:5px;text-transform:uppercase; } #colonnegauche .bloc-gauche .bloc-gauche-information { width:90%; margin-left: 10px ; margin-right: auto; margin-top: 10px; margin-bottom: 8px; } #colonnegauche .bloc-gauche .bloc-gauche-titre { font-size:1.2em; } #colonnegauche .bloc-gauche .bloc-gauche-auteur { font-size:1em; }