/* THEME NAME: Green et vert THEME URI: http://www.newround.net/ DESCRIPTION: Thème basé sur le framework Thematic 0.9, recodage spécifique pour Green et vert VERSION: version 1a AUTHOR: Newround AUTHOR URI: http://www.newround.net/ TAGS: white, three-columns, two-columns, fixed-width, theme-options, left-sidebar, right-sidebar, threaded-comments, sticky-post, microformats . Green et vert is copyright Green et vert http://www.greenetvert.fr/ This work, like WordPress, is released under GNU General Public License, version 2 (GPL). http://www.gnu.org/licenses/old-licenses/gpl-2.0.html . */ /* Reset browser defaults */ @import url('library/styles/reset.css'); /* Apply basic typography styles */ @import url('library/styles/typography.css'); /* Apply a basic layout */ @import url('library/layouts/2c-r-fixed.css'); /* Apply basic image styles */ @import url('library/styles/images.css'); /* Apply default theme styles and colors */ @import url('library/styles/default.css'); /* Prepare theme for plugins */ @import url('library/styles/plugins.css'); /* -------------------------------------------------------------- Default styles for Images I've duplicated these styles here from images.css in order to get Thematic through the auto-checker at the official WordPress Themes directory. When the directory can hunt though css files linked through @import the styles below will no longer be neccesary and will be removed. Cheers. --Ian Stewart -------------------------------------------------------------- */ .entry-content img { margin: 0 0 18px 0; max-width:100%; } .alignleft, img.alignleft { float: left; margin-right:20px; } .alignright, img.alignright { display: block; float: right; margin-left:20px; } .aligncenter, img.aligncenter { margin-left:auto; margin-right:auto; display: block; clear: both; } .wp-caption { text-align: center; margin-bottom:18px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { margin: 0; padding:5px; } .gallery img { margin:0; } .wp-smiley { /* Prevent the smileys from breaking line-height */ max-height:12px; margin:0 !important; } /*---------------------- styles sp?cifiques ---------------*/ body { background: #cccccc url(library/images-themes/bg_map.jpg) center 192px no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 12px } /*---------------------- header ---------------*/ #header { background: #FFF; height: 192 px; border-bottom: 1px #75d147 solid } #access { height: 63px } #access #pages_search { position: absolute; width: 515px; height: 36px; margin-left: 510px; color: #65cc33; font-weight: bold; text-align: right; } #access #pages_search div.search_field { margin-top: 0px; float: right } #access #pages_search div { float: right; margin-top: 7px; text-transform:uppercase;font-size:12px;} #access #pages_search div.search_field form { float: right } #access #pages_search div.search_field form input { float: left } #access #pages_search div.search_field form a { float: left; margin: 0 } #access #pages_search #s { background: #ccc; color: #fff; border: 1px solid #ccc; font-family: Arial, Helvetica, sans-serif; margin-left: 16px; width: 170px; height: 28px; padding-left: 8px; padding-bottom: 4px; font-size:14px; font-weight:bold } #access #pages_search a { margin: 0 23px; color: #999999; text-decoration: none; font-weight: normal; font-weight:bold; } #links_header_bottom { width: 1030px; height: 63px; background: url(library/images-themes/bg_header_content.png) repeat-y; margin: 0 auto; clear: both } #main { width: 1030px; margin-top: -3px } #caroussel { width: 1030px; background: url(library/images-themes/bg_header_content.png) repeat-y; margin-top: 0px; padding-bottom: 30px } #branding { width: 1030px; padding:35px 0 44px 0; } #blog-title { width: 430px; float: left} #header-categories { float: right; width: 510px; height: 70px } #header-categories ul { margin: 0; padding: 0; list-style-type: none } #header-categories li { margin: 0; padding: 0 } #header-menu { float: left; width: 160px; border-top: 1px solid #000 } #header-menu li a { display: block; text-decoration: none; color: #999; border-bottom: 1px solid #ccc; padding-left: 10px; font-weight:bold; } #header-menu li a:hover { color: #000; font-weight: bold; background: #f4f2f2 url(library/images-themes/bg_menu_header_link.gif) right 5px no-repeat } #header-menu li a.autour_monde:hover { color: #000; font-weight: bold; background: #f4f2f2 url(library/images-themes/bg_menu_header_autour_monde_link.gif) right 5px no-repeat } #header-menu li.selected a { color: #000; font-weight: bold; background: #f4f2f2 url(library/images-themes/bg_menu_header_link.gif) right 5px no-repeat } #header-menu li.selected a.autour_monde { color: #333; font-weight: bold; background: #f4f2f2 url(library/images-themes/bg_menu_header_autour_monde_link.gif) right 5px no-repeat } #header-menu div { position: absolute; width: 160px; background: #666; display: none; z-index: 100 } #header-menu div li a { border: none; color: #fff; } #header-menu li.selected div li a { background: inherit; color: #fff; } #header-menu li.selected div li a:hover { background: #65cc33; color: #fff } #header-menu div li a:hover { background: #65cc33; color: #fff } #liste_continent_1, #liste_continent_2 { float: left; width: 154px; border-top: 1px solid #000; margin-left: 16px } #liste_continent_1 li a { display: block; text-decoration: none; color: #ccc; border-bottom: 1px solid #ccc; padding-left: 10px;font-weight:bold; } #liste_continent_1 .afrique { color: #f7b023 } #liste_continent_1 .amerique-nord { color: #339933 } #liste_continent_1 .amerique-sud { color: #ce2900 } #liste_continent_1 li a:hover { font-weight: bold; background: #f4f2f2 } #liste_continent_2 li a { display: block; text-decoration: none; color: #ccc; border-bottom: 1px solid #ccc; padding-left: 10px;font-weight:bold; } #liste_continent_2 .asie { color: #ff6633 } #liste_continent_2 .europe { color: #0099ff } #liste_continent_2 .oceanie { color: #ff00cc } #liste_continent_2 li a:hover { font-weight: bold; background: #f4f2f2 } /*--------------- MAIN - PAGE INDEX --------------*/ #main { padding: 0; } #caroussel img.deco1 { margin-left: 42px; } #caroussel img.deco2 { margin-left: 42px; margin-bottom: 20px } .stepcarousel { position: relative; border: 20px solid #333333; overflow: scroll; width: 910px; height: 250px; background: #333; color: #cccccc; font-size: 1.5em; margin-left: 42px; border-top: 2px solid #333; border-bottom: 15px solid #333333; } .stepcarousel span { display: block; float: left } .stepcarousel p { display: block; float: left; margin-left: 190px; text-align: center; width: 290px } .stepcarousel p span { display: block; width: 100%; height: 100% } .stepcarousel .belt { position: absolute; /*leave this value alone*/ left: 0; top: 7px; } .stepcarousel .panel { float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin: 20px 0 0 0; /*margin around each panel*/ width: 940px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ height: 230px; overflow: hidden; } .stepcarousel .panel div.sub-panel { float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin: 0 20px 0 0; /*margin around each panel*/ width: 270px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ height: 200px; background: #fff; overflow: hidden; padding: 10px; border-bottom: 4px solid grey; font-size: 0.7em; color: #666666; display: inline } .stepcarousel .panel div.sub-panel span { float: inherit; display: inline } .stepcarousel .panel div.sub-panel div.content { font-size: 1.1em; line-height: 15px } .stepcarousel .panel div.sub-panel span.pays { font-weight: bold } .stepcarousel .panel div.sub-panel a { text-decoration: none; color: #000 } .stepcarousel .panel div.sub-panel .thumb { height: 131px; overflow: hidden} .stepcarousel .panel div.sub-panel.dossier { border-bottom: 4px solid #66cc33; } .stepcarousel .panel div.sub-panel.dossier .date_cat span { color: #66cc33; } .stepcarousel .panel div.sub-panel.dossier span.pays { color: #66cc33; } .stepcarousel .panel div.sub-panel.dossier div.content a:hover { color: #66cc33; } .stepcarousel .panel div.sub-panel.afrique { border-bottom: 4px solid #f7b023; } .stepcarousel .panel div.sub-panel.afrique .date_cat span { color: #f7b023; } .stepcarousel .panel div.sub-panel.afrique span.pays { color: #f7b023; } .stepcarousel .panel div.sub-panel.afrique div.content a:hover { color: #f7b023; } .stepcarousel .panel div.sub-panel.amerique-nord { border-bottom: 4px solid #339933; } .stepcarousel .panel div.sub-panel.amerique-nord .date_cat span { color: #339933; } .stepcarousel .panel div.sub-panel.amerique-nord span.pays { color: #339933; } .stepcarousel .panel div.sub-panel.amerique-nord div.content a:hover { color: #339933; } .stepcarousel .panel div.sub-panel.amerique-sud { border-bottom: 4px solid #ce2900; } .stepcarousel .panel div.sub-panel.amerique-sud .date_cat span { color: #ce2900; } .stepcarousel .panel div.sub-panel.amerique-sud span.pays { color: #ce2900; } .stepcarousel .panel div.sub-panel.amerique-sud div.content a:hover { color: #ce2900; } .stepcarousel .panel div.sub-panel.asie { border-bottom: 4px solid #ff6633; } .stepcarousel .panel div.sub-panel.asie .date_cat span { color: #ff6633; } .stepcarousel .panel div.sub-panel.asie span.pays { color: #ff6633; } .stepcarousel .panel div.sub-panel.asie div.content a:hover { color: #ff6633; } .stepcarousel .panel div.sub-panel.europe { border-bottom: 4px solid #0099ff; } .stepcarousel .panel div.sub-panel.europe .date_cat span { color: #0099ff; } .stepcarousel .panel div.sub-panel.europe span.pays { color: #0099ff; } .stepcarousel .panel div.sub-panel.europe div.content a:hover { color: #0099ff; } .stepcarousel .panel div.sub-panel.oceanie { border-bottom: 4px solid #ff00cc; } .stepcarousel .panel div.sub-panel.oceanie .date_cat span { color: #ff00cc; } .stepcarousel .panel div.sub-panel.oceanie span.pays { color: #ff00cc; } .stepcarousel .panel div.sub-panel.oceanie div.content a:hover { color: #ff00cc; } #main div.post { height: 247px; } #main div.post .post_left { width: 114px; height: 247px; float: left; background: url(library/images-themes/bg_post_index.png) no-repeat; } #main div.post .post_left .date { margin: 25px 0 0 0; padding: 0 10px 0 0 } #main div.post .post_left .date .jour { font-size: 37px; color:#666; font-weight: bold; display: block; float:left; margin-left: 20px; letter-spacing: -3px } #main div.post .post_left .date .mois { font-size: 16px; color:#666; font-weight: bold; display: inline; float:right; text-transform: uppercase; margin-top: -7px; } #main div.post .post_left .date .annee { font-size: 16px; color:#666; font-weight: bold; display: inline; float:right; margin-top: -7px; color: #999 } #main div.post .post_left .picto { padding: 0 15px 0 0; height: 80px; clear: both; margin-left: 5px} #main div.post .post_left .cat { font-weight: bold; color: #999; text-align: right; padding-right: 15px } #main div.post .post_left .cat li { list-style-type: none } #main div.post .post_left .cat a { text-decoration: none } #main div.post .post_left .cat .regions { width: 60px; display: block; float: right; line-height: 13px; margin-bottom: 10px; text-align: right } #main div.post .post_left .cat .regions li { text-align: right } #main div.post .post_left .cat .regions a { text-decoration: none; text-transform: uppercase; } #main div.post .post_left .cat .lescats { line-height: 13px } #main div.post .post_left .cat .lescats a { color: #66cc33 } #main div.post .post_right { width: 550px; background: url(library/images-themes/bg_post_index_visu_title.jpg) #fff; border: 1px solid #d9d5d5; float: right; height: 204px; padding: 20px; border-bottom: 2px solid #ccc; border-left: none; margin-right: 1px } #main div.post .post_right .thumb { float: left; padding: 4px; border: 1px solid #d9d5d5; } #main div.post .post_right .presentation { float: left; margin: 0 0 0 20px; width: 337px } #main div.post .post_right .presentation a { color: #000; text-decoration: none; } #main div.post .post_right .title { font-size: 1.8em; font-weight: bold; margin-bottom: 20px } #main div.post .post_right .title a { text-decoration: none; color: #000 } #main div.category-dossier .picto { background: url(library/images-themes/bg_post_index_dossier.gif) no-repeat } #main div.category-dossier .post_left .cat .regions a { color: #66cc33 } #main div.category-dossier .post_right { border-bottom: 2px solid #66cc33; } #main div.category-dossier .post_right .pays { color: #66cc33 } #main div.category-dossier .post_right .presentation a:hover { color: #66cc33 } #main div.category-amerique-nord .picto { background: url(library/images-themes/bg_post_index_amerique_nord.gif) no-repeat } #main div.category-amerique-nord .post_left .cat .regions a { color: #339933 } #main div.category-amerique-nord .post_right { border-bottom: 2px solid #339933; } #main div.category-amerique-nord .post_right .pays { color: #339933 } #main div.category-amerique-nord .post_right .presentation a:hover { color: #339933 } #main div.category-amerique-sud .picto { background: url(library/images-themes/bg_post_index_amerique_sud.gif) no-repeat } #main div.category-amerique-sud .post_left .cat .regions a { color: #ce2900 } #main div.category-amerique-sud .post_right { border-bottom: 2px solid #ce2900; } #main div.category-amerique-sud .post_right .pays { color: #ce2900 } #main div.category-amerique-sud .post_right .presentation a:hover { color: #ce2900 } #main div.category-afrique .picto { background: url(library/images-themes/bg_post_index_afrique.gif) no-repeat } #main div.category-afrique .post_left .cat .regions a { color: #f7b023 } #main div.category-afrique .post_right { border-bottom: 2px solid #f7b023; } #main div.category-afrique .post_right .pays { color: #f7b023 } #main div.category-afrique .post_right .presentation a:hover { color: #f7b023 } #main div.category-asie .picto { background: url(library/images-themes/bg_post_index_asie.gif) no-repeat } #main div.category-asie .post_left .cat .regions a { color: #ff6633 } #main div.category-asie .post_right { border-bottom: 2px solid #ff6633; } #main div.category-asie .post_right .pays { color: #ff6633 } #main div.category-asie .post_right .presentation a:hover { color: #ff6633 } #main div.category-europe .picto { background: url(library/images-themes/bg_post_index_europe.gif) no-repeat } #main div.category-europe .post_left .cat .regions a { color: #0099ff } #main div.category-europe .post_right { border-bottom: 2px solid #0099ff; } #main div.category-europe .post_right .pays { color: #0099ff } #main div.category-europe .post_right .presentation a:hover { color: #0099ff } #main div.category-oceanie .picto { background: url(library/images-themes/bg_post_index_oceanie.gif) no-repeat } #main div.category-oceanie .post_left .cat .regions a { color: #ff00cc } #main div.category-oceanie .post_right { border-bottom: 2px solid #ff00cc; } #main div.category-oceanie .post_right .pays { color: #ff00cc } #main div.category-oceanie .post_right .presentation a:hover { color: #ff00cc } #all-my-index-posts { background: url(library/images-themes/bg_header_content2.png) right repeat-y; width: 100%; height: 100%; } #nav-below { background: url(library/images-themes/bg_header_content3.png) 2px repeat-y; padding: 15px 0px 20px 117px; width: 589px } #nav-below a { color: #666; font-weight: bold; font-style: normal; display: block; padding: 5px 8px 5px 8px; background:#fff; border: 1px solid #cccbcb; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #nav-below a .meta-nav { color: #66CC33 } .navigation { color:#666; font-size:13px; line-height:18px; margin:0px 0 0px -2px; overflow:hidden; } #follow-index { font-size: 1.8em; text-align: right } #follow-index span { display: block; float: right; padding: 14px 30px 3px 10px; color: #ccc } #all-categories { background: #FFF; border: 1px #ccc solid; margin: 15px 25px 15px 15px; padding: 15px 0px 15px 15px } #all-categories .categories { width: 45%; float: left; } #all-categories .regions { width: 43%; float: left; padding: 0 0 0 10px } #all-categories h2 { color: #999; font-size: 1.4em } #all-categories ul { margin: 15px 0 0 0; padding: 0; display: block } #all-categories .categories ul{ border-right: 1px dotted #ccc; } #all-categories li { padding: 0; margin: 0; font-size: 12px; margin-bottom: 6px } #all-categories .categories li a { background: #999; color: #FFF; text-decoration: none; padding: 3px 5px 3px 5px; position:relative; font-weight: bold; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #all-categories .categories li a:hover { background: #66cc33; } #all-categories .regions li a { background: #999; color: #FFF; text-decoration: none; padding: 3px 5px 3px 5px; position:relative; font-weight: bold; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-weight: normal; text-transform: uppercase; font-size: 10px } #all-categories .regions li.cat-item-5 a { background: #f7b023 } #all-categories .regions li.cat-item-6 a { background: #339933 } #all-categories .regions li.cat-item-7 a { background: #ce2900 } #all-categories .regions li.cat-item-8 a { background: #ff6633 } #all-categories .regions li.cat-item-9 a { background: #0099ff } #all-categories .regions li.cat-item-10 a { background: #ff00cc } #all-categories .regions li a:hover { background: #66cc33; } #dossier_mois { background: #FFF; border: 1px #ccc solid; margin: 15px 25px 15px 15px; overflow: hidden; } #ecosphere { background: #FFF; border: 1px #ccc solid; margin: 15px 25px 15px 15px; overflow: hidden; padding: 7px } #ecosphere h2{ color: #999; font-size: 1.3em; margin-bottom: 10px;} #ecosphere a { text-decoration : none; } #ecosphere a:hover { color: #66cc33; } #ecosphere td { border: 0px solid #fff } #ecosphere tr { border: 0px solid #fff } #bloc_libre_1 { background: #FFF; border: 1px #ccc solid; margin: 15px 25px 15px 15px; overflow: hidden; padding: 7px } #bloc_libre_1 h2{ color: #999; font-size: 1.3em;} #archives-mviews { margin: 20px 25px 15px 15px; padding: 0px 0px 10px 0px } #archives-mviews a.art { color: #fff; font-size: 1.3em; background: #999; padding: 3px 5px 3px 5px; text-decoration: none; position: relative; z-index: 4 } #archives-mviews a.select { color: #999; background: #FFF; padding: 3px 5px 8px 5px; border: 1px #ccc solid; border-bottom: 1px #fff solid;} #archives-mviews #mviews { background: #FFF; border: 1px #ccc solid; padding: 0; position: relative; z-index: 2; margin-top: 8px } #archives-mviews #mviews ul { padding: 0 } #archives-mviews #mviews { font-size: 0.9em } #archives-mviews #mviews .spacer { clear: both; height: 10px; border: none } #archives-mviews #mviews div { clear: both; margin: 10px 10px 0px 10px; border-bottom: 1px dotted #ccc; } #archives-mviews #mviews .picto { float: left; padding: 3px; background: #fff; border: 1px #ccc solid; } #archives-mviews #mviews .content { border: none; float: right; margin: 0 0 0 5px; width: 200px; clear: none } #archives-mviews #mviews .date { display: block; font-size: 0.9em; color: #666 } #archives-mviews #mviews a { text-decoration: none; font-weight: bold; color: #333 } #archives-mviews #mviews .pays { font-weight: bold } #archives-mviews #mviews .dossier .pays { color: #66cc33 } #archives-mviews #mviews .amerique-nord .pays { color: #339933 } #archives-mviews #mviews .amerique-sud .pays { color: #ce2900 } #archives-mviews #mviews .afrique .pays { color: #f7b023 } #archives-mviews #mviews .asie .pays { color: #ff6633 } #archives-mviews #mviews .europe .pays { color: #0099ff } #archives-mviews #mviews .oceanie .pays { color: #ff00cc } #archives-mviews #archives { background: #FFF; border: 1px #ccc solid; padding: 0; position: relative; z-index: 2; margin-top: 8px; padding: 10px 10px 10px 10px; display: none } #archives-mviews #archives li { list-style-type: none; margin-bottom: 8px } #archives-mviews #archives li a { background: #999; color: #FFF; text-decoration: none; padding: 3px 5px 3px 5px; position:relative; font-weight: bold; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #archives-mviews #archives li a:hover { background: #66cc33; } #footer { background: url(library/images-themes/bg_header_content.png) repeat-y; width: 1030px; margin: -1px auto } #footer #footer_bg { width: 1020px; margin: 0px auto; height: 100%; background: #000 } #footer #footer_bg .spacer { clear: both; height: 10px; border: none } #footer #footer_bg .pointillets { height: 26px; border-top: 4px dashed #66cc33} #footer #footer_bg .footer-divs { width: 265px; float: left; margin: 0 0 0 57px } #footer #footer_bg .footer-divs h2 { color: #ccc; font-size: 1.8em; margin: 0 0 15px 0 } #footer #footer_bg #footer-propos a { display: block; color: #66cc33; text-decoration: none; border-bottom: 1px dotted #66cc33; margin-top: 15px } #footer #footer_bg #footer-propos a .meta-nav { color: #66CC33; float: right } #footer #footer_bg #footer-propos { color: #666 } #footer #footer_bg #footer-cat ul { padding: 0; margin: 0 } #footer #footer_bg #footer-cat a { display: block; color: #666; text-decoration: none; border-bottom: 1px dotted #66cc33; padding: 4px 0 4px 0 } #footer #footer_bg #footer-cat a:hover { color: #66cc33; } #footer #footer_bg #footer-monde ul { padding: 0; margin: 0 } #footer #footer_bg #footer-monde a { display: block; color: #666; text-decoration: none; border-bottom: 1px dotted #66cc33; padding: 4px 0 4px 0 } #footer #footer_bg #footer-monde li.cat-item-5 a { color: #f7b023 } #footer #footer_bg #footer-monde li.cat-item-6 a { color: #339933 } #footer #footer_bg #footer-monde li.cat-item-7 a { color: #ce2900 } #footer #footer_bg #footer-monde li.cat-item-8 a { color: #ff6633 } #footer #footer_bg #footer-monde li.cat-item-9 a { color: #0099ff } #footer #footer_bg #footer-monde li.cat-item-10 a { color: #ff00cc } #footer #footer_bg #footer-monde #follow-footer { margin: 35px 0 0 0; } #footer #footer_bg #footer-monde #follow-footer .spacer { clear: both; height: 5px; border: none; border-bottom: 1px dotted #66cc33; } #footer #footer_bg #footer-monde #follow-footer a { border: inherit; float: left; margin: 0 5px 0 0 } #footer #footer_bg #footer-monde #follow-footer span { display: block; float: right; padding: 14px 10px 3px 10px; color: #ccc; font-size: 1.7em; } #footer #footer_bg #copyright { clear: both; color: #66cc33; margin: 0 0 20px 57px; padding: 40px 0 0 0 } #footer #footer_bg #copyright span { color: #666 } #footer #footer_bg #copyright a { color: #666; text-transform: uppercase; text-decoration: none; font-size: 0.9em } /*--------------- PAGE ARCHIVES - mm styles que INDEX --------------*/ h1.page-title { background: url(library/images-themes/bg_header_content3.png) -2px repeat-y; padding: 15px 0 20px 20px; color: #666; font-size: 1.9em; font-weight: bold } h1.page-title span { font-style: normal; text-transform: uppercase; font-size: 1em; color: #66cc33 } /*--------------- PAGE CATEGORIES - mm styles que INDEX --------------*/ body.category-amerique-nord h1.page-title span { color: #339933 } body.category-amerique-sud h1.page-title span { color: #ce2900 } body.category-afrique h1.page-title span { color: #f7b023 } body.category-asie h1.page-title span { color: #ff6633 } body.category-europe h1.page-title span { color: #0099ff } body.category-oceanie h1.page-title span { color: #ff00cc } /*--------------- PAGE RESULTATS DE SEARCH - mm styles que INDEX --------------*/ div.noresults { background: url(library/images-themes/bg_header_content3.png) -2px repeat-y; padding-left: 15px} div.noresults h1 { color: #66cc33; } div.noresults #noresults-s { background: #ccc; color: #fff; border: 1px solid #ccc; font-family: Arial, Helvetica, sans-serif; margin-left: 0px; width: 170px; height: 31px; padding-left: 8px; float:left } div.noresults #noresults-searchform a { margin: 0; color: #999999; text-decoration: none; font-weight: normal } /*--------------- PAGE 404 - mm styles que INDEX --------------*/ div.noresults #error404-s { background: #ccc; color: #fff; border: 1px solid #ccc; font-family: Arial, Helvetica, sans-serif; margin-left: 0px; width: 170px; height: 31px; padding-left: 8px; float:left } /*--------------- PAGE ARTICLE/POST - mm styles que INDEX --------------*/ #MyPost { background: url(library/images-themes/bg_header_content3.png) repeat-y -2px; height: 100%; display: block; padding-bottom: 22px } #MyPost div.post { height: inherit } .wp-caption-text { text-align: right; padding: 2px; font-size: 0.8em } #MyPost div.post .post_left { background: #eae7e6; margin: 0 0 0 3px } #MyPost div.post .post_right { height:inherit; width: 546px; border: 1px solid #d9d5d5; background: url(library/images-themes/bg-single-post.jpg) repeat-y; padding-bottom: 0; border-bottom: none } #MyPost div.post .post_right img { border: 1px solid #d9d5d5; padding: 3px } #MyPost div.post .post_right blockquote { font-family: 'Droid Serif', arial, serif; font-size: 1.2em; padding: 15px 35px 0 35px; display: block; font-style: italic; margin-bottom: 20px } #MyPost div.post .post_right blockquote p { margin: 0; display: inline; } #MyPost div.category-dossier .post_right blockquote { color: #868686 } #MyPost div.category-amerique-nord .post_right blockquote { color: #339933 } #MyPost div.category-amerique-sud .post_right blockquote { color: #ce2900 } #MyPost div.category-afrique .post_right blockquote { color: #f7b023 } #MyPost div.category-asie .post_right blockquote { color: #ff6633 } #MyPost div.category-europe .post_right blockquote { color: #0099ff } #MyPost div.category-oceanie .post_right blockquote { color: #ff00cc } #MyPost div.post .post_right blockquote div.debut-em { height: 21px; width: 27px; background: grey; float: left; margin: -10px 7px 0 -35px } #MyPost div.category-dossier .post_right blockquote div.debut-em { background: url(library/images-themes/guillemets-top-dossier.gif) no-repeat } #MyPost div.category-amerique-nord .post_right blockquote div.debut-em { background: url(library/images-themes/guillemets-top-amerique-nord.gif) no-repeat } #MyPost div.category-amerique-sud .post_right blockquote div.debut-em { background: url(library/images-themes/guillemets-top-amerique-sud.gif) no-repeat } #MyPost div.category-afrique .post_right blockquote div.debut-em { background: url(library/images-themes/guillemets-top-afrique.gif) no-repeat } #MyPost div.category-asie .post_right blockquote div.debut-em { background: url(library/images-themes/guillemets-top-asie.gif) no-repeat } #MyPost div.category-europe .post_right blockquote div.debut-em { background: url(library/images-themes/guillemets-top-europe.gif) no-repeat } #MyPost div.category-oceanie .post_right blockquote div.debut-em { background: url(library/images-themes/guillemets-top-oceanie.gif) no-repeat } #MyPost div.post .post_right blockquote div.fin-em { height: 21px; width: 27px; background: blue; float: right; margin: 0 -15px 0 0 } #MyPost div.category-dossier .post_right blockquote div.fin-em { background: url(library/images-themes/guillemets-bottom-dossier.gif) no-repeat } #MyPost div.category-amerique-nord .post_right blockquote div.fin-em { background: url(library/images-themes/guillemets-bottom-amerique-nord.gif) no-repeat } #MyPost div.category-amerique-sud .post_right blockquote div.fin-em { background: url(library/images-themes/guillemets-bottom-amerique-sud.gif) no-repeat } #MyPost div.category-afrique .post_right blockquote div.fin-em { background: url(library/images-themes/guillemets-bottom-afrique.gif) no-repeat } #MyPost div.category-asie .post_right blockquote div.fin-em { background: url(library/images-themes/guillemets-bottom-asie.gif) no-repeat } #MyPost div.category-europe .post_right blockquote div.fin-em { background: url(library/images-themes/guillemets-bottom-europe.gif) no-repeat } #MyPost div.category-oceanie .post_right blockquote div.fin-em { background: url(library/images-themes/guillemets-bottom-oceanie.gif) no-repeat } #MyPost div.post .post_right img.top { margin: -20px 0 0 -20px; position: absolute; border: none; padding: 0 } #MyPost div.post .post_right #post_tags { margin-bottom: 30px; font-size: 1em } #MyPost div.post .post_right #post_tags h2 { display: inline; font-size: 1.2em; font-weight: bold; color: #999 } #MyPost div.post .post_right #post_tags a { color: #66cc33; text-decoration: none; font-size: 1em; } #MyPost div.post .post_right #post_tags a:hover { text-decoration: underline } #MyPost div.post .post_infos_post_left { width: 114px; height: 93px; float: left; background: url(library/images-themes/bg_infos_post.gif) no-repeat center #d6ebc9; margin-left: 3px} #MyPost div.post .post_infos_post_right { float: right; width: 556px; padding: 15px; border: 1px solid #d9d5d5; background: url(library/images-themes/bg-single-post.jpg) repeat-y; padding-top: 10px; border-bottom: none; margin-right: 1px; height: 67px; } #MyPost div.post .post_infos_post_right div.left { float: left; border-right: 1px #ccc dotted; width: 47%; height: 100%; font-size: 1.3em; color: #999 } #MyPost div.post .post_infos_post_right div.left .auteur { font-size: 1em; font-weight: bold; display:block; color: #000 } #MyPost div.post .post_infos_post_right div.left .mag { font-size: 0.9em; font-weight: bold; display:block; color: #66cc33 } #MyPost div.post .post_infos_post_right div.right { float: right; width: 48%; height: 100% } #MyPost div.post .post_infos_post_right div.right span { display: block; margin-top: -4px; color: #999 } #MyPost div.post .post_infos_post_right div.right span strong { color: #000 } #MyPost div.post .post_follow_post_left { width: 107px; height: 70px; float: left; background: #eae7e6; margin-left: 3px; text-transform: uppercase; text-align: right; line-height: 12px; font-size: 0.9em; padding-right: 7px; } #MyPost div.post .post_follow_post_left span { color: #66cc33; font-weight: bold; display: block; font-size: 1.1em; margin-top: 23px } #MyPost div.post .post_follow_post_right { float: right; width: 556px; padding: 15px; border: 1px solid #d9d5d5; background: url(library/images-themes/bg-single-post.jpg) repeat-y; padding-top: 10px; border-bottom: none; margin-right: 1px; height: 44px; } #MyPost div.post .post_follow_post_right img { margin: 8px 8px 0 0 } #MyPost div.post .post_associated_post_right { float: right; width: 556px; padding: 15px; border: 1px solid #d9d5d5; background: url(library/images-themes/bg-single-post.jpg) repeat-y; padding-top: 10px; border-bottom: none; margin-right: 1px; } #MyPost div.post .post_associated_post_right h2 { font-size: 1.6em; font-weight: bold } #MyPost div.post .post_associated_post_right strong.dossier { color: #66cc33 } #MyPost div.post .post_associated_post_right strong.amerique-nord { color: #339933 } #MyPost div.post .post_associated_post_right strong.amerique-sud { color: #ce2900 } #MyPost div.post .post_associated_post_right strong.afrique { color: #f7b023 } #MyPost div.post .post_associated_post_right strong.asie { color: #ff6633 } #MyPost div.post .post_associated_post_right strong.europe { color: #0099ff } #MyPost div.post .post_associated_post_right strong.oceanie { color: #ff00cc } #MyPost div.post .post_associated_post_right div a { text-decoration: none; color: #000 } #MyPost .post_comments_title_post_right { float: right; width: 556px; padding: 15px; border: 1px solid #d9d5d5; background: url(library/images-themes/bg-single-post.jpg) repeat-y; padding-top: 10px; border-bottom: none; border-top: none; margin-right: 1px; } #MyPost .post_comments_title_post_right.first { border-bottom: 1px solid #d9d5d5 } #MyPost #comments_list { } #MyPost .post_comments_title_post_right h2 { font-size: 1.6em; font-weight: bold } #MyPost .post_comments_title_post_right h3 { color: #66cc33 } #MyPost .post_comments_title_post_right a { border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color:#666; font-weight: bold; display: block; padding: 5px 10px 5px 10px; float: left; text-decoration: none; font-size: 1.2em; margin-top: 20px } #MyPost #comments_list .comment-avatar-left { width: 114px; float: left; background: #eae7e6; margin-left: 3px; text-align: center; padding: 5px 0 5px 0 } #MyPost #comments_list .comment-avatar-left img { background: #fff; border: 1px solid #ccc; padding: 3px } #MyPost #comments_list .comment-content-right {float: right; width: 556px; padding: 15px; border: 1px solid #d9d5d5; background: url(library/images-themes/bg-single-post.jpg) repeat-y; padding-top: 10px; border-bottom: none; border-top: none; margin-right: 1px; padding-bottom: 20px } #MyPost #comments_list .comment-content-right .cadre-right { border: 1px solid #ddd; margin-top: -10px; padding: 15px; color: #666; min-height: 66px } #MyPost #comments_list .comment-content-right .cadre-right .author {font-family: 'Droid Serif', arial, serif; font-size: 1.5em; font-style:italic; } #MyPost #comments_list .comment-content-right .cadre-right .author a {font-family: 'Droid Serif', arial, serif; font-size: 1.1em; font-style:italic; text-decoration: none; color: #666 } #MyPost #comments_list .comment-content-right .cadre-right .author_date { display: block; float: right; font-size: 0.9em; color: #666 } #MyPost #comments_list .comment-content-right .cadre-right .comment_content { display:block; padding: 15px 0 0 0; } #MyPost #comments_list .comment-content-right .cadre-right .comment_approve { font-size: 0.8em; color: #66cc33; } #MyPost #respond { float: right; width: 556px; padding: 15px; border: 1px solid #d9d5d5; background: url(library/images-themes/bg-single-post.jpg) repeat-y; padding-top: 10px; border-top: none; margin-right: 1px; padding-bottom: 20px; color: #666; } #MyPost #respond h3 { color:#66cc33; font-size: 1.5em } #MyPost #respond #form-allowed-tags { display: none } #MyPost #respond .form-section label { font-size:0.9em; font-weight: bold } #comment, #url, #email, #author { border: 1px solid #ddd; padding: 5px; background: url(library/images-themes/img-top-single-post.jpg) repeat-x -3px -1px; } #MyPost #respond a.bt_envoi { border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color:#666; font-weight: bold; display: block; padding: 5px 10px 5px 10px; float: left; text-decoration: none; font-size: 1.2em; margin-top: 15px } #MyPost .post_comments_title_post_right #trackbacks-list h3 { font-size: 1.4em; margin: 0 0 8px 0 } #MyPost .post_comments_title_post_right #trackbacks-list ol { margin: 0px; list-style-type: none; } #MyPost .post_comments_title_post_right #trackbacks-list ol li { color: #666; font-style: italic; } #MyPost .post_comments_title_post_right #trackbacks-list ol div.comment-author a.url { border: none; margin: 0 0 0 0; display: block; padding: 0; font-size: 1.2em; font-style: normal } #MyPost div.page-link { display: none } #MyPost h2 { font-size: 1.6em; margin-bottom: 15px } #MyPost #nav-links { width: 550px; height: 60px } #MyPost #nav-links span { display: block; width: 50%; } #MyPost #nav-links a { display: block; width: 50%; float: left; text-decoration: none } #MyPost #nav-links a div{ float: left; width: 100% } #MyPost #nav-links a div.nav-left{ float: left; } #MyPost #nav-links a div.nav-right{ margin-left: 195px } #MyPost #nav-links a div span { border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color:#666; font-weight: bold; padding: 2px 7px 2px 7px; text-decoration: none; font-size: 1em; margin-top: 15px; width: 60px; text-align: center } #MyPost #nav-links span { display: block; width: 50%; float: left; text-decoration: none } #MyPost #nav-links span div{ float: left; width: 100% } #MyPost #nav-links span div.nav-left{ float: left; } #MyPost #nav-links span div.nav-right{ margin-left: 195px } #MyPost #nav-links span div span { border: 1px solid #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color:#fff; font-weight: bold; padding: 2px 7px 2px 7px; text-decoration: none; font-size: 1em; margin-top: 15px; width: 60px; text-align: center } #MyPost ol.contentlist { list-style: none; padding: 0; margin: 0 0 20px 0; font-size: 1.1em; font-weight:bold; color: #999 } #MyPost ol.contentlist { list-style: none; padding: 0; margin: 0 0 20px 0; font-size: 1.1em } #MyPost ol.contentlist a { text-decoration: none; color: #66cc33 } /*--------------- PAGE 'PAGE' - mm styles que INDEX --------------*/ #MyPage { background: url(library/images-themes/bg_header_content3.png) repeat-y -2px; height: 100%; display: block; padding-bottom: 10px; } #Mypage-Content-cadre { background: url(library/images-themes/bg-single-page.jpg) repeat-y #fff; border: 1px solid #d9d5d5; min-height: 90%; margin-left: 17px; } #Mypage-Content { width: 95%; margin: 0 auto; } #Mypage-Content h2 { font-size: 1.8em; font-weight: bold; margin-bottom: 20px; color: #66cc33; margin-top: 12px } /*--------------- PAGE 'Contact' - mm styles que INDEX + styles du Form --------------*/ #wpcf7-f1-p9-o1 { font-size:0.9em; font-weight: bold; color: #666; width: 100% } #wpcf7-f1-p9-o1 input { border: 1px solid #ddd; padding: 5px; background: url(library/images-themes/img-top-single-post.jpg) repeat-x -3px -1px; } #wpcf7-f1-p9-o1 textarea { border: 1px solid #ddd; padding: 5px; background: url(library/images-themes/img-top-single-post.jpg) repeat-x -3px -1px; } #wpcf7-f1-p9-o1 a.bt_envoi { border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color:#666; font-weight: bold; display: block; padding: 5px 10px 5px 10px; float: left; text-decoration: none; font-size: 1.2em; margin-top: 15px } .wpcf7-response-output { width: 60%; float: left; margin-top: 400px; margin-left: 55%; background: #fff; border: 0px #fff solid } /*----------------------------WIDGET MAILPRESS ---------------------------------*/ .mp-container { margin-top:10px; font-family:Verdana, Geneva, sans-serif; font-style:italic; background-image: url(http://www.greenetvert.fr/wp-content/themes/thematic/library/images-themes/follow-newsletter.jpg); background-repeat: no-repeat; padding: 1px; } .mp-container input{ line-height:22px; padding:0 8px; position: relative; left:37px; height:22px; border:1px solid #ccc; margin: 2px; background-color: #fff; font-family: Calibri, Verdana, Geneva, sans-serif; color:#999; font-weight:bolder; font-size:14px; } .mp-container .mp_submit{ border:none; background-color:#fff; margin-left: 2px; height:24px; width:35px; border: 1px solid #ccc; padding: 1px; color: #66cc33; } .mp-loading { position: absolute; left:50px; height:22px; } .mp-message { position: absolute; left:50px; height:22px; border:1px solid #66cc33; background-color: #fff; padding: 5px; }