/*
Theme Name: Greg from Paris 03
Theme URI: http://320press.com/wpfoundation
Description: Theme "Greg from Paris" basé sur bones/Zurb foundation.
Version: 1.0
Author: intégration - Frédéric Champion @safeafr / créa - Arthur Castillon @artsomething
Author URI: http://www.safea.fr
Tags: bones, zurb, foundation, 320press, clean, basic
*/


/* colors */

body {color:#333;}

a {color: #000;}
a:hover, a:active {color: #ea2e49;}

.sitequicknav {background-color: #000; color: #fff;}
.sitequicknav a {color:#fff;}
.sitequicknav a.lang_sel_sel {color:#ea2e49;}
.sitequicknav a:hover, .sitequicknav a:active, {color:#ea2e49; text-decoration: underline;}
.sitequicknav .widget_search .button {background-color: #000;}

/* layout */

.header-container,
.content-container {
	background-color: #fff;	
}
body,
#content,
#main {position: relative;}


.column, .columns {
  padding: 0 5px;
}

.header-container .columns {padding: 0}
.header-container .columns .row {margin: 0 }
.header-container .columns .columns {padding: 0}

/* specials stuffs */

a img {border: 0;}
img.image-map {border: 0;}

.more-link{
	white-space: nowrap;
}

.hide-text,
.sitequicknav .menu li a,
#main article header p.meta .separator {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}

p.attribution{
	text-align: right;
}

article.post{
	margin-bottom: 18px;
	border-bottom: 1px solid #E6E6E6;
}

/* header */
.header-container,
#top-header {position: relative;}

.header-container.row {
	position: relative;}

.navigation-header.row {
	position:relative;
	top:0;
	position: absolute;
	width: 100%;
}
#graphic-header img.non-slide {
	padding-top: 160px;
	width: 100%;
}

#graphic-header .liquid-slider {margin-top: 160px;}

#top-header .siteinfo {
	width: 90px;
	height: 94px;
	margin: 0 auto;
	position: relative;
}
#top-header a#logo{
	background: url('images/gregfromparis-logo-mobile.png') no-repeat center center;
	width: 110px;
	height: 114px;
	position: absolute;
	top: -150px;
}

#top-header h1.lamercatique a#logo{
	background-image: url('images/lamercatique-logo-mobile.png');
}

#top-header .subhead {display: none;}

.navigation-header .navigation-menus{
	height: 30px;
	margin-top: 130px;
}

.sitequicknav {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 20px;
	min-width: 320px;
}

.sitequicknav .widget {
	float: left;
}

.sitequicknav .widget.icl_languages_selector {
	float: right;
}

.sitequicknav ul {
	margin-bottom: 0;
}

.sitequicknav .widget_search {
	width: 190px;
}

.sitequicknav .widget_search .columns {float: left;}
.sitequicknav .widget_search input[type="text"],
.sitequicknav .widget_search .button {
	height: 16px;
	font-size: 11px;
	padding: 0;
	margin: 2px;
	border: 0; 	
}

.widget_search .widgettitle {display: none;}
.sitequicknav .widget_search input[type="text"] {
	width: 85px;
}

.sitequicknav .widget_search .button {
	line-height: 11px;
	width: 95px;
}

.sitequicknav .menu {margin-left: 5px;}
.sitequicknav .menu li {
	float: left;
	padding: 3px 2px 0;
	list-style: none;
}

.sitequicknav .menu li a {
	display: block;
	width: 16px;
	height: 16px;
}

.sitequicknav .menu li a {
	background-image: url(images/social-btn-mobile.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.sitequicknav .menu li.facebook a {background-position: 0 0;}
.sitequicknav .menu li.twitter a {background-position: -16px 0;}
.sitequicknav .menu li.feed a {background-position: -32px 0;}
.sitequicknav .menu li.slideshare a {background-position: -48px 0;}
.sitequicknav .menu li.linkedin a {background-position: -64px 0;}
.sitequicknav .menu li.pinterest a {background-position: -80px 0;}
.sitequicknav .menu li.googleplus a {background-position: -16px 0;}

#icl_lang_sel_widget ul {list-style: none;}
#icl_lang_sel_widget ul li {float: left;}
#icl_lang_sel_widget ul li a{padding: 0 .5em; line-height: 13px;}



header .menu-action {
		float: left;
		margin-top: 0;
		position: relative;
		top: 1px;
}

header .menu-action .button.small {
		padding: 8px;
}

header .menu-action .button.small svg {
		opacity: 0.5;
}

#top-header ul.top-nav,
.menu-lamercatique ul {
	list-style: none;
	color: #ea2e49;
	padding: 0;
	margin: 0;
}

#top-header ul.top-nav li,
.menu-lamercatique ul li {
	display: inline-block;
	padding: 6px 0 7px;
	font-size: 12px;
}

#top-header ul.top-nav li:after,
.menu-lamercatique ul li:after {
	content:" /";
}

#top-header ul.top-nav li:last-child:after,
.menu-lamercatique ul li:last-child:after {
	content:"";
}

#top-header ul.top-nav a
.menu-lamercatique ul a {
	padding: 0 .5em;
}

#top-header ul.top-nav li:last-child a {
	/*padding-right: 0;*/
}

#top-header ul.top-nav li.active a,
#top-header ul.top-nav li.active a:hover,
#top-header ul.top-nav li.active a:active,
.menu-lamercatique li.active a,
.menu-lamercatique li.active a:hover,
.menu-lamercatique li.active a:active {
	color: #ea2e49;
	cursor: default;
}


#top-header .menu-nav-mobile ul {
	text-align: center;
}


.mobile-nav-container{
	margin-left: -100%;
	float: left;
	width: 50%;
	position: absolute;
	top: 150px;
}

.active .mobile-nav-container{
	display: block;
	margin-left: 0;
}




/***********************************************************************
*
*  Liquid Slider
*  Kevin Batdorf
*
*  http://liquidslider.kevinbatdorf.com
*
*  GPL license 
*
************************************************************************/

/******************************************************
* No JavaScript
* Use this to apply styles when Javascript is disabled,
* and be sure to include the ".no-js" class in your html 
* markup.
*******************************************************/
.no-js .liquid-slider {
	height:350px;
	overflow:scroll;
}

/******************************************************
* Preloader
* Use this to apply styles when Javascript is disabled,
* and be sure to include the ".no-js" class in your html 
* markup.
*******************************************************/
.liquid-slider-wrapper .liquid-slider-preloader {  
	background: url(../img/loading.gif) no-repeat center 75px;
	opacity:.90;
	/* Do not edit below this line */
	width:100%;
	height:200%;
	position:absolute;
	top:0;
	left:0;
}

/******************************************************************
* Base Styles 
* The styles here will apply to everything. I recommend you keep
* the styles in here specific to mobile defices, then use
* the media queries at the bottom to define further styles for larger
* screen-sizes. Think Mobile First. But be cautious of how
* your site will look in older IE browsers.
*
* Additional media queries are at the bottom of this document
******************************************************************/
.liquid-slider-wrapper {
	margin:0 auto;
	/* Do not edit below this line */
	clear: both;
	overflow: auto;
	position: relative;
}

/******************************************************
* Main Container
* This is the main container (minus the navigation).
* Be sure to match the width with the .panel class, 
* or it won't work properly. Also, width only applies
* if you are not using the responsive setting.
*
* The responsive slider will interpret the width as the
* max width instead
*******************************************************/
.liquid-slider-wrapper .liquid-slider {
	width: 1030px;
	/* Do not edit below this line */
	float: left;
	overflow: hidden;
	position: relative;
}
.liquid-slider-wrapper .panel-container {
	/* Do not edit below this line */
	position: relative;
}
.liquid-slider-wrapper .liquid-slider .panel-container .fadeClass {
	/* Do not edit below this line */
	position: absolute;
	top: 0; 
	left: 0;
	display: none;
}

/******************************************************
* Panels
* This is for the panels. If you are using the 
* responsive setting, this will act as the max-width
* for the entire slider.
*******************************************************/
.liquid-slider-wrapper .liquid-slider .panel {  
	width: 1030px;
	/* Do not edit below this line */
	display: block;
	float: left;
}

#home-slider .title {
	position: absolute;
	left: 0;
	bottom: 25px;
	padding-right: 50px;

}

#home-slider .title h2 {
	color:#fff;
	display: inline-block;
	position: relative;
	font-size: 14px;
	line-height: 18px;
	background :  transparent url('images/slider-ribbon-right-mobile.png') no-repeat right top;
	left: 0;
	height: 48px;
	padding: 0px 35px 6px 10px;
	margin: 0; 
	display: table;
}
#home-slider .title h2 span {
	display: table-cell; 
  vertical-align: middle;
}

#home-slider .title ul {
	display: inline-block;
	position: relative;
	text-transform: uppercase;
	font-weight: 500;
	list-style: none;
	font-size: 14px;
	line-height: 22px;
	padding:4px 0 2px;
	padding: 0;
	margin: 0;
	left:15px;
	background-color:#fff;
	box-shadow: 10px 0 0 0 #fff, -15px 0 0 0 #fff;
	color:#666;
}
#home-slider .title ul li {
	display: inline;
}
#home-slider .title ul li:after {
	content: " / ";
}
#home-slider .title ul li:last-child:after {
	content: "";
}

/******************************************************
* This is mainly used to adjust the padding inside each 
* panel. If you are using the responsive setting, you
* need to use the settings below as this will not apply.
*******************************************************/
.liquid-slider-wrapper .liquid-slider .panel-wrapper {
	
	border-right: 3px solid #ffffff;
	border-left: 3px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	/* Do not edit below this line */
	position:relative;
}


/*****************************************************
* This will adjust styles for all navigation tabs
* less of course the select box used for mobile 
* navigation. The .current styles will apply only to 
* the current tab.
*
* You may use this section to create navigation for
* mobile devices if you set mobileNavigation: false
* Be sure to edit media queries for larger devices below
* I have included an example below in comments.
*
* .currentCrossLink refers to external crosslinking.
*******************************************************/
.liquid-slider-wrapper .liquid-nav li {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
}
.liquid-slider-wrapper .liquid-nav a {
	color: #fff;
	background-color: #f03c54;
	background-color: rgba(238, 39, 65, .9);
	padding: 0 3px;
}
.liquid-slider-wrapper .liquid-nav a:hover {
	color: #000000;
	text-shadow: none;
}
.liquid-slider-wrapper .liquid-nav .current {
	color: #333333;
}
.currentCrossLink {
	font-weight: bold;
}
.liquid-slider-wrapper .liquid-nav ul {  
	padding:0;
	/* Do not edit below this line */
	clear: both;
	display: block;
	margin: auto;
	overflow: hidden;
}
.liquid-slider-wrapper .liquid-nav ul li {
	/* Do not edit below this line */
	display: inline;
}
.liquid-slider-wrapper .liquid-nav ul li a {
 
	/* Do not edit below this line */
	display: block;
	float: left;
	text-decoration: none;
}

/* extra */

.liquid-nav li a:after {content:" /";
color: #fff;}

.liquid-nav li:last-child a:after {content:"";
color: #fff;}

.slider-position {display: none;}

.liquid-nav {
	position: absolute;
	bottom: 0px;
	right: 0px;
}




/******************************************************
* Responsive Styles
* Here are the main responsive styles. This mostly 
* covers the arrows, and most of the settings can be
* applied above.
*******************************************************/
.liquid-responsive .liquid-slider {
	/* Do not edit below this line */
	width: 100%;
	margin: 0;
}
.liquid-responsive .liquid-slider .panel .panel-wrapper {
	padding: 0;
}
.liquid-responsive .liquid-nav-left {
	/* Left non-graphical arrows */
	/* Do not edit below this line */
	position: absolute;
	left: 0;
	z-index: 1;
}
.liquid-responsive .liquid-nav-left a {
	/* Left non-graphical arrows */
	background: #9A9A9A;
	width: 80px;
}
.liquid-responsive .liquid-nav-left a:hover {
	/* Left non-graphical hover */
	background: #747474;
}
.liquid-responsive .liquid-nav-right {
	/* Right non-graphical arrows */
	/* Do not edit below this line */
	position: absolute;
	right: 0;
	z-index: 1;
}
.liquid-responsive .liquid-nav-right a {
	/* Right non-graphical arrows */
	background: #9A9A9A;
	width: 80px;
}
.liquid-responsive .liquid-nav-right a:hover {
	/* Right non-graphical arrows hover */
	background: #747474;
}
.liquid-responsive .liquid-nav-left-arrow {
	/* Do not edit below this line */
	position: absolute;
	left: 0;
	z-index: 1;
}
.liquid-responsive .liquid-nav-right-arrow {
	/* Do not edit below this line */
	position: absolute;
	right: 0;
	z-index: 1;
}
/***********************************************************************
/***********************************************************************
/ liquidslider END */




.active #main{
	margin-left: 55%;
}

.mobile-nav-container,
#main{
	-moz-transition: all 0.25s ease-in 0s;
}

.side-nav{
	height: auto;
}

ul.tabs.vertical {
		border-bottom: 1px solid #E6E6E6;
		height: auto;
}

ul.tabs {
		border-bottom: 1px solid #E6E6E6;
		display: block;
		height: 40px;
		margin-bottom: 20px;
		padding: 0;
}

ul.tabs.vertical li {
		border-left: 3px solid #CCCCCC;
}

ul.tabs.vertical li, ul.tabs.vertical li {
		float: none;
		height: auto;
}

ul.tabs li:first-child {
		margin-left: 0;
}

ul.tabs li {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
}

ul.tabs.vertical li a {
		-moz-border-bottom-colors: none;
		-moz-border-image: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		background: none repeat scroll 0 0 #F2F2F2;
		border-color: #E6E6E6;
		border-style: solid;
		border-width: 1px 1px 0 0;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
		color: #555555;
		display: block;
		font-size: 14px;
		height: auto;
		line-height: 1;
		padding: 15px 20px;
}

ul.tabs li a {
		color: #6F6F6F;
		display: block;
		font-size: 14px;
		height: 40px;
		line-height: 40px;
		padding: 0 23.8px;
}


/* typography */
h1, h2, h3, h4, h5, h6{ text-transform: uppercase;}

h1 {font-size: 24px;}
.siteinfo h1{ }

.top-nav li,
.menu-lamercatique li,
.sitequicknav,
article header,
article.post .readmore
{text-transform: uppercase; font-weight: 500;}

article header,
article.post .readmore {font-weight: 600;}

.top-nav li{font-size: 13px;}

article.post,
article.page {
		font-family: Helvetica, Verdana, sans-serif;
}

input,
textarea	{
	font-family: "Lucida Grande", "Helvetica Neue", Arial, sans-serif;
}


@font-face {
  font-family: 'Typicons';
  src: url('library/fonts/fontawesome-webfont.eot?v=3.0.1');
  src: url('library/fonts/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
    url('library/fonts/fontawesome-webfont.woff?v=3.0.1') format('woff'),
    url('library/fonts/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
  font-weight: normal;
  font-style: normal;
}



.typeicon {
	font-family: "Typicons";

  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  -o-transform: scale(1);

}

.typeicon.heart:before {
	content: "\f004";
}

.typeicon.enveloppe:before {
	content: "\f003";
}



/* post styling */


div[id*='attachment_'] {
	max-width: 100%;
	height: 100%;
}

article.post,
article.page {
	padding: 30px 0; 
	position: relative;
}

article.post .share-anchor-link {
	position: absolute;
	display: block;
	width: 23px;
	height: 128px; 
	background: url('images/article-share.png') no-repeat left top transparent;
	top: 30%;
	left: -22px;
}

article.post img,
article.page img{
	max-width: 100%;
	margin-bottom: 10px;
}

article.post header {position: relative;}
article.post header.withthumb{
/*	max-height: 400px;
	overflow: hidden;*/
	min-height: 240px;
}
article.post header.withoutthumb{
	padding-bottom: 10px;
	padding-right: 50px;
}

article.post header .thumb-container{
	max-height: 400px;
	overflow: hidden;
}
article.post header img{
	width: 100%;
}

article.post header p.meta{
	font-size: 24px;
	line-height: 24px;
	font-size: 18px;
	line-height: 18px;
	color: #fff;
	text-align: center;
	position: absolute;
	top:-5px;
	right: -5px;
	top:-3px;
	right: -3px;
	padding: 5px;
	background-color: #f03c54;
	background-color: rgba(238, 39, 65, .9);
	max-width: 35px;
}

article.post header p.meta .separator {
	clear: both;
	display: block;
	height: 2px;
	margin: 2px auto;
	background-color: #fff;
}

article.post header.withthumb .title{
	position: absolute;
	left: 0;
	bottom: 50px;
	padding-right: 70px;
}

article.post header.withoutthumb .title{
	position: relative;
	padding-right: 70px;
}

article.post header .title h2,
.main-archives .title h2
{
display: inline;
position: relative;
font-size: 18px;
line-height: 28px;
padding:4px 0 3px;
left:15px;
background-color: #f03c54;
background-color: rgba(238, 39, 65, .9);
box-shadow: 10px 0 0 0 rgba(238, 39, 65, .9), -15px 0 0 0 rgba(238, 39, 65, .9);
color:#fff;
}



article.post header .title ul {
	display: inline-block;
	position: relative;
	list-style: none;
	font-size: 14px;
	line-height: 22px;
	padding:4px 0 2px;
	margin: 0;
	left:15px;
	background-color:#fff;
	box-shadow: 10px 0 0 0 #fff, -15px 0 0 0 #fff;
	color:#666;


display: none;

    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;
 
    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

-moz-transition: opacity 4.4s; /* Firefox 4 */
-webkit-transition: opacity 4.4s; /* Safari and Chrome */
transition: opacity 4.4s;

}



/*article.post header .title ul {display: none;}*/

article.post header .title ul li {
	display: inline;
}
article.post header .title ul li .li-content:after {
	content: " / ";
}
article.post header .title ul li:last-child .li-content:after {
	content: "";
}

.fr article.post header .title .en,
.en article.post header .title .fr
{display: none;}


article.post footer {display: block; text-align: right;}
article.post .readmore {
	color: #fff;
	background-color: #f03c54;
	background-color: rgba(238, 39, 65, .9);
	display: inline-block;
	padding: 3px 5px 2px;
}

h1.single-title{
	line-height: 1.1;
}

h1.page-title {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	padding: 0;
	margin: 0; 
	line-height: 10px;
}

#main article section img.alignleft{
	margin-right: 10px;
	float: left;
}

#main article section img.alignright{
	margin-left: 10px;
	float: right;
}

#main article section img.aligncenter{
	display: block;
	margin: 0 auto;
}

p.tags a:hover{
	color: #f0f0f0;
}

#main article section video {
	max-width: 100%;
	height: auto;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-wrapper {
	width: 630px;
	max-width: 100%;
	margin-bottom: 18px;
}

pre {
		background-color: #F5F5F5;
		border: 1px solid rgba(0, 0, 0, 0.15);
		display: block;
		font-size: 12px;
		line-height: 18px;
		margin: 0 0 18px;
		padding: 8.5px;
		white-space: pre-wrap;
		word-wrap: break-word;
}

code {
		color: rgba(0, 0, 0, 0.75);
		padding: 1px 3px;
}

code, pre {
		font-family: Monaco,Andale Mono,Courier New,monospace;
		font-size: 12px;
	padding: 5px 15px;
}

#main form {
	padding-bottom: 40px;
}

#main form input[type="submit"] {
	float: right;
}

/* page styling */

.page-template-page-homepage-php #main {
	border-bottom: none;
}

.main-archives-content {display: block;}
.main-archives-content .row {margin: 20px;}



#main article section {
	font-size: .9em;
	text-align: justify;
	border-bottom: 10px solid #000;
	padding: 10px;
	margin: inherit;
	margin-bottom: 0;
}

#main article section p {
	line-height: 1.2em;
	font-size: inherit;
}

#main article section a {color: #000000;
text-decoration: underline;}

#main article section a:hover,
#main article section a:active {
	color: #ea2e49;
}

#main article section h2,
#main article section h3,
#main article section h4,
#main article section h5,
#main article section h6 {
	text-transform: inherit;
}

#main article section h1,
#main article section h2{
	color: #ea2e49;
	font-size: 24px;
}

#main article section h3 {
	font-size: 20px;
}
#main article section h4 {font-size: 18px;}
#main article section h5 {font-size: 17px;}
#main article section h6 {font-size: 16px;}

#main article section blockquote,
#main article section cite,
#main article section blockquote p,
#main article section cite p{
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
	color: #ea2e49;
	border: 0;
}

#main article section blockquote p,
#main article section cite p {display: inline;}

#main article section blockquote:before,
#main article section cite:before {content:"“ "; }

#main article section blockquote:after,
#main article section cite:after {content:" ”"; }


#main article section div.lamercatique-page-header {
	display: block;
	text-align: center;
	padding: 20px;
}

#main article section img.lamercatique-page-header {
	margin: 0 auto;
}

#main article .signature {
	margin: 1em;
	text-align: right;
	font-size: 1.1heem;
	font-style: italic;
	font-weight: bold;
}

p.updated {display: none;}

.wpsocialite.small > li {  width:33%;}
.wpsocialite li.email-sharing a {
	font-size: 13px;
	font-weight: bold;
	padding: 1px 5px;
	border: 1px solid #cfcfcf;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}


.wpsocialite li.email-sharing a:hover,
.wpsocialite li.email-sharing a:active {
	border-color: #aaa;
}

.wpsocialite li .socialite-loaded {max-width: 100%;}

.wpcf7 .row {
	padding-top: .7em;
}

.wpcf7 .row-submit {
	top: -5px;
	position: relative;
	padding-top: 0;
}

.wpcf7 label {
	text-transform: uppercase;
	padding-bottom: .3em;
}

/* comments */

#comments{
	font-size: 16px;
	line-height: 3.1rem;
	margin-bottom: 18px;
}

ol.commentlist,
ol.commentlist ul.children{
	list-style-type: none;
	margin-left: 0;
	position: relative;
}

ol.commentlist li.comment {
	border-bottom: 1px dashed #ea2e49;
	margin: 15px 0;
}

ol.commentlist li.comment .ten.columns {
	padding-bottom: 15px; 
}

ol.commentlist div.avatar{
	float: left;
	margin-right: 10px;
}

ol.commentlist time{
	font-size: .8em;
	position: absolute;
	top:0;
	right: 1.5em;
}
ol.commentlist time a {
	color: #ea2e49;
}


ol.commentlist div.comment-author{
	position: relative;
}

.panel ol.commentlist a.comment-edit-link{
	color: #ffffff;
	text-decoration: none;
}

ol.commentlist span.edit-comment{
	position: absolute;
	right: 1.5em;
	top: -1.5em;
}

.comment h4{
	margin-bottom: 0;
	font-size: 14px;
}

a.comment-reply-link{
	position: absolute;
	right: 1.5em;
	bottom: 0;
	font-weight: bold;
}
a.comment-reply-link.button:link{
	background-color: #e1e1e1;
}
a.comment-reply-link.button:hover,
a.comment-reply-link.button:active{
	background-color: #c80000;
}
#cancel-comment-reply{
	padding-left: 20px;
}

.respond-form .button{
	opacity: 1;
}

#comment-nav ul{
	list-style-type: none;
	margin: 0;
}

#comment-form-title {
	font-size: 14px;
}

#comment-form-elements{
	list-style-type: none;
	margin: 0;
}


div.panel.callout {
  background: #77c4d3;
}



/* specific post-type styles */

/* image attachment */

.attachment #main .post_content img{
	max-width: 100%;
}

p img, p img.left, p img.right {
	margin: 0;
}

/* Pagination */

.wp-prev-next ul {
	list-style: none;
	width: 100%
}

.wp-prev-next ul li{
	display: inline-block;
	text-transform: uppercase;
	font-weight: 700;
	position: relative;
}

.wp-prev-next ul li a{
	color: #fff;
	background-color: #000;
	margin: 5px 0;
	padding: 0 10px;
	line-height: 2.2em;
	display: inline-block;
}

.wp-prev-next ul li.next-link{
	text-align: right;
	float: right;
}

.wp-prev-next ul li.prev-link a {
	padding-left:	33px; 
	background: #000 url('images/arrow-red-left.png') no-repeat left center;
}

.wp-prev-next ul li.next-link a {
	padding-right:	33px; 
	background: #000 url('images/arrow-red-right.png') no-repeat right center;
}

.wp-prev-next ul li.next-link .arrow{
	background: #ddd url('images/arrow-red-right.png') no-repeat 0 center;
}


#sidebar1 .metadata,
#sidebar1 .caption{
	padding-bottom: 20px;
}

/* widget styles */

.widget{
	margin-bottom: 40px;
}

.widget li{
	margin-bottom: 2px;
}

.widget ul.children{
	margin-bottom: 0;
}

.widget ul.children li{
	margin-left: 9px;
}

#tag-cloud{
	margin-bottom: 18px;
}

a[class^='tag-link-']:hover{
	color: #f0f0f0;
}

#interpost-3 .widget-newsletter {
	position: relative;
	margin-bottom: 1em;
}
#interpost-3 .widget-newsletter form {
	margin-bottom: 0;
	padding-bottom: 0;
}

#interpost-3 .widget-newsletter h4.widgettitle {
	color: #ea2e49;
	position: absolute;
	top: 5px;
	left: 15px;
	display: inline-block;
	margin: 0;
}


#interpost-3.row .widget-newsletter #knewsform_1 {
	display: inline-block;
	padding-left: 13em;
	width: 100%;
}
#interpost-3 .widget-newsletter input[type="text"] {
	background-color: #000;
	color: #fff;
	font-size: 12px;
	margin-top: 5px;
	padding-right: 6em; 
}
#interpost-3 .widget-newsletter input[type="submit"] {
	position: absolute;
	right: 15px;
	top:	0;
}


#interpost-3 .widget-newsletter input[type="submit"] {
	font-size: 24px;
	text-align: center;
	display: inline;
	width: 60px;
	margin: 0;
	padding: .6em 0;
	border: 0;
	top: -5px;
	right: 0;
	height: 50px;
	position: absolute;
}


/* Sidebar */

.icl_languages_selector li:after{content:"/";}
.icl_languages_selector li:last-child:after{content:"";}



/* Footer */

.footer-container {
	background-color: #000;
	padding: 15x 0 20px;
}

#footer {font-size: 12px; color: #666;}
#footer a {color: #666;}
#footer a:hover, #footer a:active {color: #fff;}
#footer .row {margin: .6em 0; }
#footer h4.footer-title {
	display: inline-block;
	padding: 6px 0 7px;
	margin: 0;
	font-size: 12px;
	line-height: 17px;
	float: left;
}

#footer ul {
	display: inline;
	font-weight: bold;
	text-transform: uppercase;
} 

#footer ul li {
	font-size: 12px;
	display: inline-block;
	padding: 6px 0 7px;
	margin: 0;
	margin-right: 2px;
}

#footer ul li:after {
	content:"/";
}

#footer ul li:last-child:after {
	content:"";
}

#footer ul a {
	padding: 0 .5em 0 .3em;
	display: inline;
}

#footer ul {display: inline;} 

#footer .footer-links {
	display: inline-block; width: 100%;
	text-align: center;
}

#footer .footer-links ul {
	display: inline-block;
	margin: 0; 
}

#footer .footer-links ul li {
	color: #fff;
	display: inline;
}

#footer .footer-links  a{color: #fff;}

#footer .footer-links-map {display: inline;}
#footer .footer-links-map ul li {
	color: #666;
	font-weight: normal;
}

#footer .footer-links-map ul li:after {
	content:"-";
}

#footer .footer-links-map ul li:last-child:after {
	content:"";
}

#footer .last-tweet {
	display: inline-block;
	padding: 6px 5px 7px;
	margin: 0;
	line-height: 17px;
}

.archive-category-navigator {margin: 20px 0; }
.archive-category-navigator h4 {display: inline; color: #ea2e49;}
ul.category-main-menu, ul.category-main-menu ul {display: inline; list-style: none;}
ul.category-main-menu li span.title {color: #ea2e49;}
ul.category-main-menu li li {display: inline; color: #ea2e49;}
ul.category-main-menu li li:after {
	content:" /";
}
ul.category-main-menu li li:last-child:after {
	content:"";
}
.archive-category-navigator h4,
.archive-category-navigator li {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
.archive-category-navigator li a {
	padding: 0 .15em;
}

.archive-monthly-navigator {
	position: relative;
	height: 2em;
	top:1em;
	left: .4em;
}

.archive-monthly-navigator li {
	display: inline-block;
	list-style: none;
	height: 2em;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 2em;
	font-weight: 500;
	padding: 0;
}

.archive-monthly-navigator li a {
	letter-spacing: -.1em;
}

.archive-monthly-navigator li:last-child span.separator {
	display: none;
}

ul.archive-main-menu {
	height: 2em;
	display: inline-block;
}

ul.archive-sub-menu {
	position: absolute;
	top: -2em;
	left: 0;
	height: 2em;
	padding: 0;
	margin: 0;
	/*display: none;*/
}

ul.archive-main-menu li {
	color: #ea2e49;	
	background-color: #fff;
}
ul.archive-main-menu li:after {
	content:" /";
}
ul.archive-main-menu li:last-child:after {
	content:"";
}
ul.archive-main-menu ul.archive-sub-menu li:after {
	content:" |";
}
ul.archive-main-menu ul.archive-sub-menu li:last-child:after {
	content:"";
}


ul.archive-sub-menu li {
	font-size: 11px;
	color: #000;
	background-color: #ea2e49;
	background-color: rgba(239,17,17,.8)
}

ul.archive-main-menu li a { padding: 0 13px;}
ul.archive-sub-menu li a { padding: 0 3px 0 3px;}
ul.archive-main-menu li:first-child a,
ul.archive-sub-menu li:first-child a { padding-left: 6px;}
ul.archive-main-menu li:last-child a,
ul.archive-sub-menu li:last-child a { padding-right: 6px;}


ul.archive-main-menu a {color: #000;}
ul.archive-sub-menu a,
ul.archive-main-menu li.selected li a {color: #fff;}

ul.archive-main-menu li.actual-year a.year-link {
	font-weight: bold;
	color: #ea2e49;
}
ul.archive-main-menu li.actual-year li.actual-month a.month-link {
	color: #000;
}

ul.archive-main-menu li.selected a.year-link{
	text-decoration: underline;
}

ul.archive-main-menu ul.archive-sub-menu a:hover {
	color: #000;
	text-decoration: underline;
}



.archive-category-navigator {margin: 20px 10px; }

.archive-category-navigator h4,
.archive-category-navigator ul li {
	font-size: 14px;
}
.archive-category-navigator ul li a {
	padding: 0 .35em;
}


.archive-monthly-navigator-mobile .columns {
	margin: 0;
	padding: 0;
	background: #000 url('images/arrow-white-select.png') no-repeat 170px center;
	top: -2px;
}
.archive-monthly-navigator-mobile select {
	width: auto;
	margin-left: 25px;
	width: 180px;
	height: 34px;
	overflow: hidden;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	-webkit-appearance: none;
	-moz-appearance: window;
	background: transparent;
	border: 0;
}
.archive-monthly-navigator-mobile select option {
	font-size: 14px;
	font-weight: normal;
	text-transform: inherit;
}

.archive-monthly-navigator-mobile select option.current {
	background-color: #ddd
	font-weight: bold;
}

.menu-lamercatique ul li a {display: inline;
padding: 0 .2em;}


.menu-lamercatique a {
	color: #000;
}

.menu-lamercatique a:hover,
.menu-lamercatique a:active {
	color: #ea2e49;
}


/* Reveal */
.reveal-modal-bg {
	background-color: rgba(0,0,0,1);
}

article.post.category-divers  header .title h2,
.main-archives .category-divers .title h2,
article.post.category-divers header p.meta,
article.post.category-divers .readmore {background-color: rgba(119,196,211,.9);}
article.post.category-divers header .title h2 {box-shadow: 10px 0 0 0 rgba(119,196,211,.9), -15px 0 0 0 rgba(119,196,211,.9);}
ul.category-main-menu li li.cat-item-divers a {color: #77c4d3;}

article.post.category-analyse header .title h2,
.main-archives .category-analyse .title h2,
article.post.category-analyse header p.meta,
article.post.category-analyse .readmore {background-color: rgba(86,74,123,.9);}
article.post.category-analyse header .title h2 {box-shadow: 10px 0 0 0 rgba(86,74,123,.9), -15px 0 0 0 rgba(86,74,123,.9);}
ul.category-main-menu li li.cat-item-analyse a {color: #564a7b;}

article.post.category-etudes header .title h2,
.main-archives .category-etudes .title h2,
article.post.category-etudes header p.meta,
article.post.category-etudes .readmore {background-color: rgba(71,163,163,.9);}
article.post.category-etudes header .title h2 {box-shadow: 10px 0 0 0 rgba(71,163,163,.9), -15px 0 0 0 rgba(71,163,163,.9);}
ul.category-main-menu li li.cat-item-etudes a {color: #47a3a3;}

article.post.category-musique header .title h2,
.main-archives .category-musique .title h2,
article.post.category-musique header p.meta,
article.post.category-musique .readmore {background-color: rgba(51,59,65,.9);}
article.post.category-musique header .title h2 {box-shadow: 10px 0 0 0 rgba(51,59,65,.9), -15px 0 0 0 rgba(51,59,65,.9)}
ul.category-main-menu li li.cat-item-musique a {color: #333b41;}

article.post.category-viral header .title h2,
.main-archives .category-viral .title h2,
article.post.category-viral header p.meta,
article.post.category-viral .readmore {background-color: rgba(238,39,65,.9);}
article.post.category-viral header .title h2 {box-shadow: 10px 0 0 0 rgba(238,39,65,.9), -15px 0 0 0 rgba(238,39,65,.9)}
ul.category-main-menu li li.cat-item-viral a {color: #ee2741;}



/*UK*/

article.post.category-misc header .title h2,
.main-archives .category-misc .title h2,
article.post.category-misc header p.meta,
article.post.category-misc .readmore {background-color: rgba(119,196,211,.9);}
article.post.category-misc header .title h2 {box-shadow: 10px 0 0 0 rgba(119,196,211,.9), -15px 0 0 0 rgba(119,196,211,.9);}
ul.category-main-menu li li.cat-item-misc a {color: #77c4d3;}

article.post.category-analysis header .title h2,
.main-archives .category-analysis .title h2,
article.post.category-analysis header p.meta,
article.post.category-analysis .readmore {background-color: rgba(86,74,123,.9);}
article.post.category-analysis header .title h2 {box-shadow: 10px 0 0 0 rgba(86,74,123,.9), -15px 0 0 0 rgba(86,74,123,.9);}
ul.category-main-menu li li.cat-item-analysis a {color: #564a7b;}

article.post.category-study header .title h2,
.main-archives .category-study .title h2,
article.post.category-study header p.meta,
article.post.category-study .readmore {background-color: rgba(71,163,163,.9);}
article.post.category-study header .title h2 {box-shadow: 10px 0 0 0 rgba(71,163,163,.9), -15px 0 0 0 rgba(71,163,163,.9);}
ul.category-main-menu li li.cat-item-study a {color: #47a3a3;}

article.post.category-music header .title h2,
.main-archives .category-music .title h2,
article.post.category-music header p.meta,
article.post.category-music .readmore {background-color: rgba(51,59,65,.9);}
article.post.category-music header .title h2 {box-shadow: 10px 0 0 0 rgba(51,59,65,.9), -15px 0 0 0 rgba(51,59,65,.9)}
ul.category-main-menu li li.cat-item-music a {color: #333b41;}

article.post.category-viral-mktg header .title h2,
.main-archives .category-viral-mktg .title h2,
article.post.category-viral-mktg header p.meta,
article.post.category-viral-mktg .readmore {background-color: rgba(238,39,65,.9);}
article.post.category-viral-mktg header .title h2 {box-shadow: 10px 0 0 0 rgba(238,39,65,.9), -15px 0 0 0 rgba(238,39,65,.9)}
ul.category-main-menu li li.cat-item-viral-mktg a {color: #ee2741;}




@media only screen and (max-width: 440px){
/* tablet specific styles */
	.sitequicknav .widget_nav_menu {display: none;}
	#top-header ul.top-nav,
	#top-header ul.top-nav li,
	#top-header ul.top-nav a,
	.menu-lamercatique ul li a {padding: 0; font-size: 10px; line-height: 11px}

	#home-slider .title h2 {font-size: 12px; line-height: 13px;}


article.post header .title h2,
.main-archives .title h2
{
font-size: 12px;
line-height: 22px;
}

article.post header .title ul,
article.post header .title ul li {
	font-size: 12px;
	line-height: 22px;
}



	#main article section h1,
	#main article section h2{
		color: #ea2e49;
		font-size: 22px;
	}

	#main article section h3 {
		font-size: 18px;
	}
	#main article section h4 {font-size: 17px;}
	#main article section h5 {font-size: 16px;}
	#main article section h6 {font-size: 15px;}

	#main article section blockquote,
	#main article section cite,
	#main article section blockquote p,
	#main article section cite p{
		font-size: 18px;
		line-height: 20px;
	}
	.wpsocialite.small > li { width:33%;}
}

	


@media only screen and (min-width: 480px){
/* tablet specific styles */

	#top-header ul.top-nav li,
	.menu-lamercatique ul li {
		font-size: 13px;
	}
	#top-header ul.top-nav a,
	.menu-lamercatique ul li a {
		padding: 0 .3em 0 .3em;
	}

	#home-slider .title h2 {
		font-size: 15px;
	}

}

@media only screen and (min-width: 768px) {
/* desktop specific styles */

	body {
		background: url('images/body-bg.png')
	}

.column, .columns {
  padding: 0 15px;
}


	.header-container {padding: 0 40px;}
	.content-container {padding: 0 15px;}
	/* header */

	.navigation-header.row {
	}

	#graphic-header img.non-slide{
		padding-top: 100px;
	}

	#graphic-header .liquid-slider{
		min-height: 150px;
		margin-top: 100px;
	}

	#top-header .siteinfo {
		width: 110px;
		height: 114px;
	}

	#top-header a#logo{
		background: url('images/gregfromparis-logo.png') no-repeat center center;
		width: 110px;
		height: 114px;
		top: -95px;
		left: 0;
	}
	#top-header h1.lamercatique a#logo {
		background-image: url('images/lamercatique-logo.png');
	}

	.navigation-header .navigation-menus{
		height: 30px;
		margin-top: 70px;
	}

	#top-header ul.top-nav li {
		font-size: 14px;
	}
	#top-header ul.top-nav a {
		padding: 0 .5em 0 .5em;
	}

	#top-header .navigation-menus .columns.six{
		padding: 0		
	}

	#top-header .navigation-menus ul {
		padding: 0 60px;
	}
	
	#top-header .menu-nav-left ul {
		text-align: right;
		padding-left: 0;
	}

	#top-header .menu-nav-right ul {
		padding-right: 0;
	}

	.archive-monthly-navigator-mobile {
		margin-left: 25px;
	}


	.menu-lamercatique ul li a {
		padding: 0 .3em;
		font-size: 13px;
	}

	.menu-lamercatique ul li:first-child a{
		padding-left: 10px;
	}
	.menu-lamercatique ul li:last-child a{
		padding-right: 0;
	}

	#home-slider .title {
		bottom: 40px;
		padding-right: 70px;
	}

	#home-slider .title h2 {
		color:#fff;
		position: relative;
		font-size: 24px;
		line-height: 26px;
		background :  transparent url('images/slider-ribbon-right.png') no-repeat right top;
		left: 0;
		height: 60px;
		padding: 0px 45px 10px 15px;
	}



	ol.commentlist div.avatar{
		margin-right: 0;
	}
	
	#main{
		border-bottom: none;
	}

	#main article .red-dot {
		background: url('images/article-red-dot.png') no-repeat 0 0;
		display: block;
		width: 12px;
		height: 12px;
		position: absolute;
		left: -36px;
	}

	#main article section{
		border-left: 10px solid #000;
	}
	#main article header {
		background: url(images/article-white-shadow.png) no-repeat 0 0;
		padding-left: 10px; 

	}

	.main-archives .title h2,
	article.post header .title h2,
	article.post header .title ul {
		left: 25px
	}

	#main article header p.meta{
		font-size: 24px;
		line-height: 24px;
		top:-5px;
		right: -5px;
	}



	#featured h3{
		margin-top: 2em;
		padding-left: 2em;
	}

	#featured p{
		padding-left: 4em;
	}

	#featured h3,
	#featured p{
		width: 66%;
	}

	.sitequicknav{
		background-color: transparent;
	}
	.sitequicknav .widget_search,
	.sitequicknav .widget_nav_menu {
		display:none;
	}
	#top-header .navigation-menus .icl_languages_selector ul {padding: 0}
	.icl_languages_selector li a{
		text-indent: 400%;
		white-space: nowrap;
		overflow: hidden;
		display: block;
	}

	.icl_languages_selector li {padding-left: 2px;}
	.icl_languages_selector li:after {content:"";}
	.icl_languages_selector li a {
		display: block;
		width: 28px;
		height: 51px;
		background-image: url('images/switch-language.png');
		background-repeat: no-repeat;
	}
	.icl_languages_selector li.icl-fr a {background-position: 0 -5px;}
	.icl_languages_selector li.icl-en a {background-position: -28px -5px;}
	.icl_languages_selector li.icl-fr a:hover {background-position: 0 -4px;}
	.icl_languages_selector li.icl-en a:hover {background-position: -28px -4px;}
	.icl_languages_selector li.icl-fr a.lang_sel_sel {background-position: -56px -5px;}
	.icl_languages_selector li.icl-en a.lang_sel_sel {background-position: -84px -5px;}
	.icl_languages_selector li.icl-fr a.lang_sel_sel:hover {cursor: default;}
	.icl_languages_selector li.icl-en a.lang_sel_sel:hover {cursor: default;}

}



.sidebar .widget_search input[type="text"] {
	border-width: 0 0 1px 0;
	padding: 0 1em;
	margin-top: 4px;
	height: 22px;
}

.sidebar .widget_search input[type="text"]:focus {
	background-color: inherit;
}

.sidebar .widget_search .button {
	background-color: #fff;
	color: #ea2e49;
}

.sidebar .widget_search .button:hover,
.sidebar .widget_search .button:active {
	background-color: #fff;
	color: #000;	
}

a.pave-lamercatique {text-align: center;}
a.pave-lamercatique span {
	color: #fff; 
	font-weight: bold;
	line-height: 1.8em;
	display: block;
	padding: 2em  3em 2em;
}

.panel .widget-newsletter h4.widgettitle {
	color: #ea2e49;
	margin-bottom: 2px;
}

.panel .widget-newsletter form {display: block; position: relative;}

.panel .widget-newsletter label {display: none;}

.panel .widget-newsletter input[type="text"] {
	border: 10px solid #000;
	border-right: 0;
	padding: 0em 65px 0 .3em;
	margin: 5px 0;
	display: inline;
	width: 100%;
	height: 40px;
}

.panel .widget-newsletter input[type="submit"] {
	font-size: 24px;
	text-align: center;
	display: inline;
	width: 60px;
	margin: 0;
	padding: .6em 0;
	border: 0;
	top: -5px;
	right: 0;
	height: 50px;
	position: absolute;
}

.panel .widget-newsletter .response {
	background-color: #eee;
	display: block;
	padding: 10px;
}

.panel .popular-posts{
	border-top: 10px solid #000;
	border-left: 10px solid #000;
}

.panel .popular-posts .widgettitle{
	padding: 15px 0 10px 15px;
	margin-bottom: 0
}

.panel .popular-posts ul {
	list-style-type: decimal-leading-zero;
}

.panel .popular-posts li{
	border-bottom: 1px solid #000;
	padding: 8px 0 8px 15px;
	font-size: 24px;
	line-height: 14px;
	font-weight: bold;
	color: #ea2e49;
}

.panel .popular-posts a{
	font-size: 14px;
	font-weight: normal;
	color: #000;
}

.panel .popular-posts li:last-child{
	border-bottom: 0
}

.panel .widget-social-links .widgettitle {display: none;}
.panel .widget-social-links .execphpwidget{
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	color: #ea2e49;
	border-top: 10px solid #000;
	border-bottom: 10px solid #000;
	padding: 20px 0;
}

.panel .widget-social-links .execphpwidget p {
	font-size: 16px;
	margin: 30px 0 10px;
}

.panel .widget-lamercatique .widgettitle{
	display: none;
}

.panel .widget-lamercatique .textwidget {
	background-color: #1d1d1b;
	text-align: center;
}

.panel .widget-partner ul {display: block;}

.panel .widget-partner .widgettitle{
	padding: 5px 10px;
	margin-top: 10px;
	color: #fff;
	display: inline-block;
}

.panel #widget-partner-company .widgettitle {
	background-color: #75cbd8;
}

.panel #widget-partner-school .widgettitle {
	background-color: #303443;
}

.panel #widget-partner-media .widgettitle {
	background-color: #ea2e49;
}

.panel .widget-partner .execphpwidget {
	position: relative;
	overflow: hidden;	
}
.panel .widget.widget-partner .row {margin: 0;}


.panel .widget-partner ul {
	list-style-type: none;
	list-style-position: outside;
	display: block;
	position: relative;
	left: -1px;
}

.panel .widget.widget-partner li {
	display: block;
	float: left;
	margin: 0;
	background-color: #fff;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;

/*http://www.karlhorky.com/2012/06/cross-browser-image-grayscale-with-css.html*/

	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */

	-moz-transition: all 0.25s ease-in 0s;
	transition: all 0.25s ease-in 0s;
}

.panel .widget-partner li:hover {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(0%);
}

.panel .widget-partner li a {
	background-position: center center;
	background-repeat: no-repeat;
	width: 80px;
	height: 60px;
	margin: 10px;
	display: block;
	cursor: default;
}


@media only screen and (min-width: 940px) {
	/* large desktop specific styles */

	#top-header ul.top-nav li,
	.menu-lamercatique ul li {
		font-size: 14px;
	}
	#top-header ul.top-nav a,
	.menu-lamercatique ul li a {
		padding: 0 1.6em;
	}

	#main{
		margin-bottom: 0;
	}
	
	.main-archives .title h2,
	article.post header .title h2{
		font-size: 30px;
		line-height: 42px;
		left: 25px
	}

	article.post header .title ul {
		font-size: 16px;
		line-height: 24px;
		left: 25px
	}

	.wpsocialite.small > li { width:16.666665%;}

	ol.commentlist div.avatar{
		margin-right: 0;
	}
	
}





/*tempo rules*/