@import url(http://fonts.googleapis.com/css?family=Sansita+One|Open+Sans:400,400italic); /* = base.css --------------------------------------------------- */ .inclure_blocs { color: #000; } body { margin: 0; padding: 0; font: normal 12px/1.5em 'Open Sans', sans-serif; color: #fbfbfb; background: transparent url('img/bg.png') 0 0 repeat; } form { margin: 1em 0; padding: 0; display: block; } blockquote { margin: 1em 0; padding: 0 1em; border: 1px solid #383838; background: #111 none; font-style: italic; border-radius: 5px; } blockquote em { font-style: normal; } blockquote blockquote { border-color: #383838; background: #010101 none; font-style: normal; } blockquote blockquote em { font-style: italic; } blockquote blockquote blockquote { border-color: #383838; background: #010101 none; font-style: italic; } blockquote blockquote em { font-style: normal; } blockquote.spip_poesie { border-left: 1px solid; font-family: Garamond,Georgia,Times,serif; font-size: 100%; margin: 2em 0; padding-left: 1em; } iframe { display: block; margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { margin: 1em 0; padding: 0; } h3 { font: 22px/40px 'Sansita One',cursive; color: #6BC1D0; margin: 0; } p { margin: 1em 0; padding: 0; text-align: justify; } ol ol, ul ul, ol ul, ul ol { margin: 0; } a { outline: none; } a:link, a:visited { color: #6bc1d0; text-decoration: none; } a:hover, a:active { color: #6bc1d0; text-decoration: underline; } abbr { border: 0 none; } table { margin: 1em 0; } input, button, select, option, textarea { line-height: 12px; font-family: 'Open Sans', sans-serif; } input, textarea { font: normal 12px/12px 'Open Sans', sans-serif; } *:focus { outline: none; } iframe { margin: 1em 0; } table.spip tr.row_first { background: none repeat scroll 0 0 #6BC1D0; } table.spip tbody { color: #000000; } .spip_code { color: #ff8e05; } dl.spip_documents { background: none repeat scroll 0 0 #010101; border: 1px solid #CCCCCC; color: #FBFBFB; padding: 4px; } /* = layout.css --------------------------------------------------- */ /** Header **/ #header-wrap { background: #4b5358 url('img/bg-header-wrap.png') 0 0 repeat-x; margin-bottom: 36px; float: left; width: 100%; } #header { width: 960px; margin: 0 auto; } /** Main **/ #main-wrap { padding: 20px 0 32px 0; margin: 0 0 26px 0; background: #4b5358 url('img/bg-main-wrap.png') 0 100% repeat-x; } #main { width: 960px; margin: 0 auto; } #primary { width: 630px; float: left; overflow: hidden; } #secondary { width: 300px; float: right; margin-bottom: -20px; } #secondary .liste-items .item { margin-left: 0; float: none; margin-bottom: 1em; overflow: hidden; } /** Footer **/ #footer-wrap { background: #4b5358 url('img/bg-header-wrap.png') 0 0 repeat-x; padding-top: 12px; } /** Copyright **/ #copyright { width: 960px; margin: 0 auto; padding: 1em 0; } /* = header.css --------------------------------------------------- */ .accueil { margin: 0; padding: 0; float: left; } .accueil .spip_logos { float: left; max-height: 80px; margin-right: 20px; width: auto; } #nom_site_spip { display: block; float: left; } #nom_site_spip a { font: 36px 'Sansita One', cursive; color: #fbfbfb; } #nom_site_spip a:hover { text-decoration: none; } #slogan_site_spip { color: #fbfbfb; } #branding { float: left; margin-top: 19px; } #header .widget-area { float: right; } #header .widget_socialnet { float: left; width: 162px; height: 82px; margin-left: 30px; background: transparent url('img/bg-header-socialnet.png') 0 0 no-repeat; } #header .widget_socialnet p { display: none; } #header .widget_socialnet ul { display: block; height: 55px; margin: 10px 0 0 0; padding: 0; float: left; } #header .widget_socialnet ul li { display: block; list-style-type: none; float: left; margin: 0 0 0 15px; padding: 0; } #header .widget_socialnet ul li a { display: block; text-indent: -99999px; width: 55px; height: 55px; background: transparent url('') 0 0 no-repeat; } /* = navigation.css --------------------------------------------------- */ /** Primary Menu **/ #menubar { float: right; } #nav { margin-top: 37px; margin-bottom: 10px; float: left; } #menubar ul { display: block; margin: 0; padding: 0; list-style: none; width: 100%; height: 14px; } #menubar ul li { display: block; margin: 0; padding: 2px 15px; float: left; position: relative; border-left: 1px dotted #74787a; } #menubar ul li:first-child { border-left: 0 none; } #menubar ul li a { display: block; margin: 0; text-decoration: none; text-transform: uppercase; display: block; font: bold 14px/14px 'Open Sans', 'Helvetica', 'Arial', sans-serif; color: #fbfbfb; } #menubar ul li span { display: block; margin: 0; text-decoration: none; text-transform: uppercase; display: block; font: bold 14px/14px 'Open Sans', 'Helvetica', 'Arial', sans-serif; color: #fbfbfb; } #menubar ul li:hover a, #menubar ul li.hover a { color: #6bc1d0; } #menubar ul li ul { display: none; width: 180px; position: absolute; z-index: 999999; margin: 0; padding: 5px 0 0 0; border: 0 none; } #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; padding: 0; background: transparent none; border: 0 none; } #menubar ul li:hover ul li a, #menubar ul li.hover ul li a { display: block; color: #fff; font-size: 13px; line-height: 21px; float: none; padding: 5px 15px; background: transparent none; border: 0 none; box-shadow: none; text-transform: none; border-left: 1px solid #d9d9d7; background: #333 none; } #menubar ul li:hover ul li:hover a, #menubar ul li.hover ul li.hover a, #menubar ul li:hover ul li.active a, #menubar ul li.hover ul li.active a { color: #6bc1d0; border-left: 1px solid #6bc1d0; } #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: -31px 0 0 180px; } #menubar ul li:hover ul li:hover ul li a, #menubar ul li.hover ul li.hover ul li a { color: #fff; border-left: 1px solid #d9d9d7; } #menubar ul li:hover ul li:hover ul li:hover a, #menubar ul li.hover ul li.hover ul li.hover a { color: #6bc1d0; border-left: 1px solid #6bc1d0; } /* = content.css --------------------------------------------------- */ /* Formulaires */ .formulaire_menu_lang { margin-top: 7px; float: left; } .formulaire_menu_lang label { display: none; } .formulaire_spip fieldset legend { background-color: inherit; color: inherit; font-size: 1.05em; font-weight: bold; margin: 0; padding: 0; font: normal 15px/30px 'Sansita One', cursive; } .formulaire_spip .explication { color: inherit; } .formulaire_spip label { color: inherit; } .formulaire_spip fieldset.previsu legend { font-weight: normal; } #formulaire_forum textarea { border: 1px solid #ccc; padding: 8px 5px; width: 618px; max-width: 618px; color: #000; background: #fff none; border-radius: 5px; } .ariaformprop textarea { border: 1px solid #ccc; padding: 8px 5px; width: 618px; max-width: 618px; color: #000; background: #fff none; border-radius: 5px; } #recherche { background: none repeat scroll 0 0 #FFFFFF; border: 0 none; color: #000000; float: left; font-size: 12px; height: 17px; line-height: 12px; margin: 0; padding: 5px 10px; width: 203px; } #formulaire_recherche { margin: 0; background: none; } #formulaire_recherche label { display: none; } #formulaire_recherche .submit { background: none repeat scroll 0 0 #000000; border: 1px solid #999999; color: #EEEEEE; float: left; height: 28px; line-height: 28px; margin: 0; padding: 0; text-align: center; width: 34px; } #formulaire_login .boutons { text-align: inherit; margin: 0; } #formulaire_login .boutons input { margin: 0; } /** Page $ **/ .page-header .page-title { display: block; margin: 0 0 0.5em 0; font: normal 38px/46px 'Sansita One', cursive; color: #fff; text-transform: uppercase; } .page_plan .h3 { color: #FBFBFB !important; padding-left: 15px; } .page_forum .cartouche .h1 { background: url("img/bg-post-box-comment-add.png") no-repeat scroll 0 0 transparent; padding: 0 0 0 50px; border-bottom: 1px dashed #CCCCCC; padding-bottom: 10px; color: #FBFBFB; } .page_auteur .liste-items .item, .page_recherche .liste-items .item { margin-left: 30px; float: none; margin-bottom: 1em; } .page_article .info-publi { float: left; width: inherit; font-size: 11px; } .liste-items { list-style: none; padding: 0; } .sites { clear: both; padding-top: 30px; } .sites .liste-items .item { padding: 0; margin-left: 15px; } .contenu-principal { width: 620px; } .page_mot .liste-items .item { clear: both; float: left; margin-bottom: 3em; margin-left: 50px; } .texte-intro { text-decoration: none; } .texte-intro a:hover { text-decoration: none !important; } /** Entry **/ .entry { padding: 0; margin: 0 0 3em 0; } .entry .entry-thumbnail { margin: 0 0 1em 0; padding: 0; float: left; } .entry .entry-thumbnail a { display: block; margin: 0; padding: 0; } .entry .entry-thumbnail img { display: block; margin: 0; } .contenu-principal .h1 { display: block; padding: 0; margin: 0 0 0.3em 0; line-height: 36px; font: 30px/50px 'Sansita One',cursive; color: #6BC1D0; } .entry-title { display: block; font-family: 'Sansita One',cursive; font-size: 28px; font-weight: normal; line-height: 36px; margin: 0 0 0.3em; padding: 0; } .sidebar .h2 { font: 25px/40px 'Sansita One',cursive; color: #FBFBFB; } .sommaire .h2 { color: #FFFFFF; display: block; font: 38px/46px 'Sansita One',cursive; margin: 0 0 0.5em; text-transform: uppercase; } .entry .entry-header, .search .entry .entry-header { margin-left: 190px; } .entry .entry-header a { text-decoration: none; } .entry .entry-header a:hover { text-decoration: underline; } .entry .entry-header .meta { display: block; margin: 0; padding: 0; } .entry .entry-excerpt { margin-left: 190px; } .entry .entry-share ul { display: block; margin: 0; padding: 0; height: 25px; } .entry .entry-share ul li { display: block; float: left; margin: 0 10px 0 0; } .entry .entry-share iframe { margin: 0; } /** Not Found **/ .not-found .entry-title { float: none; } .not-found .entry-header { margin-left: 0; } /** Singular Posts **/ .singular .entry-header { margin: 0 0 1.5em 0; } .cartouche .h1 { font-size: 36px; line-height: 42px; margin: 0 0 0.3em 0; } /** Page **/ .page .entry-header { margin: 0 0 1em 0; } .page .entry .entry-title { float: none; } /** Entry Boxes **/ .entry-box { margin: 0 0 20px 0; } .entry-box .entry-box-header { margin: 0 0 10px 0; border-bottom: 1px dashed #ccc; } .entry-box .entry-box-title { display: block; margin: 0; padding: 0 0 0 50px; height: 50px; font: normal 30px/50px 'Sansita One', cursive; } .entry-box-about-author img { float: left; margin: 0 10px 0 0; } .entry-box-share ul { display: block; list-style: none; margin: 11px 0 0 36px; padding: 0; } .entry-box-share ul li { display: block; margin: 10px 15px 0 0; padding: 0; float: left; } .entry-box-share ul li a { display: block; float: left; } .entry-box-share ul li a img { border: 0 none; padding: 0; } .entry-box-reply { margin: 0; } .entry-box-about-author .entry-box-title { background: transparent url('img/bg-post-box-author.png') 0 0 no-repeat; } .entry-box-share .entry-box-title { background: transparent url('img/bg-post-box-spread-love.png') 0 0 no-repeat; } .entry-box-related .entry-box-title { background: transparent url('img/bg-post-box-related-posts.png') 0 0 no-repeat; } .entry-box-replies .entry-box-title { background: transparent url('img/bg-post-box-comments.png') 0 0 no-repeat; } .entry-box-trackbacks .entry-box-title { background: transparent url('img/bg-post-box-trackbacks.png') 0 0 no-repeat; } .entry-box-reply .entry-box-title { background: transparent url('img/bg-post-box-comment-add.png') 0 0 no-repeat; } /*** documents_portfolio ***/ .documents_portfolio h2 { border-bottom: 1px dashed #CCCCCC; padding-bottom: 10px; display: block; font: 20px 'Sansita One',cursive; margin-bottom: 10px; } /*** Social tags ***/ div.padd-post-box-sb h3 { background: transparent url('img/bg-post-box-spread-love.png') 0 0 no-repeat; border-bottom: 1px dashed #CCCCCC; padding-bottom: 10px; display: block; font: 30px/50px 'Sansita One',cursive; height: 50px; margin: 0; padding: 0 0 0 50px; color: #fff; margin-top: 50px; } /** Comments **/ .comments-list { display: block; list-style: none; margin: 15px 0 0 0; padding: 0; } .comments-list li.comment { display: block; list-style: none; margin: 0; padding: 0; } .comments-list li.comment ul.children { margin: 0; padding: 0 0 0 80px } #comments { margin-top: 50px; width: 620px; } .comment-content .spip_logos { position: relative; left: -174px; top: 145px; height: 55px; width: auto; max-width: 75px; margin-top: -75px; } .comment-message { border: 1px solid #ccc; background: #fff url('img/bd-comment-vertical.gif') 170px 0 repeat-y; margin: 0 0 10px 0; padding: 10px; border-radius: 5px; color: #666666; clear: both; min-height: 125px; } .comment-message .comment-meta { width: 150px; float: left; font-weight: normal; font-family: 'Ropa Sans', 'Helvetica', 'Arial' , sans-serif; } .comment-message .comment-meta .forum-titre { display: block; float: left; width: 140px; } .comment-message .comment-meta .ancre { display: block; float: left; width: 10px; } .comment-message .comment-author .fn { display: block; float: left; width: 150px; } .comment-message .comment-author { font-weight: normal; } .comment-box .comment-author a { font-weight: normal; } .comment-box .comment-author .comment-avatar { margin: 0 10px 0 0; float: left; } .comment-box .comment-author .comment-avatar img.avatar { border: 2px solid #ccc; padding: 1px; } .comment-box .comment-author .comment-meta .author { color: #666; } .comment-box .comment-author .comment-meta .time { color: #999; font: normal 10px/14px 'Ropa Sans', 'Helvetica', 'Arial' , sans-serif; } .comment-box .comment-author span { display: block; } .comment-box .comment-details { margin: 0 0 0 163px; padding: 0 0 10px 10px; min-height: 100px; } .comment-box .comment-actions { padding: 4px 0; text-align: right; font: normal 10px/18px 'Ropa Sans', 'Helvetica', 'Arial' , sans-serif; } .trackbacks-list { margin: 0 0 0 3em; padding: 0; } .comment-message .comment-reply{ text-align: right; } #comments h2 { background: transparent url('img/bg-post-box-comments.png') 0 0 no-repeat; padding: 0 0 0 50px; border-bottom: 1px dashed #CCCCCC; padding-bottom: 10px; display: block; font: 30px/50px 'Sansita One',cursive; height: 50px; margin: 0; padding: 0 0 0 50px; } .comment-message .comment-content { margin-left: 175px; } #content .repondre { clear: both; } /* Comment Form -----------------------------------------*/ #pass_securise { padding-left: 5px; vertical-align: middle; } fieldset label { display: block; padding: 0 0 3px 6px; } fieldset input, .formulaire_spip fieldset input.text { border: 1px solid #ccc; padding: 8px 5px; color: #000; background: #fff none; border-radius: 5px; } .boutons .submit, .boutons .button { border: 1px solid #ccc; color: #000; background: #fff none; border-radius: 5px; padding: 5px; } #reply button { border: 0 none; margin: 0; padding: 0; width: 99px; height: 29px; cursor: pointer; background: transparent url('img/button-comments-submit.png') left top no-repeat; } #reply button span { display: none; } #reply .comment-submit { text-align: right; } #reply .input { display: block; margin: 0 0 10px 0; } #reply .input-small { width: auto; } #reply .input-small input { width: 295px; } #reply .input-name { float: left; } #reply .input-email { float: right; } .saisie_titre .input-website { clear: both; } #reply .input-website input { width: 618px; } ol.comments-list div#reply { margin: 0 0 10px 80px; border: 1px solid #ccc; padding: 10px; background: #fff none; } ol.comments-list div#reply .input-small { width: auto; } ol.comments-list div#reply .input-small span { margin: 0 10px 0 0; } ol.comments-list div#reply .input-small span input { width: 97%; } ol.comments-list div#reply .input-website span input { width: 97%; } ol.comments-list div#reply .input-name { float: none; } ol.comments-list div#reply .input-email { float: none; } ol.comments-list div#reply textarea { width: 97%; } ol.comments-list ol, ol.comments-list ul { margin: 0 0 1em 0; } ol.comments-list ol ol, ol.comments-list ul ul, ol.comments-list ol ul, ol.comments-list ul ol { margin: 0; } /* = pagination.css --------------------------------------------------- */ .pagination { clear: both; } .pagination span, .pagination a, .pagination .on { display: block; float: left; height: auto; margin: 0 10px 0 0; padding: 0 10px; text-decoration: none; background: #2c2c2c none; color: #999; font-size: 12px; line-height: 28px; } .pagination a { border: 1px solid #999; } .pagination .pages .n { display: inline; float: none; color: #999; padding: 0; margin: 0; border: 0 none; } .pagination .on, .pagination a:hover, .pagination a:active { color: #fff; background: #000 none; border: 1px solid #999; } .pagination .sep { display: none; } .pagination .pages, .pagination .prev, .pagination .next { background: inherit; border: 0 none; margin: 0; padding: 0; color: #999; } /* = required.css --------------------------------------------------- */ /** Class Rules **/ .no-display { display: none; } .clear { display: block; clear: both; } .clear-fix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0; } /* = sidebar.css --------------------------------------------------- */ /* = Sidebar General Rules --------------------------------------------------- */ .sidebar .widget, .sidebar .liste { padding: 20px; margin: 0 0 30px 0; background: transparent url('img/bg-sidebar-widget.png') 0 0 repeat; } .sidebar .liste h2, .sidebar .formulaire_spip legend:first-child, .formulaire_spip h2:first-child { display: block; margin: -20px -20px 20px -20px; font-weight: normal; font-size: 16px; font-family: 'Open Sans'; line-height: 24px; letter-spacing: 0px; padding: 8px 10px; color: #fff; background: #000 none; } .sidebar .formulaire_spip fieldset { padding: 20px; } .sidebar .formulaire_spip fieldset p { width: 260px; } .sidebar .formulaire_spip { margin: 0 0 30px 0; background: transparent url('img/bg-sidebar-widget.png') 0 0 repeat; } .sidebar .formulaire_spip legend { width: 280px; } .sidebar .formulaire_spip .boutons { padding: 0 20px 20px; } .sidebar .formulaire_spip .boutons input { padding: 5px; } .sidebar .formulaire_spip textarea { width: 248px; max-width: 248px; line-height: 16px; } .sidebar .formulaire_spip fieldset.previsu { border: none; margin: 0; padding: 0; } .sidebar .formulaire_spip fieldset.previsu legend { display: block; margin: -20px -20px 20px -20px; font-weight: normal; font-size: 16px; font-family: 'Open Sans'; line-height: 24px; letter-spacing: 0px; padding: 8px 10px; background: #000 none; } .sidebar .liste h2 a { text-decoration: none; color: #fff; } .sidebar .liste ul { margin: 0 0 -1em 0; padding: 0; list-style-type: none; } .sidebar .liste ul li { margin: 0 0 1em 0; padding: 0; } .sidebar .liste ul ul { margin: 1em 0 0 0; padding: 0 0 0 3em; } /** Search **/ .sidebar .widget_search form { display: block; margin: 0; padding: 0; height: 32px; } .sidebar .widget_search label { display: none; } .sidebar .widget_search input { margin: 0; padding: 5px 10px; font-size: 12px; line-height: 12px; border: 0 none; background: #fff none; color: #000; width: 203px; height: 17px; float: left; } .sidebar .widget_search .submit { border: 0 none; margin: 0; padding: 0; background: #000 none; border: 1px solid #999; width: 34px; height: 28px; text-align: center; line-height: 28px; color: #eee; float: left; } .boutons .button, .boutons .submit { cursor: pointer; } .cartouche .spip_logos { display: block; max-height: 85px; width: auto; float: right; } .cartouche { height: 100px; } .faq dt { font-weight: bold; } .liste-items .item { margin-left: 190px; float: left; margin-bottom: 3em; } .info-publi abbr.published, abbr.dtreviewed, .menu_articles small, .aside .menu_breves small { background: url("img/calendar_blanc_tableau.png") no-repeat scroll left center / 13px auto transparent; border: 0 none; font-size: 11px; font-style: normal; line-height: 11px; margin-bottom: 0.6em; padding: 3px 0 0 18px; } .liste-items .spip_logos { display: block; float: left; max-height: 150px; margin-bottom: 75px; margin-left: -190px; margin-right: 40px; position: relative; max-width: 150px; } .info-publi { float: left; width: 100%; margin: 0 0 1em; font-size: 11px; } .surlignable { clear: left; } /* Typographie */ del, .del { background-color: #FFDDDD; border-color: #CC0000; color: #CC0000; text-decoration: line-through; } ins, .ins { background-color: #DDFFDD; border-color: #00AA00; color: #00AA00; text-decoration: none; } .chapo { font-size: 1.2em; font-style: italic; font-weight: normal; letter-spacing: -0.5px; line-height: 1.4; margin-bottom: 1em; } dl.spip dt { background: url("img/def.png") no-repeat scroll 0px 0.5em transparent; } dl.spip dt { padding-left: 40px; } dl dt { font-weight: bold; } dd { margin-bottom: 20px; } kbd { background-color: #222222; color: #FFFFFF; } pre, code, kbd, samp, var, tt { font-family: 'Courier New',Courier,monospace; font-size: 1em; } samp { font-weight: bold; } var { font-style: italic; } .hyperlien { background: url("img/def.png") no-repeat scroll 25px 1.9em #757A7E; display: block; font-weight: bold; padding: 1.5em 1.5em 1.5em 50px; text-align: inherit; } #comments .hyperlien { background: url("img/def.png") no-repeat scroll 25px 1.9em; } .notes { clear: both; font-size: 0.9em; } .ps, .notes { margin-bottom: 1.5em; } /** Tableaux spip **/ table.spip { border-collapse: collapse; border-spacing: 0; margin-bottom: 1.385em; margin-left: auto; margin-right: auto; width: 99%; } table.spip th, table.spip td { border: 1px solid #CCCCCC; } table.spip td, table.spip th, th, td, caption { padding: 0.6925em; } thead th { background: none repeat scroll 0 0 #6BC1D0; color: inherit; } table.spip td, table.spip th, th, td, caption { padding: 0.6925em; } th { font-weight: 700; } table.spip tr.row_odd { background: none repeat scroll 0 0 #FBFBFB; } .spip_cadre { background-color: #FFFFFF; border: 1px solid #DDDDDD; width: 100%; max-width: 620px; padding: 5px; color: #777777; } /** Wordpress Popular Posts **/ .sidebar .widget_wpp ul li .post-stats { text-transform: none; display: block; color: #dedede; font-weight: normal; font-size: 12px; } .sidebar .widget_fb_likebox iframe { margin: 0; background: #fff none; } /** Ads **/ .sidebar .widget_ads .ads-wrap { width: 125px; height: 125px; overflow: hidden; float: left; margin-bottom: 11px; } .sidebar .widget_ads .ads-wrap:nth-child(2n+2) { float: right; } .sidebar .widget_ads .ads-3, .sidebar .widget_ads .ads-4 { margin: 0; } /* = footer.css --------------------------------------------------- */ #footer p { display: block; font-size: 10px; line-height: 18px; text-transform: uppercase; } #footer a { text-decoration: none; } #footer .copyright { float: left; color: #fdfdfd; } #footer .copyright a { text-decoration: none; color: #fdfdfd; } #footer #copyleft { float: right; color: #7d8286; line-height: 22px; } #footer #copyleft a { color: #7d8286; text-decoration: none; } /* Social tags */ div.socialtags { padding-top: 10px; }