/*  
Theme Name: Poly
Version: 1.0
Description: Le magazine culture et société du Grand-Est
Author: 
Author URI: 
*/


/* Default styles */

@import "reset.css";
body {
    color: #555;
    background: #fefefe;
    background: #fefefe
}

a {
    text-decoration: none;
    color: #555;
}

#wrap {
    background: none;
}


/* Wrap */

#wrap {}


/* Top */

#top {
    width: 992px;
    margin: 0 auto;
    padding: 10px 0 0 0;
    background: #fefefe;
}


/* Top Meta */

#top .search {
    font-size: 11px;
    padding: 0 0px 0 15px;
    float: left;
}

form#topSearch {
    border-left: 1px solid #eee;
    width: 138px;
    height: 36px;
    padding: 2px;
    position: relative;
    outline: none;
}

form#topSearch p.fields {
    padding: 0;
}

form#topSearch p.fields input {
    color: #999;
    font-size: 12px;
    font-weight: normal;
    width: 150px;
    height: 40px;
    background: none;
    overflow: hidden;
    border: none;
    padding-left: 30px;
    position: absolute;
    outline: none;
}

form#topSearch p.fields button {
    background: url(images/ico-search.png) no-repeat;
    width: 20px;
    height: 16px;
    border: none;
    position: absolute;
    top: 12px;
    left: 10px;
    text-indent: -999px
}


/* Highlights */

#highlights {
    width: 977px;
    padding: 15px 0 15px 15px;
    text-align: left;
    margin: 0 auto;
    border: 1px solid #eee;
    background-color: #ccc;
    background-image: -moz-linear-gradient(bottom, #ccc, #fff);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff))
}

#highlights h2 {
    font-size: 17px;
    line-height: 21px;
    margin: 0 0 2px 0;
    font-family: Helvetica, Times, serif;
    font-weight: bold;
}

#highlights h3 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 15px;
    margin: 0 0 10px 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: bold;
    color: #888;
}

#highlights .post {
    width: 309px;
    margin-right: 16px;
    float: left;
    font-size: 12px;
    line-height: 15px;
    font-family: Helvetica, Arial, sans-serif;
}

#highlights .last {
    margin-right: 0;
}

#highlights .post .image {
    float: left;
    width: 147px;
    margin: 0;
}

#highlights .post .image img {
    float: left;
}

#highlights .post .content {
    float: right;
    width: 147px;
}

#highlights .post .content p {
    padding: 0;
}


/* Page Navigation */

#top-nav {
    height: 40px;
    float: left;
}

#top-nav a {
    font-size: 13px;
    font-family: Helvetica, Arial, sans-serif;
    color: #555;
}

#top-nav ul {
    padding: 0;
}

#top-nav .col-left {
    margin-left: -6px;
}


/* Page Nav */

#nav,
#nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1;
    z-index: 100;
}

#nav a {
    display: block;
    line-height: 28px;
    padding: 6px 7px;
    z-index: 100;
    text-transform: uppercase;
    font-weight: bold
}

#nav li {
    float: left;
}

#nav li.current-post-parent a,
#nav li.current-menu-item a {
    color: #daa520
}


/* Style drop down list */

#nav li ul {
    position: absolute;
    width: 172px;
    left: -999em;
}

#nav li ul li {
    background: #333;
}

#nav li ul li a {
    line-height: 25px;
    color: #fff;
    width: 150px;
    font-weight: bold;
}

#nav li ul ul {
    margin: -26px 0 0 170px;
}

#nav li ul ul li a {
    line-height: 25px;
}

#nav li ul li ul li a {
    border-width: 0 1px 1px 0px;
}

#nav li:hover ul,
#nav li.sfhover ul {
    left: auto;
}

#nav li:hover ul ul,
#nav li.sfhover ul ul {
    left: -999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul {
    left: auto;
}

#nav li:hover,
#nav li.hover {
    position: static;
}


/* IE7 Fix */

#nav li:hover a,
#nav li.hover a {
    color: #daa520
}


/* Header */

#navigation {
    width: 992px;
    height: 40px;
    clear: both;
    position: relative;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin: 0;
    background: url(images/menu.png) bottom left repeat-x;
}

#header {
    width: 992px;
    height: 156px;
    clear: both;
    position: relative;
    margin: 0 0 10px 0;
}

#header h1 {
    display: none;
}

#header .logo {
    float: left;
}

#header #header-banner-ad {
    width: auto;
    float: right;
}

#header .recent-entries h4 a {
    font-size: 20px;
    font-weight: bold;
}


/* Content */

#content-home {
    width: 962px;
    margin: 0 auto;
    padding: 0 15px;
    background: #fefefe;
}

#content {
    width: 992px;
    margin: 15px auto;
    padding: 0;
    background: #fefefe;
    border-left: 1px dotted #eee;
    border-right: 1px dotted #eee;
}

* html #content {}

#main {
    width: 602px;
    border-right: 1px dotted #eee;
}

#main.fullwidth {
    width: 962px;
}


/* Home Page */

.threecol_one {
    width: 311px;
    float: left;
    margin: 20px 16px 0 0;
}

.threecol_two {
    width: 311px;
    float: left;
    margin: 20px 14px 0 0;
}

.threecol_three {
    width: 306px;
    float: left;
    margin: 20px 0 0 0;
}

#featured_photo {}

#featured_photo div {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 2px;
}

#featured_post {
    padding: 0;
    margin-bottom: 2px;
    overflow: hidden;
    float: left;
}

#featured_post p {
    font-size: 13px;
    line-height: 18px;
    margin: 0;
    padding: 10px 0 0 0;
    font-family: Helvetica, Arial, sans-serif;
}

#featured_post h2 a {
    font-size: 32px;
    line-height: 36px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
}

#categories-module {
    width: 306px;
    float: right;
}

#categories-module p {
    padding: 0;
}

.category-box {
    padding-bottom: 8px;
    margin-bottom: 5px;
    width: 306px;
    font-size: 11px;
    line-height: 15px;
}

.category-box .category {
    padding: 0 0 5px 0;
    margin: 0;
}

.category-box h3 {
    font-size: 15px;
    line-height: 18px;
    margin: 0 0 4px 0;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.category-image-block {
    float: left;
    margin-right: 16px;
}

hr {
    height: 5px;
    margin-bottom: 15px;
    clear: both;
    border: none;
}

.hr {
    height: 1px;
    margin-bottom: 10px;
    clear: both;
    border: none;
}

.hr-post {
    height: 1px;
    margin-bottom: 10px;
    clear: both;
    border: none;
    width: 630px;
    margin: 10px 0;
}

#also {
    margin: 10px 0 0 0;
    border-top: 1px solid #eee;
    padding: 15px 0 0 0;
}

#also-header {
    padding-bottom: 10px;
}

#also-header h3 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 15px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: bold;
    color: #888;
}

#categories-crop {
    width: 962px;
    overflow: hidden;
}

#categories-slider {
    float: left;
    width: 992px
}

#categories-slider .panel {
    float: left;
    width: 147px;
    margin-right: 16px;
    font-size: 13px;
    line-height: 17px;
    padding: 0 0 20px 0;
    font-family: Helvetica, Arial, sans-serif;
}

#categories-slider .panel img {
    float: left;
    margin-bottom: 5px;
}

#categories-slider .panel h2,
#lire-aussi .panel h2 {
    font-size: 17px;
    line-height: 21px;
    margin: 0 0 2px 0;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
}

#categories-slider .panel h3 a:link,
#categories-slider .panel h3 a:visited {
    color: #00759c;
}

#bottom ul {
    padding: 0;
}

#bottom li {
    padding: 2px 0;
}

#bottom .featured_article {}

#bottom .featured_article .more_featured {
    text-align: right;
    padding: 0;
}

#bottom .featured_article h3 {}

#bottom #col_two li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

#bottom #col_two li li {
    display: none;
}


/* Tabs */

#tabs {
    width: 296px;
    float: left;
    padding-top: 20px;
    border-top-width: 1px;
    border-top-style: solid;
}

ul.idTabs {
    width: 100%;
    padding: 0 !important;
}

ul.idTabs li {
    display: inline;
    font-family: Georgia;
    font-weight: bold;
}

ul.idTabs li a {
    line-height: 25px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
    color: #2e3738 !important;
    display: block;
    float: left;
    padding: 0 5px;
    margin-right: 4px;
}

ul.idTabs li a.selected,
ul.idTabs li a:hover {
    text-decoration: none;
}

.inside ul {
    padding: 10px !important;
    border-bottom-width: 5px;
    border-bottom-style: solid;
}

.inside li {
    margin: 0 0 5px 0 !important;
    padding: 0 0 5px 0 !important;
    list-style-type: none !important;
    color: #ffffff;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.inside li a {
    color: #ffffff;
}


/* Adverts */

#mpu_ad {
    float: right;
    width: 303px;
    margin-bottom: 15px;
}

#leaderboard_ad {
    text-align: center;
    height: 90px;
}

#button_ad {
    float: right;
    width: 200px;
    height: 90px;
}


/* Main Content (style) */

#main h1 {
    font-size: 26px;
    line-height: 28px;
}

#main h2 {
    font-size: 26px;
    line-height: 28px;
}

#main h3 {
    font-size: 18px;
}

#main h4 {
    font-size: 12px;
}

#main ol,
#main ul {
    line-height: 18px;
}

#main ul li {
    list-style: none;
    padding: 3px 0;
}

#main ol li {
    list-style: decimal;
    padding: 3px 0;
}

#main blockquote {
    border-left: 2px solid #777777;
    color: #777777;
    font-style: italic;
    margin: 5px auto 15px;
    padding: 0px 10px;
    width: 85%;
}

#bottom {
    width: 962px;
    float: left;
}

#bottom #col_one {
    width: 302px;
    float: left;
    margin-right: 18px;
}

#bottom #col_two {
    width: 222px;
    float: left;
    margin-right: 18px;
}

#bottom #col_three {
    width: 222px;
    float: left;
    margin-right: 18px;
}

#bottom #col_four {
    width: 142px;
    float: left;
}

#bottom .widget h3 {
    font-size: 14px;
    padding-bottom: 5px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-bottom: 18px;
}


/* Main Content (post) */

#main .post {
    padding: 0;
}

#main .post-title {
    font-size: 30px;
    line-height: 34px;
    padding-top: 0;
}

#main .page-title {
    font-size: 30px;
    line-height: 34px;
    margin-bottom: 15px;
    padding-top: 0;
}

#main .post p.post-details {
    font-family: Helvetica, Arial, sans-serif;
    color: #999;
    line-height: 18px;
    font-size: 12px;
    margin: 0 0 10px 0;
}

#main h1,
#main h2 {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
}

#main .post {
    font-size: 14px;
    line-height: 22px;
}

#main .post a {
    color: #daa520
}

#main p.post-meta {
    line-height: 20px;
    font-size: 13px;
    padding: 5px 0;
    font-family: Helvetica, Arial, sans-serif;
    color: #666;
}

#main p.post-meta a {
    text-decoration: none;
    color: #666
}

#main h2 a,
#main h3 a {
    text-decoration: none;
}

#main p.post-details {
    line-height: 20px;
    font-size: 13px;
    padding: 5px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

#main p.post-details a {
    text-decoration: none;
    color: #888;
}

#main .post h4 {
    margin-top: 1px;
    clear: both;
    width: 100%;
}

#main .post h4.continue a {
    background: #A8BC70;
    padding: 5px 10px;
    color: #fff;
    text-decoration: none;
}

#main .post h4.continue a:hover {
    background: #9fb26a;
}

#main .post img.thumbnail {
    float: left;
    margin: 0 10px 0 0;
}

#main .post img.gallery {
    margin: 0 7px 7px 0;
}

#main h2.arh {
    border-bottom: #eee 1px solid;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    text-transform: uppercase;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
}

#main .article img.thumbnail {
    float: none;
    margin: 10px 0 0 0;
    padding: 0;
    border: none;
}


/* Main Content (post>single) */

#main p.tags {
    clear: both;
    font-size: 11px;
}

#main .page h2 {
    padding-top: 5px;
}

/* Sidebar */

#sidebar {
    width: 303px;
    overflow: hidden;
    padding: 30px 0 0 0;
    margin: 0 45px 0 0;
}

#sidebar a {
    color: #daa520;
}

#sidebar .subcol {
    width: 143px;
}

#sidebar ul {
    clear: both;
}

#sidebar ul li a {
    float: left;
    margin: 0 0 0 4px;
    font-weight: bold;
}

#sidebar a:hover,
#sidebar .current-cat a,
#sidebar li.active a {}

#sidebar ul li span {
    font-size: 11px;
    font-family: Helvetica, Arial, sans-serif;
    color: #878787;
    font-weight: bold;
}


/* Sidebar (block) */

#sidebar .block {
    width: 303px;
    border-bottom: 1px solid #eee;
    padding: 5px 0 25px 0;
}

#sidebar .subcol .block {
    width: 143px;
}


/* Sidebar (widgetized)*/

#sidebar .textwidget {
    clear: both;
    padding: 0;
}

#sidebar .widget {
    margin-bottom: 25px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 21px;
}

#sidebar .sidebar-top .widget {
    background: none transparent;
}

#sidebar .widget ul {
    padding: 0;
}

#sidebar .widget li {
    padding: 10px;
}

#sidebar .widget h3 {
    padding: 0 0 10px 0;
    margin-bottom: 10px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;
    color: #daa520;
    text-transform: uppercase;
}

#sidebar li {
    border-top: 1px solid #e2e2e2;
    line-height: 18px;
    overflow: hidden;
}


/* Sidebar (widgetized>list>inside)*/

#sidebar ul ul {
    padding: 0;
    margin: 3px 0 0 0;
    border: 0;
}

#sidebar ul ul li {
    border: 0;
    padding-bottom: 0;
    border-top: 1px solid #E2E2E2;
}


/* Sidebar (widgets)*/

#tag_cloud h2 {
    display: block;
    float: none;
}

.textwidget,
.widget_text {
    padding: 0;
    clear: both;
}

#wp-calendar {
    width: 95%;
    padding: 0 0 0px 0;
    margin-bottom: 15px;
    clear: both;
}

#wp-calendar caption {
    padding: 10px;
    margin-bottom: 5px;
}

#wp-calendar th {
    color: #fff;
}

#wp-calendar th,
#wp-calendar td {
    padding: 5px;
    text-align: center;
    background: #E7E7E7;
    color: #9E9E9E;
}

#wp-calendar td {
    background: transparent;
}

#wp-calendar td,
table#wp-calendar th {
    padding: 3px 0;
}

#wp-calendar a {
    text-decoration: underline;
}

#wp-calendar a:hover {
    text-decoration: none;
}


/* Sidebar (Search)*/

#sidebar #search_main form div {
    position: relative;
    height: 33px;
    background: #eee;
    margin-bottom: 25px;
}

#sidebar #search_main input.field {
    width: 163px;
    position: absolute;
    left: 12px;
    top: 7px;
    padding-top: 2px;
    outline: none;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #fff;
    border: 0;
    background: transparent;
    z-index: 1;
}

#sidebar #search_main input.submit {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

#sidebar .widget_recent_entries {
    padding: 0
}

#sidebar .widget_recent_entries li h4 {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 22px;
    line-height: 24px;
}

#sidebar .widget_recent_entries li h4 a {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 22px;
    line-height: 24px;
    margin: 0;
    width: 100%;
}


/* Footer */

#footer {
    width: 952px;
    padding: 10px 20px 40px 20px;
    margin: 20px auto 0 auto;
    font-size: 12px;
    color: #ccc;
    text-align: left;
    border-top: 1px solid #ccc;
    font-family: Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    background-color: #333;
    background-image: -moz-linear-gradient(bottom, #333, #5f5f5f);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#333), to(#5f5f5f))
}

#footer #category-nav,
#footer #page-nav {
    text-align: left;
    padding: 5px 0;
}

#footer #category-nav li,
#footer #page-nav li {
    display: inline;
    margin-right: 20px;
}

#footer #page-nav li {
    padding-right: 8px;
    margin-right: 8px;
}

#footer #category-nav a {
    text-transform: uppercase;
}

#footer a {
    color: #ccc;
}

#footer .credits img {
    vertical-align: middle;
}

#footer .credits span {
    display: none;
}

.titre {
    width: 460px;
    font-family: Helvetica, Arial, sans-serif;
    padding: 0 80px;
    float: left
}

.rubrique {
    width: 130px;
    float: left;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    padding: 5px 0 0 0;
}

.article {
    width: 460px;
    padding: 20px 70px 0 70px;
    margin: 0;
    font-family: Helvetica, Arial, sans-serif;
}

.meta {
    border-top: 1px solid #eee;
    width: 130px;
    float: left;
    padding: 10px 0 0 0;
    margin: 7px 0 0 0;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
}

#main .meta p {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
}

.partager {
    border-top: 1px solid #E3E9EF
}

.partager ul {
    margin: 0;
    padding: 0
}

.post-meta span {
    margin: 0 20px 0 0;
}

.post-meta .comments a {
    padding: 1px 0 1px 25px;
    background: url(images/ico-comments.png) no-repeat left center;
}

.post-meta .shorturl a {
    padding: 0 0 0 25px;
    background: url(images/ico-shorturl.png) no-repeat left center;
}

#main .post .chapo p,
#main .post p strong {
    font-size: 14px;
    line-height: 22px;
}

.legende {
    color: #999;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    line-height: 18px;
    padding: 5px 0;
}

.wpfblike {
    padding: 0;
}

#main p.woo-sc-box {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 18px
}

p.auteur,
#featured_post p.auteur,
#main p.auteur,
.auteur {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;
    color: #666;
    padding: 0;
    margin: 2px 0 0 0;
    text-transform: uppercase;
}

p.publication,
#featured_post p.publication,
#main p.publication,
#highlights p.publication {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    line-height: 15px;
    color: #999;
    padding: 0;
    margin: 2px 0 0 0;
}

p.auteur a,
.auteur a,
.info-auteur a {
    color: #daa520
}

#lire-aussi {
    padding: 20px 0 10px 0;
    margin: 10px 0 0 0;
}

#lire-aussi h4 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 15px;
    margin: 0 0 10px 0;
    text-transform: uppercase;
}

#lire-aussi .panel {
    float: left;
    width: 145px;
    margin-right: 12px;
    font-size: 13px;
    line-height: 17px;
    padding: 0 0 20px 0;
    font-family: Helvetica, Arial, sans-serif;
}

#lire-aussi .panel h2 {
    margin: 5px 0 0 0
}

#lire-aussi .panel h2 a {
    color: #555;
}

#lire-aussi .last {
    margin-right: 0;
}

#main .post img.wp-post-image {
    margin: 5;
}

#main p.categories {
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    font-size: 11px
}

#publicite {
    padding: 10px 0 5px 0;
    text-align: center;
}

#mag-1 {
    padding: 0;
    text-align: center
}

#mag-1 .textwidget {
    padding: 0
}

#mag-1 h3 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6);
    font-weight: bold;
    color: #00759c;
}

img.vignette-auteur {
    float: left;
    margin: 0 10px 0 0
}

.info-auteur {
    padding: 10px 10px 0 10px;
    margin: 10px 0 15px 0;
    border-bottom: 1px solid #eee;
}

#main .post .info-auteur {
    margin: 10px 0 15px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #ddd;
    background-color: #eee;
    background-image: -moz-linear-gradient(bottom, #eee, #fff);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#eee), to(#fff))
}

.photo-auteur {
    float: left;
    padding: 0 10px 10px 0;
}

.meta-auteur {
    float: left;
    font-family: Helvetica, Arial, sans-serif;
    line-height: 18px;
    font-size: 12px;
    padding: 5px 0 10px 0;
}

.row {
    clear: both;
    margin: 0
}

.col1 {
    width: 140px;
    float: left;
    margin: 0 20px 20px 0;
}

.col2 {
    width: 140px;
    float: left;
    margin: 0 20px 20px 0;
}

.col3 {
    width: 140px;
    float: left;
    margin: 0 0 20px 0;
}

.col1,
.col2,
.col3 {
    font-size: 13px;
    line-height: 17px;
    font-family: Helvetica, Arial, sans-serif;
}

.col1 h2,
.col2 h2,
.col3 h2 {
    margin: 5px 0 0 0
}

.col1 h2 a,
.col2 h2 a,
.col3 h2 a {
    font-size: 17px;
    line-height: 21px;
    margin: 0 0 2px 0;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.threecol_three .widget h3 {
    text-align: right;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;
    color: #daa520;
    padding: 0 30px 0 0;
    margin: 0;
    text-transform: uppercase;
}

.archive {
    padding: 20px 68px
}

.box {
    padding: 10px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 20px;
    background-color: #ddd;
    background-image: -moz-linear-gradient(bottom, #ddd, #fff);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ddd), to(#fff));
    border-top: 1px solid #ddd;
}

.box-gauche {
    width: 180px;
    float: left;
    padding: 10px;
    margin: 0 20px 0 0;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 20px;
    background-color: #ddd;
    background-image: -moz-linear-gradient(bottom, #ddd, #fff);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ddd), to(#fff));
    border-top: 1px solid #ddd;
}

.box-droite {
    width: 180px;
    float: right;
    padding: 10px;
    margin: 0 0 0 20px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 20px;
    background-color: #ddd;
    background-image: -moz-linear-gradient(bottom, #ddd, #fff);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ddd), to(#fff));
    border-top: 1px solid #ddd;
}

#suivre {
    float: right;
    padding: 9px 5px 0 0;
}


/* Top Featured */

#featured {
    position: relative;
    height: 0px;
    padding: 0px;
}

.slides > div {
    display: none;
    position: absolute;
    top: 0px;
}

#featured .slideshow {
    margin: 20px 0 0 0;
    padding: 0;
    width: 646px;
    float: left;
    height: 230px;
    position: relative;
}

.tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    top: 220px;
    z-index: 100;
    text-align: center;
    width: 309px;
}

.slideshow .entry {
    padding: 15px;
}

.slideshow .slides .panel {
    width: 642px;
    background: #FFF;
}

.slideshow .slides .panel .panel-preview {
    position: relative;
    height: 245px;
    display: block;
}

.slideshow .slides .panel .arrow {
    width: 18px;
    height: 9px;
    background: url(images/slideshow-arrow.png) no-repeat bottom center;
    position: absolute;
    bottom: 0px;
    left: 155px;
    z-index: 500;
}

.slideshow .slides .panel #featured_post {
    padding: 0;
    margin: 0 0 2px 16px;
    overflow: hidden;
    float: left;
    width: 300px;
}

.slideshow .slides .panel img {
    float: left;
}

.tabs a {
    margin: 0 2px;
    width: 8px;
    height: 8px;
    display: inline-block;
    text-indent: -9999em;
    background: url(images/sprite.png) no-repeat -42px 0;
    outline: 0;
}

.tabs a.current {
    background-position: -42px -8px;
}

#crumbs {
    padding: 20px 0 0 70px;
    color: #999;
    font-size: 12px;
}

#crumbs a {
    color: #999
}

#crumbs li {
    display: inline;
    margin-left: 0;
    padding-left: 2px;
    border: none;
    list-style: none;
}

#crumbs li:before {
    content: "  /  ";
}

#crumbs li.first:before {
    content: "";
}

.more_entries {
    border-top: 1px solid #eee;
    padding: 10px 0 0 0;
    color: #999;
}

p.category,
#featured_post p.category,
#highlights p.category,
#main p.category {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;
    color: #666;
    padding: 0;
    margin: 2px 0 0 0;
    text-transform: uppercase;
}

p.category a {
    color: #daa520
}

a.print-post {
    padding: 5px 10px 5px 25px;
    background: url(images/ico-print.png) no-repeat left center;
}

a.facebook-post {
    padding: 5px 10px 5px 25px;
    background: url(images/ico-facebook.png) no-repeat left center;
}

a.twitter-post {
    padding: 5px 0 5px 25px;
    background: url(images/ico-twitter.png) no-repeat left center;
}

#suivre-twitter {
    border: 1px solid #eee;
    width: 288px;
    padding: 5px;
    margin: 10px 0 0 0;
}

.footnotes {
    line-height: 16px;
    padding: 10px 0 10px 0;
    font-size: 12px;
    display: block
}

.footnotes .footnotedivider {
    width: 140px;
    border-bottom: 1px solid #eee;
    margin: 0 0 10px 0
}

.footnotes ol {
    padding: 0 0 0 20px;
}

.footnotes li {
    margin: 0 0 5px 0
}

sup.footnote a {
    text-decoration: none;
    font-size: 80%
}

sup.footnote {
    line-height: 0em
}

.footnotereverse a {
    padding: 0 0 0 5px;
    text-decoration: none
}