/*
 Theme Name:   La Clique du Plateau
 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
*/


/* GLOBAL */

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


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

.site { margin: 0 auto; margin-top: 0 !important; }

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

.site-content article {
	border-bottom: none !important;
	margin-bottom: 10px;
	padding-bottom: 0; }
	
a { outline: none; color: #990000; }
a:hover { color: #990000; text-decoration: underline; }

.site-header h1 a:hover,
.site-header h2 a:hover { color: #990000; }

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

.widget-area .widget a:hover { color: #990000; }

footer[role="contentinfo"] a:hover { color: #990000; }

.template-front-page .widget-area .widget li a:hover { color: #990000; }

.blog .sharedaddy.sd-sharing-enabled { }

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

.logo { display: block; height: auto; margin-top: 40px; }
.logo img { display: block; background-color: none;  }

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

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

 
/* LAYOUT */

#page { background-color: transparent !important; }
.site { box-shadow: none !important; border: none; }

.red-banner { 
	background-color: #990000; 
	width: 100%; 
	height: 40px; 
	color: #FFF;
	-webkit-box-shadow: 0px 4px 17px -1px rgba(173,173,173,1);
	-moz-box-shadow: 0px 4px 17px -1px rgba(173,173,173,1);
	box-shadow: 0px 4px 17px -1px rgba(173,173,173,1); }
	
.red-banner a { color:#FFF; text-decoration: none; font-weight: bold; font-size: 0.9rem; }

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

#LienFacebookEntete { 
	float: left;
	margin-top: 8px; 
	margin-left: 10px; 
	margin-right: 10px; }

.nav-menu { background-color: #333333; }

.nav-menu a {    
	color: #fff !important;
    font-size: 14px;
    font-weight: bold; }
    
.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; }

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

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

.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 { 
	text-transform: uppercase;
	font-style: italic;
	font-size: 11px;
	font-weight: 100;
	padding-left: 10px; }
	
a.more-link:hover { text-decoration: underline; }

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

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

.meta-index { 
    font-size: 8pt;
    text-transform: uppercase;
    margin-bottom: 10px; }
    
.meta-index a, .meta-index a:hover, .meta-index a:visited, .meta-index a:active { font-weight: bold; color: #990000; }

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

@media screen and (min-width: 600px) {

.miniature img { float: left;  }
	
	}
	
.extrait { min-height: 100px; }
.extrait a { text-decoration: none; }

.meta a { text-decoration: none; }

.nav-previous, .nav-next { margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 40px !important;  }
.nav-previous a, .nav-next a { 
	color: #FFF; 
	background-color: #990000; 
	text-decoration: none; 
	text-transform: uppercase; 
	font-weight: bold; 
	padding: 10px 5px; 
	font-size: 12px;  }
	
.site-info a { text-decoration: none; }

/* WIDGET AREA */

.widget-area .widget {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem; }

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

.widget-top { margin: 0 auto; width:100%; margin-bottom: 20px; }
.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; 
	padding: 1px 10px;
	margin: 0;
    padding: 5px 0 5px;
    text-transform: uppercase;
    font-style: bold;
    font-weight: bolder;
    font-size: 2.2em;
    letter-spacing: -1px;
    line-height: normal; }

/* COMMENT */

.comments-title {
    display: block;
    font-size: 2em;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 5px; }
    
.commentlist { background-color: #FFF; padding-top: 5px; padding-bottom: 5px; }    
.comments-area { margin-bottom: 20px; }
.nocomments { margin-top: 20px; }
li.comment { margin: 10px; background-color: #f3f3f3; padding:20px 20px 0 20px; font-size: 12px; border: solid 1px #CCC;  }
li.comment .fn { font-weight: bold; }
.comments-area article header { margin: 0; }
.comment-meta img { display: none; }
.avatar { display: none; }
.comments-area article { margin-top: 0 !important; }
.comments-area article header cite, .comments-area article header time {
    display: block;
    margin-left: 0 !important; }
.comments-link a:hover,
.entry-meta a:hover { color: #990000; }
.comments-area article header a:hover { color: #990000; }
a.comment-reply-link:hover,
a.comment-edit-link:hover { color: #990000; }


.format-status .entry-header header a:hover { color: #990000; }


/* RESPONSIVE */

@media screen and (min-width: 960px) {

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

}


@media screen and (min-width: 600px) {
	
	.site-content {
		float: left;
		width: 62%; }

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

}

@media screen and (max-width: 599px) {
	
	.site-content {
		float: none;
		width: 100%; }

	.widget-area {
		float: none;
		width: 100%; }
	
	.logo img { margin-bottom: 10px; max-width: 100%; }
	
	.widget-newsletter { display: none;  }
	.widget-top { display: none; }
	
	.mini-sidebar-one { width:100%; float: none; }
	.mini-sidebar-two { width:100%; float: none; }
	

}

/*
* Oboxads Video
*/

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

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

.oboxads-weeklyvideo:hover .jw-title {
background-color: rgba(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 {
  overflow: inherit!important;
color: #000;
margin-top: 80px
}
.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;
white-space: inherit;
text-overflow: inherit
}