/* --------------------------------------------------------- */ /* Feuille de style des squelettes par defaut pour SPIP 2.0 */ /* --------------------------------------------------------- */ * { margin: 0; padding: 0 } html { font-size: 100%; } body { font-size: 0.8125em; background: #000 url(../images_habillage/montage_animaux.jpg) left bottom no-repeat; font-family: Verdana, arial,Helvetica,Lucida,Tahoma,"Trebuchet MS",Arial,Geneva,sans-serif; font-size:11px; margin:0; text-align: left; padding:0 0 0px 0; color: #999999; } #inside_bodyBG { width: 100%; background: url(../images_habillage/f-body2.jpg) center top no-repeat; } /* Titraille */ a.accueilA { position: absolute;top: 0px; left: 0px; text-indent: -5000px; display: block; display: block; width: 419px; height: 140px; overflow: hidden; } a.accueilA:hover span { display: block; width: 51px; height: 7px; position: absolute; top: 105px; left: 52px; background: #000 url(../images_habillage/home.png) left top no-repeat } h1,h2,h3,h4,h5,h6 { font: normal 1em Verdana; text-align: left; } h1 { font: italic normal 2.3em verdana; color: #960709; letter-spacing: 1px; } .formulaire_recherche label { display: none; padding: 0 0 7px 0; display: block; font: italic normal 1.6em sans-serif; letter-spacing: 2px; color: #979797; position:relative; top: 0px; left: 15px; } h1.entry-title { margin: 20px 0 12px 20px; font: normal 1.7em verdana; } h2 { color:#979797; font-family:; font: bold 16px verdana; letter-spacing: 0; line-height:23px; margin: 20px 0 12px 20px } h2.dernierBrevesH2 { margin: 10px 0 10px 20px } h2.dernierArticlesH2 { margin: 25px 0 21px 20px } h3 { font: bold 16px/22px verdana; color: #7a7a7a; margin:15px 0 10px; } h3 a { text-decoration: underline; } h4 { font-size: 16px; font-weight: bold ; margin: 14px 0 10px 0 } h5 { font-size: 15px; font-weight: bold ; margin: 14px 0 10px 0 } ul.puced { margin: 10px 0 10px 0px } ul.puced span.small { font: normal 11px arial; color: gray } p { font: normal 1.1em/1.6em verdana } p.repondre a { font: italic normal 1.1em/1.5em verdana } ul li { list-style: none; font: normal 1.1em/1.5em verdana } /* plandusite */ #plandusite { } #plandusite a { text-decoration: none; } #plandusite h2 { color: #960709 ; margin:20px 0 18px 20px; font-size: 22px } #plandusite h3 { margin: 10px 0 15px 20px; } #plandusite h2 a { color: #960709 } #plandusite ul { margin: 0 0 10px 20px; } #plandusite ul li { margin: 0 0 0 15px; list-style: disc } /* Autres enrichissements typo */ strong { font-weight: bold; } em { font-style: italic } abbr, acronym { border-bottom: 1px dotted; cursor: help } small { font-family:arial; font-size:1em; color: #707070 } dfn { font-weight: bold; color: #666 } del { text-decoration: line-through } ins { color: red !important; text-decoration: none } sup, sub { font-size: .8em; font-variant: normal } /* */ .oneBLVideo { width: 480px; height: 385px; margin: 15px auto; } /* Page artistes */ #statiquePage { padding: 10px } #statiquePage h2 { margin: 0 0 20px 1px } #statiquePage h2 span { font: italic normal 15px verdana; } #statiquePage h2.first { width: 267px; height:58px; padding: 26px 0 0 102px; margin: 0 auto 24px; letter-spacing:1px; font: normal 17px verdana; background: url(../images_habillage/logo5.png) left top no-repeat; } #statiquePage h2 { margin: 15px 0 10px 0px; } #statiquePage p { margin: 10px 0 10px 0px; } #bg-artists { } /* Couleurs des liens ---------------------------------------------- */ a { color: #b7b6b6; text-decoration: underline; } a:focus,a:hover,a:active { color: #9c0606; text-decoration: none; } /* ------------------------------------------ /* Disposition a l'ecran des blocs principaux /* ------------------------------------------ */ #page { width: 990px; margin: 0 auto; text-align: left; z-index: 4000; } #entete { width: 990px; height: 223px; margin: 0 auto; padding: 0px 0 0px 0 ; position:relative; top: 0px; left: 0px; } #entete a.accueil #nom_site_spip { position: absolute; top: -5000px; left: -5000px; text-indent: -5000px; } #conteneur { clear: both } #contenu { overflow: auto; padding: 0px 10px 17px 10px ; } #colonne_centre_bot { width: 618px; float: left; } #colonne_centre { width: 542px; min-height: 263px; padding: 25px 20px 32px 36px; } #colonne_droite { width: 146px; padding: 25px 10px 20px 10px; margin: 0 0 0 10px; float: left; } #colonne_gauche { width: 138px; padding: 35px 10px 10px 18px; margin: 0 10px 0 0px; float: left; } #col-right_big_center { width: 783px; margin: 0 0 0 10px; float: left; background: url(../images_habillage/col-right_big_center.png) left top repeat-y; } #col-right_big_bot { width: 783px; background: url(../images_habillage/col-right_big_bot.png) left bottom no-repeat; } #col-right_big_top { width: 763px; min-height: 600px; padding: 15px 10px 10px 10px; overflow: auto; background: url(../images_habillage/col-right_big_top.png) left top no-repeat; } #colonne_droite h4.plusVendu { text-align: center; margin: 28px 0 12px 0px ; position:relative; top: 0px; left: -8px; } #colonne_droite h4.firstH2ColRight { margin-bottom: 3px; text-align: center; margin: 8px 0 12px -17px } #colonne_droite h4.links { margin: 8px 0 5px 0px; position:relative; top: 0px; left: 18px } #colonne_droite h4.playlistH2 { margin: 46px 0 5px } .skeud { padding: 0 0 77px 0; background: url(../images_habillage/skeud.png) center bottom no-repeat; } .skeud p { text-align :center; line-height: 19px } /* Liens images colonne droite */ a.radio { display: block; width: 134px; height: 40px; background: url(../images_habillage/radio.png) left top no-repeat; text-indent: -5000px; overflow: hidden; } a.radio:hover { display: block; width: 134px; height: 40px; background: url(../images_habillage/radio2.png) left top no-repeat; text-indent: -5000px; overflow: hidden; } a.letter { display: block; width: 134px; height: 40px; background: url(../images_habillage/letter.png) left top no-repeat; text-indent: -5000px; overflow: hidden; } a.letter:hover { display: block; width: 134px; height: 40px; background: url(../images_habillage/letter2.png) left top no-repeat; text-indent: -5000px; overflow: hidden; } a.contact { display: block; width: 134px; height: 40px; background: url(../images_habillage/contactc.png) left top no-repeat; text-indent: -5000px; overflow: hidden; } a.contact:hover { display: block; width: 134px; height: 40px; background: url(../images_habillage/contactc2.png) left top no-repeat; text-indent: -5000px; overflow: hidden; } a.support { display: block; width: 134px; height: 40px; background: url(../images_habillage/support.png) left top no-repeat; text-indent: -5000px; overflow: hidden; } a.support:hover { display: block; width: 134px; height: 40px; background: url(../images_habillage/support2.png) left top no-repeat; text-indent: -5000px; overflow: hidden; } a.rss { display: block; width: 134px; height: 40px; background: url(../images_habillage/rss.png) left top no-repeat; text-indent: -5000px; overflow: hidden; } a.rss:hover { display: block; width: 134px; height: 40px; background: url(../images_habillage/rss2.png) left top no-repeat; text-indent: -5000px; overflow: hidden; } .articles { clear: both } #extra { margin-top: 1em; font: normal 12px verdana; color: gray } #extra p { font: normal 12px verdana; color: gray } #top10 { margin-top: 1em; font: normal 12px verdana; color: gray } #top10 p.top10P { margin: 45px 0 0; padding: 0 0 5px 0; text-align: center; font: italic normal 1.6em sans-serif; letter-spacing: 2px; color: #979797; border: none; position:relative; top: 0px; left: -13px } #top10 p { font: normal 12px verdana; padding: 4px 2px 7px 5px; margin:10px 0 6px; text-align :center; border-bottom: 1px solid #13140b } #top10 p a { font: normal 11px/16px verdana; text-decoration: none; } #top10 p a:hover { text-decoration: underline; } #top10 p a span { font: normal 10px arial; text-decoration: none; display: block; margin: 0; padding: 0 0 2px 0; text-align :center; color: #636363 } #top10 p a:hover span { font: normal 10px arial; text-decoration: underline } #top10 p a strong { font: normal 11px verdana; color: #999999; } #pied { clear: both; margin: 0; padding: 7px 0 20px 0; text-align: center; font: normal 9px sans-serif; } #pied img { vertical-align: middle } /* Espaceur de blocs */ .nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; } /* Non visible a l'ecran */ .invisible { position: absolute; top: -3000em; height: 1%; } /* ------------------------------------------ /* Habillage des elements du contenu /* ------------------------------------------ */ #hierarchie { clear: both; margin-bottom: 2em; font-size: 0.90em; } #hierarchie, #hierarchie a { color: #666; font: normal 1.1em sans-serif; } .cartouche { margin-bottom: 2em; } .cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; } .cartouche p { margin: 0; padding: 0; clear: left; } .surtitre, .soustitre { font-size: 0.90em; color: #666; text-transform: uppercase; letter-spacing: 0.10em; } .cartouche .surtitre { margin-bottom: 0.30em; } .cartouche .soustitre { margin-top: 0.50em; margin-bottom: 0.30em; } .cartouche .traductions { font-size: 0.90em; } .chapo { margin-bottom: 1.50em; line-height: 1.40em; font-weight: bold; color: #666666; } .texte { line-height: 1.60em; padding: 0 10px } .texte a { text-decoration: underline; } .hyperlien { display:block; font-weight:bold; padding:0.5em 0; background: url(../images_habillage/line.png) right top no-repeat } .ps, .notes { margin-bottom: 2em; line-height: 1.40em; } .notes { clear: both; font-size: 0.90em; } abbr.published { border: 0; } /* Portfolio */ #documents_portfolio { clear: both; margin: 2em auto; text-align: center; } #documents_portfolio .spip_logos { margin: 6px 3px 0 3px; } #documents_portfolio a.on .spip_logos { border-color: #F57900; } #documents_portfolio a:focus .spip_logos, #documents_portfolio a:hover .spip_logos, #documents_portfolio a:active .spip_logos { border-color: #8B6F92; } /* Habillage des forums ---------------------------------------------- */ .repondre { clear: both; margin-top: 2.50em; margin-right: 1em; text-align: right; font-weight: bold; } /* Habillage des forums */ ul.forum { display: block; clear: both; margin: 0; padding: 0; } ul.forum, ul.forum ul { list-style: none; } .forum-fil { margin-top: 1.50em; } .forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; } .forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; /*color: #333; */} .forum-texte { margin: 0; padding: 0.50em 1em; color: #999999; } .forum-texte .hyperlien {} .forum-texte .repondre { margin: 0; padding: 0.10em 0; text-align: right; } /* Boite d'un forum : eclaircissement progressif des bords */ ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; } ul ul .forum-message { border: 1px solid #A4A4A4; } ul ul ul .forum-message { border: 1px solid #B8B8B8; } ul ul ul ul .forum-message { border: 1px solid #CCC; } ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; } ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; } /* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */ ul .forum-chapo { border: 0; border-bottom: 1px dotted #364e5d; margin: 0; padding: 3px 6px 2px 6px; } ul ul .forum-chapo { } ul ul ul .forum-chapo { } ul ul ul ul .forum-chapo { border-bottom: 1px dotted #E0E0E0; } ul ul ul ul ul .forum-chapo { background-color: #FFF; } .forum-chapo .date { position:relative; top: 0px; font-size: 10px } /* Habillage des petitions ---------------------------------------------- */ #signatures { clear: both; margin: 0 0 2em 0; padding: 0; background: none; } #signatures table { width: 100%; margin: 1em 0 0 0; } #signatures thead { text-align: center; color: #555; } #signatures td { padding: 0.50em; border: 2px solid #FEFEFE; vertical-align: top; } #signatures td.signature-date { background: #E4F0F0; text-align: center; white-space: nowrap; } #signatures td.signature-nom { background: #ECF4F4; text-align: center; } #signatures td.signature-nom small { display: block; } #signatures td.signature-message { background: #F4F8F8; } #signatures .formulaire_recherche { margin: 1em 0; text-align: right; } /*Cf.: spip_formulaires.css*/ #signatures .formulaire_recherche label { margin: 1em 0; text-align: right; } /*Cf.: spip_formulaires.css*/ #signatures .formulaire_recherche input.text { width: 10em; text-align: left; } /*Cf.: spip_formulaires.css*/ /* ------------------------------------------ Sous-navigation et autres menus ------------------------------------------ */ .menu ul li { line-height: 1.5em} /* Listes d'articles et extraits introductifs */ .articles ul li { clear: both; padding: 0.40em 0.20em; } .articles ul li h3 { margin: 0.30em 0; } .articles ul li h3.entry-title { width: 450px; margin: 0 0 17px 0.3em; color:#960709; } .articles ul li h3.margO { margin-bottom: 0 } .articles .spip_logos { float: right; clear: right; margin: 0 0 4px 16px; } .articles ul li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; } .articles ul li .introduction { margin-top: 0.30em; padding: 0 0 0 5px; /*line-height: 1.40em;*/ } .articles ul li.hentry { margin: 0 0 15px 0px; padding: 0 0 15px 0; background: url(../images_habillage/line.png) right bottom no-repeat; } .articles ul li.hentrypadBot0 { padding: 0 0 6px 0; overflow: auto; } .articles ul li.hentry small.date { float:none; font: normal 10px sans-serif; position:relative; top:-1px; } .articles ul li.hentry .author a { color: #4e4d4d } .author a.url { color: #4e4d4d } .hentry .articles .spip_logos { float: none; clear: none; } p.logoSommaireArticles { float: right; margin: 0 0 0 10px; } .logoAutheur { float: right; position:relative; top: 4px; left: -7px; } h1.fn { margin: 20px 0 12px 20px; font: italic normal 1.8em Georgia; letter-spacing: 2px; color: #979797; } ul.listeDesAutheur { clear: both; overflow: auto; } ul.listeDesAutheur li { float: left; margin: 0 0 0 10px; } ul.sousRubr { clear: both; overflow: auto; } ul.sousRubr li { font: bold 16px arial; text-transform: uppercase; margin: 0 0 11px 0; padding: 2px 5px; } ul.sousRubr li a.first span { background-color: #191919 ; padding: 3px 8px } ul.sousRubr li a.first:hover span { padding: 2px 5px } ul.sousRubr li ul { border: 1px solid #242424; overflow: auto; margin: 0 0 5px 0px; padding: 24px 10px 0 20px } ul.sousRubr li ul li { float: left; font: normal 13px arial; text-transform:none ; background-color: none } ul.sousRubr li ul li a { background-color: #242424 ; padding: 2px 4px } ul.sousRubr li ul li ul li a { border: none ; background-color: #000 ; padding: 0 0 0 0; } ul.sousRubr li ul li ul { border: 1px solid #242424; } ul.sousRubr li ul li ul li { font: normal 11px arial; background-color: none } ul.sousRubr li ul li ul li ul { margin: 0; padding: 0; } ul.sousRubr li ul li ul li ul li { margin: 0; padding: 0 5px; } small.date { float: right; position:relative; top: 4px; left: -7px; } small.date2 { float: right; position:relative; top: 9px; left: -7px; font: normal 1.1em arial; } /* Calendrier */ #calendar table { width: 90%; margin: 0 auto; } #calendar table caption { font: normal 12px arial; text-transform: uppercase; padding: 0 0 5px 0; color: #79797a; } #calendar table caption a { font: normal 16px arial; color: #c0bfbf ; text-decoration: underline; } #calendar table th { padding: 8px 2px 9px 2px; text-align: center; color: #8e8d8d } #calendar table td { font: normal 1em arial; padding: 2px; text-align: center; border: 1px solid #292929 } #calendar table a { font: bold 1em arial; color: #c0bfbf } #calendar table a:hover { text-decoration: underline; color: #fff } #calendar table td.occupe { background-color: #2e2e30 } /* //////////////////////////////////////// Pagination */ .pagination { clear: both } .pagination { font: normal 1em arial; color: #c0bfbf ; text-align: right; padding:10px 0 0; } .pagination a { font: normal 1em arial; color: #c0bfbf; border: none; background-color: #333539;border: 1px solid #333539; padding: 1px 5px; margin: 0 5px; text-decoration: none } .pagination span.separateur { border: none; display: none } .pagination a:hover { color: red; border: 1px solid #333539; text-decoration: underline; background-color: #000 } .pagination span { border: 1px solid #a4aa84 ; color: #a4aa84; padding: 0px 5px; } .pagination a.imglink { border: none ; padding: 0 3px; position:relative; top: 4px; left: 0px; } .pagination .on { font: normal 1em arial; color: #c0bfbf; border: 1px solid #2f2f2f; text-decoration: none; padding: 1px 5px; margin: 0 5px; } /* article_MEP - SthgiSightS - 17 Juin */ .article_MEP { padding: 0 15px; } .article_MEP ul.underNone a { text-decoration: none; } .article_MEP sup { color: #a60d0d; font: normal 9px arial; position:relative; top: 0px; left: 0px; } .article_MEP h3.intro { font: italic normal 18px tahoma; letter-spacing: 2px; margin: 16px 0 11px 14px; padding: 0 15px; color: #727272;text-align: left; } .article_MEP h3.intro a { font: italic normal 18px tahoma; letter-spacing: 2px; color: #727272 ; text-decoration: none; } .article_MEP h3.intro a:hover { font: italic normal 18px tahoma; letter-spacing: 2px; color: #8f8e8e; text-decoration: underline; } .article_MEP h4 { font: bold 13px "Trebuchet MS"; color: #999999 ; letter-spacing: 2px; text-align: left; } .article_MEP p.introP { font: bold 13px "Trebuchet MS"; color: #999999 ; padding: 0 25px; margin: 0 0 11px 14px } .article_MEP ul { margin: 0 0 12px 12px; padding: 0; } .article_MEP ul li, ul.puced li{ margin: 0; padding: 0 0 3px 9px; list-style: none; background: url(http://no-tek.net/puce.gif) left 7px no-repeat; text-align: left; } .fntrub2 h2.titleNewss { float: left; color:#565556; font:normal 17px "Trebuchet MS" } .fntrub2 .titleNewss { float: left; color:#565556; font:normal 17px "Trebuchet MS" } .dateNews { float: right; font: normal 11px "Trebuchet MS"; color: #565556; padding: 0 25px 0 0; position:relative; top: 6px; left: 0px; } p.allNews { text-align :right; } .flLleft { float: left; margin: 0 12px 0 11px } .flRight { float: right; margin: 0 2px 0 12px } .center { text-align: center } .underligned { border-bottom: 1px solid #a60d0d } .cb { clear: both } .fleftL { float: left } .fleft { float: left ; padding: 0 20px 0 0; } .fright { float: right ; padding: 0 20px 0 0; } ul#fliste li { float: left; margin-right: 10px; padding: 0 0 3px 9px; list-style: none; background: url(http://no-tek.net/puce.gif) left 7px no-repeat; } .fleftL ul.puced { position:relative; top: 0px; left: -20px } .clearIt { clear: both; height: 0; border: none; visibility: hidden } .dN { display: none; } .right { text-align :right; } .center { text-align: center; } .marginAuto { margin: 0 auto; } #macarronX img { } /* article_MEP Chaosnt20 website sortie - SthgiSightS - 29 Juillet */ .chaosMEP { min-height: 557px; padding: 0 ; background: url(../images_breves/bg_chaost2.jpg) right bottom no-repeat; position:relative; top: 0px; left: 0px } .accroche { left: 335px; position: absolute; top: 120px;} .accroche p { color: #737373; font: normal 11px "Trebuchet MS"; margin: 0 0 13px; padding: 0 1px } .accroche strong { color: #a0a0a0; font: italic bold 13px "Trebuchet MS"; margin:0; } .chaosMEP h3 { float: left } .chaosMEP h3.intro { margin: 16px 0 0px 14px } .chaosMEP h3.intro a:hover { text-decoration: none; border-bottom: 1px solid #a60d0d } .chaosMEP h3 span { color: #b9b9b9; font: italic normal 18px tahoma; letter-spacing: 3px; } .chaosMEP h3.intro a:hover span { color: #cf1414 } .chaosMEP h4 { font: bold 14px "Trebuchet MS"; color: #999999 ; letter-spacing: 3px; margin: 10px 0 5px 11px; padding: 0; } .chaosMEP h3 { margin: 0; padding: 0; } .chaosMEP p.com { float:left; font-family:arial; font-size: 10px; left:-7px; position:relative; top:9px; color: #616060 } .chaosMEP .boxIntro { background: transparent url(../images_breves/bg-accroche.jpg) no-repeat scroll left bottom; clear:both; min-height:49px; margin:0 4px 28px; padding: 2px 0} .chaosMEP .boxIntro p { color: #850a05; margin: 0 0px 2px 0px; padding:0; position:relative; top:22px; text-align: center; font-size: 11px } .chaosMEP .boxIntro p span { color: #8e8a89; font: bold 15px "Trebuchet MS"; padding: 0 2px } .chaosMEP a#invisibletoChaosWeb { position:absolute; right:-24px; bottom:-360px; width: 173px; height: 110px; display: block; text-indent: -5000px; } .chaosMEP a#invisibletoChaosWeb:hover { position:absolute;right:-24px; bottom:-360px; width: 173px; height: 110px; background: url(../images_breves/roolOver.png) left top no-repeat; display: block; text-indent: -5000px; } /* */ .article_MEP2 { width: 604px ; margin: 0 auto; } #oui5Oct { } #oui5Oct p.right { margin: 0 0 0 0px; padding: 0 0 0 0; text-align :right} #oui5Oct a { text-decoration: underline; } #oui5Oct h4 { text-align: center; position:relative; top: 7px; left: 0px } #oui5Oct a strong { font-size: 15px } #oui5Oct h4 span { font-size: 11px ; letter-spacing: 0 } #oui5Oct .imgActuFloat { float: left; position:relative; top: 0px; left: 20px; } #oui5Oct table { clear: both; margin: 30px 0 0 0px; } #oui5Oct table table { margin: 0px 0 14px 0px; } #oui5Oct table td { vertical-align: top; width: 33%; } #oui5Oct table.logo td { vertical-align: middle; text-align: center; height: 193px; } .headdd h5 { font-size: 13px; text-align: center; margin: 0 0 0px 0px ; margin-top: 0px; padding: 0 0 0 0; } #oui5Oct td { padding: 0 10px } .imgActuFloat22 { float: right; position:relative; top: 11px; left: 0px; } .smally { font: normal 10px arial; display: block; text-align: center; } .fullIMG { height: 178px; background: url(../images_breves2/full.jpg) right center no-repeat; width: 634px; margin: 0 auto; } .radio { text-align: center; padding-top: 17px } .radio a { font: normal 19px arial; letter-spacing: 19px; text-decoration: underline; } .radio a:hover { font: normal 19px arial; color: #ffffff; letter-spacing: 19px; text-decoration: underline; } /* Bloc coulissants pour breves de la home */ .block_breve-bot { width: 594px; background: url(../images_habillage/block_breve-bot.png) left bottom no-repeat; margin: 0 auto; position:relative; top: 0px; left: -20px; } .block_breve-top { width: 550px; padding: 15px 22px 20px ; background: url(../images_habillage/block_breve-top.png) left top no-repeat; margin: 0 auto; } /*
*/