/*
 Theme Name:   cdp
 Theme URI:    http://www.cliqueduplateau.com/
 Description:  Thème enfant pour le thème Twenty Twelve
 Author:       Estelle Portalès
 Author URI:   http://www.lafabriquedeblogs.com
 Template:     twentytwelve
 Version:      1.0.0
*/

/* Base */
body {
    background-attachment: fixed;
    background-color: #e8e8e8;
    background-image: url(images/bg.jpg);
}

body.custom-font-enabled {
    font-family: "HelveticaNeue", Helvetica, Arial, sans-serif;
}

a {
    color: #990000;
    outline: none;
}

a:hover {
    color: #990000;
    text-decoration: underline;
}

/* Structure */
.site {
    border: none;
    box-shadow: none !important;
    margin: 0 auto;
    margin-top: 0 !important;
}

#page {
    background-color: transparent !important;
}

.site-content .clique-pub {
    display: block;
    margin-bottom: 20px;
}

.site-content article {
    border-bottom: none !important;
    margin-bottom: 10px;
    padding-bottom: 0;
}

.white-container {
    background-color: #fff;
    border: 1px solid #ccc;
    display: block;
    margin-bottom: 20px;
    min-height: 150px;
    padding: 10px;
}

/* Header */
hgroup {
    margin-bottom: 30px;
}

.logo {
    display: block;
    height: auto;
    margin-top: 40px;
}

.logo img {
    background-color: transparent;
    display: block;
}

.site-title,
.site-description {
    display: none;
}

.desciption {
    color: #666;
    font-size: 0.9rem;
    font-style: italic;
    font-weight: bold;
}

.red-banner {
    background-color: #990000;
    box-shadow: 0 4px 17px -1px rgba(173, 173, 173, 1);
    color: #fff;
    height: 40px;
    width: 100%;
}

.red-banner a {
    color: #fff;
    font-size: 0.9rem;
    font-weight: bold;
    text-decoration: none;
}

.devenezFan {
    float: left;
    padding: 10px 20px;
}

#LienFacebookEntete {
    float: left;
    margin: 8px 10px 0;
}

/* Navigation */
.nav-menu {
    background-color: #333;
}

.nav-menu a {
    color: #fff !important;
    font-size: 14px;
    font-weight: bold;
}

.main-navigation a:hover,
.main-navigation a:focus {
    color: #990000;
}

.main-navigation li a,
.main-navigation li a:hover,
.main-navigation li a:visited,
.main-navigation li a:active {
    border: transparent !important;
}

#menu-menu-1 a {
    padding-left: 10px !important;
}

/* Content typography */
.entry-title {
    color: #111;
    font-size: 18pt;
    font-weight: bold;
    line-height: 0.95em;
    text-decoration: none;
    text-transform: uppercase;
}

.entry-title a {
    color: #111 !important;
}

.post .entry-title {
    margin-bottom: 30px;
}

.entry-content {
    font-size: 12px;
}

.excerpt p {
    margin-bottom: 0 !important;
}

a.more-link {
    font-size: 11px;
    font-style: italic;
    font-weight: 100;
    padding-left: 10px;
    text-transform: uppercase;
}

a.more-link:hover {
    text-decoration: underline;
}

.comment-count {
    font-size: 10pt;
    font-weight: 100;
    margin-top: 15px;
    text-align: right !important;
    text-transform: uppercase;
}

.comment-count a {
    color: #000;
}

.meta-index {
    font-size: 8pt;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.meta-index a,
.meta-index a:hover,
.meta-index a:visited,
.meta-index a:active {
    color: #990000;
    font-weight: bold;
}

.miniature img {
    display: block;
    margin-bottom: 20px;
    margin-right: 20px;
}

.extrait {
    min-height: 100px;
}

.extrait a,
.meta a,
.site-info a {
    text-decoration: none;
}

.extrait .sharedaddy.sd-sharing-enabled {
    display: none !important;
}

/* Navigation between posts */
.nav-previous,
.nav-next {
    margin-bottom: 40px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.nav-previous a,
.nav-next a {
    background-color: #990000;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 5px;
    text-decoration: none;
    text-transform: uppercase;
}

.nav-single .nav-previous {
    background-color: transparent !important;
    margin-right: 0 !important;
}

.nav-single .nav-next {
    background-color: transparent !important;
    margin-left: 0 !important;
}

.nav-single .nav-previous a,
.nav-single .nav-next a {
    background-color: transparent !important;
}

/* Hover color helpers */
.site-header h1 a:hover,
.site-header h2 a:hover,
.widget-area .widget a:hover,
footer[role="contentinfo"] a:hover,
.template-front-page .widget-area .widget li a:hover,
.comments-link a:hover,
.entry-meta a:hover,
.comments-area article header a:hover,
a.comment-reply-link:hover,
a.comment-edit-link:hover,
.format-status .entry-header header a:hover {
    color: #990000;
}

/* Widgets */
.widget-area .widget {
    margin-bottom: 24px;
}

.widget-area .widget h3 {
    margin-bottom: 12px;
}

.widget-top {
    margin: 0 auto 20px;
    width: 100%;
}

.widget-area select {
    width: 95%;
}

.widget-top h3.widget-title {
    background-color: #fff;
    color: #990000;
    padding: 0;
}

h3.widget-title {
    background-color: transparent;
    color: #000;
    font-size: 2.2em;
    font-style: normal;
    font-weight: bolder;
    letter-spacing: -1px;
    line-height: normal;
    margin: 0;
    padding: 5px 0;
    text-transform: uppercase;
}

/* Comments */
.comments-title {
    display: block;
    font-size: 2em;
    font-weight: bold;
    margin-top: 5px;
    text-transform: uppercase;
}

.commentlist {
    background-color: #fff;
    padding-bottom: 5px;
    padding-top: 5px;
}

.comments-area {
    margin-bottom: 20px;
}

.nocomments {
    margin-top: 20px;
}

li.comment {
    background-color: #f3f3f3;
    border: 1px solid #ccc;
    font-size: 12px;
    margin: 10px;
    padding: 20px 20px 0;
}

li.comment .fn {
    font-weight: bold;
}

.comments-area article {
    margin-top: 0 !important;
}

.comments-area article header {
    margin: 0;
}

.comments-area article header cite,
.comments-area article header time {
    display: block;
    margin-left: 0 !important;
}

.comment-meta img,
.avatar {
    display: none;
}

.bypostauthor cite span {
    background-color: #990000;
    background-image: none;
    border: 1px solid #990000;
    border-radius: 2px;
    box-shadow: none;
    color: #fff;
    padding: 0;
}

/* Responsive */
@media screen and (min-width: 600px) {
    .miniature img {
        float: left;
    }

    .site-content {
        float: left;
        width: 62%;
    }

    .widget-area {
        float: right;
        width: 31.25%;
    }
}

@media screen and (min-width: 960px) {
    .mini-sidebar-one {
        float: left;
        width: 150px;
    }

    .mini-sidebar-two {
        float: right;
        width: 120px;
    }
}

@media screen and (max-width: 599px) {
    .site-content,
    .widget-area,
    .mini-sidebar-one,
    .mini-sidebar-two {
        float: none;
        width: 100%;
    }

    .logo img {
        margin-bottom: 10px;
        max-width: 100%;
    }

    .widget-newsletter,
    .widget-top {
        display: none;
    }

    /* Mobile nav: full-width, centered, larger tap targets. */
    .main-navigation.toggled-on,
    .main-navigation .menu-menu-1-container,
    .main-navigation .nav-menu.toggled-on,
    #menu-menu-1.toggled-on {
        display: block;
        width: 100%;
    }

    .main-navigation ul.nav-menu,
    #menu-menu-1 {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .main-navigation li,
    #menu-menu-1 li.menu-item {
        background-color: #333;
        border-top: 1px solid rgba(255, 255, 255, 0.15);
        display: block;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .main-navigation li:first-child,
    #menu-menu-1 li.menu-item:first-child {
        border-top: 0;
    }

    .main-navigation li a,
    .main-navigation li a:hover,
    .main-navigation li a:focus,
    #menu-menu-1 li.menu-item a {
        background: transparent;
        box-sizing: border-box;
        color: #fff !important;
        display: block;
        padding: 14px 16px;
        text-align: center;
        text-decoration: none !important;
        width: 100%;
    }

    .main-navigation li a:hover,
    .main-navigation li a:focus,
    #menu-menu-1 li.menu-item a:hover,
    #menu-menu-1 li.menu-item a:focus {
        background-color: #990000;
    }
}

/* Oboxads Video */
div.oboxads-weeklyvideo h2 {
    background-color: #990000;
    color: #fff;
    font-size: 1em;
    padding: 5px;
    text-align: left;
}

.oboxads.oboxads-weeklyvideo .jwplayer .jw-title {
    display: block;
    padding: 5px;
    top: -80px;
    width: 100%;
    z-index: 1;
}

.oboxads-weeklyvideo:hover .jw-title {
    background-color: rgba(0, 0, 0, 0.8);
    padding: 5px;
}

div.oboxads-weeklyvideo .jwplayer .jw-title .jw-title-primary,
div.oboxads-weeklyvideo .jwplayer .jw-title .jw-title-secondary {
    padding-left: 0;
}

.oboxads-weeklyvideo:hover .jw-title .jw-title-primary,
.oboxads-weeklyvideo:hover .jw-title .jw-title-secondary {
    color: #990000 !important;
}

.oboxads.oboxads-weeklyvideo .jwplayer {
    color: #000;
    margin-top: 80px;
    overflow: inherit !important;
}

.oboxads.oboxads-weeklyvideo:not(:hover) .jw-title .jw-title-primary,
.oboxads.oboxads-weeklyvideo:not(:hover) .jw-title .jw-title-secondary {
    color: #000 !important;
}

div.oboxads.oboxads-weeklyvideo .jw-title .jw-title-primary,
div.oboxads.oboxads-weeklyvideo:hover .jw-title .jw-title-secondary {
    overflow: inherit;
    text-overflow: inherit;
    white-space: inherit;
}