@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700); @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300,300italic); @import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700); /**Général**/ a:link, a:visited { color: #0276C7; text-decoration: none; font-style: normal; } p{ margin: 0; } a { outline: medium none; } abbr{border: none} ul { list-style-type: none; padding:0; } body { background: none repeat scroll 0 0 #ABABAB; color: #222222; font: 14px/1.5em 'Droid Sans',sans-serif; margin: 0; padding: 0; text-shadow: 0 1px #FFFFFF; } #entete { background: url("images/bg-header-wrap.png") repeat-x scroll 0 0 transparent; padding: 2px 0 0; } #header { height: 103px; margin: 0 auto; width: 960px; } #header strong#nom_site_spip { float: left; /*overflow: hidden;*/ padding: 8px 0 0; } #header #slogan_site_spip{ clear: left; color: #DDDDDD; float: left; font: italic 17px 'Open Sans Condensed',sans-serif; letter-spacing: 1px; overflow: hidden; text-shadow: none; } #header .accueil{ float: left; } #header strong#nom_site_spip a { color: #222222; font: 46px 'Droid Sans',sans-serif; letter-spacing: -2px; margin: 0; padding: 0; text-decoration: none; text-shadow: none; text-transform: uppercase; } .formulaire_menu_lang { clear: none; float: right; } #menubar-wrap { background: url("images/bg-menubar-wrap.png") repeat-x scroll 0 0 transparent; } #menubar { height: 43px; margin: 0 auto; width: 960px; } /** Primary Menu **/ #menubar ul { display: block; margin: 0; padding: 0; list-style: none; height: 43px; } #menubar ul li { display: block; margin: 0; padding: 0; float: left; position: relative; } #menubar ul li a { display: block; margin: 0; padding: 0 20px; text-decoration: none; text-transform: uppercase; display: block; font: normal 18px/43px 'Open Sans Condensed', sans-serif; color: #a2a5ab; text-shadow: 0 0 0 transparent; } #menubar ul li:hover a, #menubar ul li.hover a, #menubar ul li.current-menu-item a, #menubar ul li.current_page_item a { color: #e8e9eb; } #menubar ul li ul { display: none; position: absolute; width: 180px; height: auto; margin: -1px 0 0 0; z-index: 999999; padding: 0; } #menubar ul li:hover ul, #menubar ul li.hover ul { display: block; } #menubar ul li:hover ul li, #menubar ul li.hover ul li { display: block; float: none; margin: 0 0 -1px 0; padding: 0; border: 1px solid #000; background: #0e151f url('images/bg-menubar-item-2.png') 0 0 repeat-x; } #menubar ul li:hover ul li a, #menubar ul li.hover ul li a { display: block; color: #a2a5ab; font-size: 14px; line-height: 18px; float: none; padding: 4px 19px; margin: 0; background: transparent none; border: 0 none; border-radius: 0; box-shadow: none; } #menubar ul li:hover ul li:hover a, #menubar ul li.hover ul li.hover a, #menubar ul li:hover ul li.current-page_item a, #menubar ul li.hover ul li.current-page_item a { color: #e8e9eb; } #menubar ul li:hover ul li ul, #menubar ul li.hover ul li ul { display: none; } #menubar ul li:hover ul li:hover ul, #menubar ul li.hover ul li.hover ul { display: block; height: auto; float: left; margin: -27px 0 0 178px; } #menubar ul li:hover ul li:hover ul li a, #menubar ul li.hover ul li.hover ul li a { color: #a2a5ab; } #menubar ul li:hover ul li:hover ul li:hover a, #menubar ul li.hover ul li.hover ul li.hover a { color: #e8e9eb; } /** Search **/ div#formulaire_recherche { float: right; height: 36px; position: absolute; right: 0; top: -35px; /*width: 290px;*/ } div#formulaire_recherche form { margin: 6px 0 0 0; padding: 0; height: 30px; } div#formulaire_recherche label { display: none; } div#formulaire_recherche input { margin: 0; padding: 9px 30px 9px 10px; font-size: 12px; line-height: 12px; border: 0 none; background: transparent url('images/input-search.png') 0 0 no-repeat; color: #c0c0c0; width: 184px; float: left; } div#formulaire_recherche .submit { display: none; } #conteneur { background: none repeat scroll 0 0 #E7E7E7; margin: 0 auto; padding: 20px 10px; position: relative; width: 940px; } /**ARTICLE**/ #contenu .h1{ background: none repeat scroll 0 0 transparent; bottom: 0; color: #222222; font: 30px/36px 'Open Sans Condensed',sans-serif; margin: 10px 0; padding: 0; position: relative; text-shadow: 0 0 0 transparent; text-transform: uppercase; } #contenu .h2{ display: block; font: 22px/50px 'Open Sans Condensed',sans-serif; height: 50px; margin: 0 0 15px; padding: 0; text-transform: uppercase; border-bottom: 1px dashed #CCCCCC; } #contenu { float: left; overflow: hidden; width: 620px; } div#contenu .cartouche .spip_logos { float: right; margin: 96px 0 10px 10px; } /**Navigation**/ #navigation{ float: right; width: 300px; } #navigation .rubriques ul li { background: url("images/bullet-sidebar-list-item.png") no-repeat scroll 0 8px transparent; margin: 0 0 10px; padding: 4px 0 0 25px; } #navigation .rubriques ul li ul li{ padding: 3px 0 0 4px; background: none; } #navigation .rubriques ul li ul li ul li{ padding: 3px 0 0 4px; background: none; } #navigation .liste a, #navigation .rubriques a{ color: #7F838A; } #navigation .liste a:hover, #navigation .rubriques a:hover{ text-decoration: underline; } #navigation .liste, #navigation .rubriques{ padding-bottom: 1px; background: none repeat scroll 0 0 #D8DFE3; margin: 0 0 30px; padding: 20px 10px; /*équivalant des meta du théme d'origine*/ color: #7F838A; font-size: 13px; font-style: italic; line-height: 19px; /*équivalant des meta du théme d'origine*/ } #navigation .liste li{ margin: 0 0 12px; } #navigation ul{ padding: 0 0 0 10px; } #navigation .liste .h2, #navigation .rubriques .h2{ background: url("images/bg-sidebar-widget-header.png") repeat-x scroll 0 0 transparent; color: #FFFFFF; display: block; font: 26px/40px 'Open Sans Condensed',sans-serif; margin: -20px -10px 20px; padding: 0 10px; text-transform: uppercase; } #navigation .liste .h2, #navigation .rubriques .h2 a{ color: #FFFFFF; } #navigation .liste.mots .h2{/*Groupe mots clef est la seul box à nécessité un ajustement de la taille de police*/ font-size: 22px; } /*Formulaire d'inscription*/ #formulaire_inscription.formulaire_inscription{ background: none repeat scroll 0 0 #D8DFE3; margin: 0 0 30px; font :12px/1.5em 'Droid Sans',sans-serif } #formulaire_inscription.formulaire_inscription p.explication{ margin: 20px 10px; } #formulaire_inscription.formulaire_inscription legend { background: url("images/bg-sidebar-widget-header.png") repeat-x scroll 0 0 transparent; color: #FFFFFF; display: block; font: 26px/40px 'Open Sans Condensed',sans-serif; margin: 0; padding: 0 10px; text-transform: uppercase; width:280px; } #formulaire_inscription.formulaire_inscription p.boutons{ padding: 10px; } /**SOMMAIRE**/ .liste.articles.sommaire { float: left; overflow: hidden; width: 620px; } body.page_sommaire img.spip_logos { border: 0 none; float: right; margin: 95px 0 10px; padding: 0 0 0 10px; } body.page_sommaire #contenu .liste.articles.sommaire .h2 { background: url("images/bg-page-header.png") repeat-x scroll 0 0 transparent; height: 40px; padding: 0 10px; margin-bottom: 24px; color: #FFFFFF; line-height: 40px; border: medium none; } li.hentry{ margin: 0 0 24px; } .h3.entry-title { background: none repeat scroll 0 0 #000000; /*bottom: 10px;*/ left: 0; margin: 0; padding: 10px; /*position: absolute;SQUELETTE*/ text-shadow: 0 0 0 transparent; text-transform: uppercase; } .h3.entry-title a{ color: #FFFFFF; font: 22px/25px 'Open Sans Condensed',sans-serif; text-decoration: none } .info-publi { background: url("images/bg-entry-meta.png") repeat-x scroll 0 0 transparent; color: #222222; display: block; height: 40px; line-height: 40px; margin: 0 0 20px; padding: 0 10px; text-shadow: 0 1px 0 #999999; } .introduction.entry-content{ margin: 0 0 10px; } .info-publi span.vcard.author a{ color:#222; text-decoration: underline; } /**COMMENTAIRE**/ .formulaire_spip textarea { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; border-radius: 5px 5px 5px 5px; color: #000000; padding: 8px 5px; width: 578px; max-width: 578px; } .formulaire_forum .saisie_titre input.text, .formulaire_forum .saisie_titre textarea { } .formulaire_forum li.saisie_titre input.text { width: 578px; } .formulaire_spip input.text { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; border-radius: 5px 5px 5px 5px; color: #000000; padding: 8px 5px; } .formulaire_spip fieldset legend { background: none repeat scroll 0 0 transparent; } /*Forum*/ #comments ul.forum.comments-list{ margin: 0; padding: 0; } #comments ul{ margin: 0; padding: 0 0 0 80px; } .comment-message { background: url("images/bd-comment-vertical.gif") repeat-y scroll 171px 0 #FFFFFF; border: 1px solid #CCCCCC; border-radius: 5px 5px 5px 5px; margin: 0 0 10px; padding: 10px; min-height: 135px; } .forum-chapo{ float: left; font: 12px/16px 'Lucida Sans','Lucida Grande',sans-serif; width: 150px; } .forum-chapo abbr.date{ color: #999999; font: 10px/14px 'Lucida Sans','Lucida Grande',sans-serif; float: left; } .forum-texte { margin: 0 0 0 163px; min-height: 135px; padding: 0 0 10px 10px; } p.comment-reply.repondre{ font: 10px/18px 'Lucida Sans','Lucida Grande',sans-serif; padding: 4px 0; text-align: right; } .comment-texte{ margin: 0 0 20px; min-height: 75px; } #comments .comment-author.vcard{ float: left; } .formulaire_spip fieldset.previsu legend { color: #0276C7; } .formulaire_spip fieldset.previsu { border: 2px dashed #0276C7; } #comments img.spip_logos.photo.avatar{/*Gravatar*/ float:left; margin: 15px 0 0 34px; } /**PIED**/ #pied { background: url("images/bg-copyright-wrap.png") repeat-x scroll 0 0 transparent; } #footer { margin: 0 auto; padding: 0; width: 960px; color: #A5A5A5; } #footer a{ color: #A5A5A5; font-size: 12px; line-height: 40px; text-shadow: 0 1px 0 #333333; }