/*

Theme Name: Chateau
Theme URI: http://www.chateau-theme.com/
Author: Ignacio Ricci
Description: Chateau is a clean and minimalistic theme with your choice of a light or dark color scheme. It features a custom header, custom background, and custom accent color. It also has up to six widget areas; one for a sidebar and five in the footer.
Version: 1.0-wpcom
Author URI: http: //ignacioricci.com
Tags: black, white, red, one-column, two-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, full-width-template, rtl-language-support, sticky-post, theme-options, translation-ready, art, blog, journal, news, professional, clean, dark, elegant, light, minimal, simple, sophisticated, traditional, post-formats, flexible-header
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/



/* Reset Styles

-------------------------------------------------------------- */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, button {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align:  baseline;
}

:focus {/* remember to define focus styles! */	outline: 0;}

body { background: #fff; line-height: 1; -webkit-font-smoothing: antialiased; }

ol, ul {list-style: none;}

h1, h2, h3, h4, h5, h6, li {line-height: 100%;}

table {	border-collapse: collapse; border-spacing: 0;}

caption, th, td { font-weight: normal; text-align: left; }

input, textarea, button { font-family: inherit; font-size: 1em;}

textarea { overflow: auto;}

blockquote:before, blockquote:after, q:before, q:after {content: "";}

blockquote, q {	quotes: "" "";}

a img {	border: 0;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}



/* =Clear Setting

-------------------------------------------------------------- */

.clear { clear: both; display: block; }

.clear-fix:after {clear: both;content: ".";	display: block;	height: 0;visibility: hidden;}





/* =Structure

----------------------------------------------- */

#page-inner, #footer-inner, #copyright-inner { margin: 0 auto; max-width: 1000px;}

#branding, #main, #footer-inner-inner, #copyright-inner-inner {padding: 0 2%;}

#primary {float: right;	margin: 0 0 0 -21.66%;	width: 100%;}

#secondary { float: left; padding: 34px 0px 90px; width: 19.68%;}

#content { border-left: 3px double #ddd; margin: 0 0 0 21.66%; padding: 25px 0 70px 2.09%; width: 76.1%; }

/* Content-Sidebar */

.content-sidebar #primary {	float: left; margin: 0 -21.66% 0 0; }

.content-sidebar #secondary { float: right;	padding: 25px 0px 90px; }

.content-sidebar #content {	border-left: none; border-right: 3px double #ddd;
margin: 0 21.66% 0 0; padding: 25px 2.083% 70px 0; }





/* General Styles

-------------------------------------------------------------- */


body { color: #000;	font: 76% Verdana, Arial, Helvetica, sans-serif; }

div#main-image div#image-haut-fond {background-image: url('images/header-paris-joaillerie.jpg'); background-repeat:no-repeat; height: 160px;}

#page {	border-top: 4px solid #990000;}

/* Alignment */

.alignleft { display: inline; float: left;	margin-right: 1.666em; }

.alignright { display: inline; float: right; margin-left: 1.666em; }

.aligncenter { clear: both;	display: block;	margin-left: auto; margin-right: auto; }

/* Links */

a {	text-decoration: none; }

/* Assistive text */

.assistive-text { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px); }

/* Disable Webkit blue focus */

input:focus, textarea:focus { outline: 0; }

/* Serif font */

#main-title,
.post-title h1,
.post-title h2,
.hentry .post-date,
.post-extras strong,
.post-entry h3,
.post-entry blockquote,
.post-entry cite,
.comment-text h3,
.comment-text blockquote,
.comment-text cite,
.more-posts .page-title,
.more-posts .notice,
#more-posts-inner h1,
#more-posts-inner article span,
#comments h3,
#respond h3,
#upper-footer-widgets .widget_text,
#error404 {	font-family: "Adobe Garamond Pro", Garamond, Palatino, "Palatino Linotype", Times, "Times New Roman", Georgia, serif; }



/* Header

-------------------------------------------------------------- */


/* Menu */

#responsive-menu { padding: 30px 0 17px;}

#responsive-menu li { padding-right:20px ; float: left; position: relative; text-transform: uppercase; }

#responsive-menu > ul > li { margin-bottom: 15px; }

#responsive-menu a { color: #FFF; display: block; padding-bottom:5px; border-bottom: 1px solid #231f20; }

#responsive-menu ul ul { 
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 22px;
	left: 0;
	width: 140px;
	z-index: 99999;
}

#responsive-menu ul ul ul {	left: 100%;	top: 0; }

#responsive-menu ul li:hover > ul {	display: block; }

#responsive-menu li li { float: none; margin-right: 0; }

#responsive-menu a:hover {border-bottom: 1px solid #FFF;}

#responsive-menu .current-menu-item > a {border-bottom: 1px solid #FFF;}

#responsive-menu .current-menu-item > a,
#responsive-menu .current_page_item > a,
#responsive-menu .current-menu-ancestor > a {
	border-bottom-color: #ccc;
	border-top-color: #ddd;
	color: #990000;
	font-weight: bold;

}

#responsive-menu .current-menu-parent > a,
#responsive-menu .current_page_ancestor > a,
#responsive-menu .current-menu-item > a { font-weight: bold; }

.custom-background #responsive-menu li li a { background: rgba( 255, 255, 255, 0.8 ); }

/* Blog Name and Tagline */

#main-title { clear: both; float: left; font-style: italic;	margin: -9px 0 0 0;	width: 76%; }

#main-title #site-title { display: inline; font-size: 3.2em;}

#main-title #site-title a{ color: #000; }

#main-title #site-title a:hover{ color: #990000; }

#main-title #site-description {
	color: #555;
	display: inline;
	font-size: 2.3em;
	font-weight: normal;
	line-height: 39px;
}

/* Search */

#search { float: right;	margin: 0 0 20px 0;	width: 22%; }

#search #s {
	background-color: transparent;
	border: 1px solid;
	border-color: #ddd #ddd #ccc #ccc;
	color: #777;
	font-style: italic;
	padding: 3px 5px;
	width: 73.5%;
}

#search #s:focus { border-color: #ccc #ccc #b0b0b0 #b0b0b0;	color: #000; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

/* Header Image */

#main-image { border-top: 1px dotted #ddd; clear: both; /*max-width: 100%;*/ padding: 20px 0;}

#main-image img { border: 1px solid #ddd; display: block; height: auto; width: 100%; }


/* THE POST */

.single .post {	border-bottom: 1px solid #ddd; margin: 0 0 30px 0; }

.page .page .post-title h1 { 
	padding-left: 0%;     
	color: #0083de;
    font-family: 'Open Sans', Arial;
    letter-spacing: 0px;
    background-image: url('images/puce_fleche.png');
    background-position: 0% 50%;
    background-repeat: no-repeat;
    border-bottom: 1px solid #3e3e3e;
    border-top: 1px solid #3e3e3e;
    margin: 0 0 25px 0;
    padding: 15px 0 15px 5%;
    text-transform: uppercase;
    word-spacing: 0.3em;
    font-size: 1.1em;
    font-style: normal;
    font-weight: bold;
}

.page .page .post-entry { width: 100%; }

/* Post Title */

.post-title { padding: 0 0 20px; position: relative; }

/* The name of the post */

.post-title h1 { border-bottom: 1px solid #ddd; color: #990000; font-size: 3em; font-style: italic;
font-weight: normal; min-height: 1em; padding: 6px 0 16px 24.5%; }

.post-title h1 a { color: #990000; }

.post-title h1 a:hover { text-decoration: underline; }

/* Sticky */

.sticky .entry-format,
.more-posts .sticky h2.entry-format,
.more-posts h2.entry-format,
.featured {
	border: none;
	color: #000;
	font-size: 1.9em;
	font-style: italic;
	font-weight: normal;
	left: 25px;
	letter-spacing: 0;
	line-height: 1.9em;
	margin: 0;
	padding: 0 15px;
	position: absolute;
	text-align: center;
	text-transform: none;
	top: 36px;
	z-index: 1;
}

.featured a {color: #000;}

/* Post Date */

.hentry .post-date { font-style: italic; left: 30px; line-height: 1.9em; position: absolute; text-align: center; top: 15px;	z-index: 1; }

.post-permalink {color: #000;}

.hentry .post-date * {display: block; padding: 0 15px; position: relative;}

.post-date strong {
	font-size: 4.9em;
	font-weight: normal;
	letter-spacing: -0.1em;
	position: relative;
	z-index: 2;
}

.post-date em {	background: white; font-size: 1.9em; top: 9px; }

.post-date span { color: #555; font-size: 1.1em; font-variant: small-caps; top: 4px; }

.post-date.one-line { color: #555; font-size: 1.0em; font-variant: small-caps;
padding: 0 5px; top: auto; bottom: 34px; left: 10px; }

.image-attachment .post-date.one-line {left: 0;}




/* Post Information (Author, category and comment number) */

.post-info { color: #555; font-variant: small-caps; padding: 10px 2.8% 0 24.5%; }

.post-info p { float: left; width: 75.1%; }

.post-info a { color: #675f34; }

.post-info .post-com-count { float: right; text-align: right; width: 24.5%; }

.post-info .post-com-count a { color: #555; }

.post-info .post-com-count span { font-family: Verdana, Arial, Helvetica, sans-serif; }

.post-info a:hover { color: #000; text-decoration: underline; }

.post-content { margin: 0 0 30px 0; }

/* Tags & Edit link */

.post-extras {
	color: #333;
	float: left;
	font-style: italic;
	line-height: 170%;
	padding: 61px 0 50px;
	text-align: right;
	width: 19.2%;
}

.post-extras p, .post-extras li { clear: both; float: right; font-size: 0.9em; padding-bottom: 5px;	width: 100%; }

.post-extras ul { clear: both; padding-top: 5px; }

.post-extras strong { border-bottom: 1px solid #ddd; float: right;
font-size: 1.6em; font-weight: normal; margin-top: 15px; }

.post-extras .post-edit-link { color: #990000; }

.post-extras p a { color: #333; }

.post-extras a:hover { color: #000; text-decoration: underline; }

/* post-entry */

.post-entry { color: #333; float: right; font-size: 13px; padding: 15px 2.8% 0 0; width: 72.8%; }


}

/* Headings */

.post-entry h1 { font-size: 1.7em; line-height: 30px; margin: 10px 15px; }

.post-entry h2 { font-size: 1.6em; font-family: Palatino, "Palatino Linotype"; border-bottom: 1px dotted #3d3d3d; 
font-variant: small-caps; margin: 0px 0 12px 0 !important; padding: 0 10px 2px 0!important; text-transform: none; }

.post-entry h3,
#comments .comment-text h3 { color: #3d3d3d; font-size: 1.5em; margin: 10px 0; padding: 0 10px 2px 0!important; text-transform: none; }

.post-entry h4 { color: #000; font-size: 1.15em; letter-spacing: 0.05em; font-variant: small-caps; }

.post-entry h5 { font-size: 1em; font-weight: normal; letter-spacing: 0.01em; font-weight: bold; }

.post-entry h6 { color: #675f34; font-size: 0.9em; font-variant: small-caps; }

.post-entry hr { background-color: #ccc; border: 0; height: 1px; }

body.single div#content article header {margin-bottom:23px;}


/* ----- Modif des titres par Sophie pour Paris-Joaillerie ----- */

.post-entry h2, .post-entry h3, { font-family: Palatino, "Palatino Linotype"; }


.post-entry h4, .comment-text h4 { text-transform: uppercase; }

/* ----- Fin modif des titres par Sophie pour Paris-Joaillerie ----- */



/* Paragraphs and Lists */

.post-entry p,
.post-entry li,
.post-entry dt,
.post-entry dd,
.comment-text p,
.comment-text li,
.comment-text dt,
.comment-text dd { line-height: 180%; }

.post-entry p {	margin-bottom: 23px; }

.post-entry ul, .comment-text ul { list-style: square; margin: 0 0 23px 1.5em; }

.post-entry ol, .comment-text ol { list-style: decimal; margin: 0 0 23px 1.5em; }

.post-entry ol ol, .comment-text ol ol { list-style: upper-alpha; }

.post-entry ol ol ol, .comment-text ol ol ol { list-style: lower-roman; }

.post-entry ol ol ol ol, .comment-text ol ol ol ol { list-style: lower-alpha; }

.post-entry dl, .comment-text dl {	margin: 0 0 23px 0; }

.post-entry dt, .comment-text dt {font-weight: bold; }

.post-entry dd, .comment-text dd { margin-bottom: 23px; }

.post-entry strong,

.comment-text strong {

	font-weight: bold;

}

.post-entry cite,

.post-entry em,

.post-entry i,

.comment-text cite,

.comment-text em,

.comment-text i {

	font-style: italic;

}

.post-entry big,

.comment-text big {

	font-size: 131.25%;

}

.post-entry ins,

.comment-text ins {

	background: #ccc;

	text-decoration: none;

}

.post-entry blockquote,

.comment-text blockquote {

	font-style: italic;

	padding: 0 3em;

}

.post-entry blockquote cite,

.post-entry blockquote em,

.post-entry blockquote i,

.comment-text blockquote cite,

.comment-text blockquote em,

.comment-text blockquote i {

	font-style: normal;

}

.post-entry pre,

.comment-text pre {

	background: #eee;

	line-height: 23px;

	margin-bottom: 23px;

	overflow: auto;

	padding: 20px;

}

.post-entry abbr,

.post-entry acronym,

.comment-text abbr,

.comment-text acronym {

	border-bottom: 1px dotted #666;

	cursor: help;

}

.post-entry sup,

.post-entry sub,

.comment-text sup,

.comment-text sub {

	height: 0;

	line-height: 1;

	position: relative;

	vertical-align: baseline;

}

.post-entry sup,

.comment-text sup {

	bottom: 1ex;

}

.post-entry sub,

.comment-text sub {

	top: .5ex;

}

.post-entry p,

.post-entry ul,

.post-entry ol,

.post-entry dd,

.post-entry pre,

.post-entry hr {

	margin-bottom: 23px;

}

.post-entry ul ul,

.post-entry ol ol,

.post-entry ul ol,

.post-entry ol ul,

.comment-text ul ul,

.comment-text ol ol,

.comment-text ul ol,

.comment-text ol ul {

	margin-bottom: 0;

}

.post-entry pre,

.post-entry kbd,

.post-entry tt,

.post-entry var,

.comment-text pre,

.comment-text kbd,

.comment-text tt,

.comment-text var {

	font-size: 12px;

	line-height: 15px;

}

.post-entry code,

.comment-text code {

	font-size: 12px;

}



.post-entry h2,

.post-entry h3,

.post-entry h4,

.post-entry h5,

.post-entry h6,

.comment-text h1,

.comment-text h2,

.comment-text h3,

.comment-text h4,

.comment-text h5,

.comment-text h6 {

	line-height: 1.0em;
	padding: 12px 0;

}

.post-entry table,

.comment-text table {

	border: 1px solid #ccc;

	margin: 0 -1px 20px 0;

	text-align: left;

	width: 100%;

}

.post-entry tr th,

.post-entry thead th,

.comment-text tr th,

.comment-text thead th {

	color: #888;

	font-size: 13px;

	font-weight: bold;

	line-height: 20px;

	padding: 9px 4.54554545%;

}

.post-entry tr td,

.comment-text tr td {

	border-top: 1px solid #ccc;

	padding: 6px 4.54554545%;

}

.post-entry tr.alternate td,

.comment-text tr.alternate td {

	background: #eee;

}

.post-entry sup,

.post-entry sub,

.comment-text sup,

.comment-text sub {

	font-size: 10px;

}

/* Links */

.post-entry a {

	color: #990000;

	text-decoration: underline;

}

.post-entry a:hover {

	color: #000;

}

.post-entry .more-link {

	border-bottom: none;

	color: #000;

	font-style: italic;

	font-weight: bold;

	text-decoration: underline;

}

.post-entry .more-link:hover {

	color: #990000;

}

/* Images */

.post-entry img {

	border: 1px solid;

	border-color: #ddd #ccc #ccc #ddd;

	height: auto;

	left: -4px;

	max-width: 100%;

	padding: 3px;

	position: relative;

	-moz-box-shadow: 4px 4px 12px #ccc;

	-webkit-box-shadow: 4px 4px 12px #ccc;

	box-shadow: 4px 4px 12px #ccc;

}

img[class*="align"],

img[class*="wp-image-"] {

	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */

}

img.size-full {

	max-width: 100%;

	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */

}

img.alignleft,

img.alignright,

img.aligncenter {

	margin-bottom: 1.625em;

}

p img,

.wp-caption {

	margin-top: 0.5em;

}

.wp-caption {

	margin-bottom: 1.625em;

	max-width: 100%;

}

.wp-caption img {

	display: block;

	max-width: 100%;

}

.wp-caption .wp-caption-text,

.gallery-caption {

	color: #666;

	font-size: 13px;

}

.wp-caption .wp-caption-text {

	margin-bottom: 0.6em;

	padding: 10px 0px 5px 20px;

	position: relative;

}

.wp-caption .wp-caption-text:before {

	color: #666;

	content: '\2014';

	font-size: 11px;

	font-style: normal;

	margin-right: 5px;

	position: absolute;

	left: 0px;

	top: 9px;

}

.post-entry .wp-smiley {

	border: 0;

	padding: 0;

	position: static;

	-moz-box-shadow: none;

	-webkit-box-shadow: none;

	box-shadow: none;

}

.post-entry embed,

.post-entry object,

.post-entry video {

	max-width: 100%;

}

/* Pre (Code) */

.post-entry pre {

	background: #eee;

	font-family: Monaco, Courier New, Courier, monospace;

	margin-bottom: 20px;

	padding: 20px 3.78071833%;

}

/* Blockquote */

.post-entry blockquote,

.comment-text blockquote {

	border-bottom: 1px solid #cac7b8;

	border-top: 1px solid #b3af99;

	margin-bottom: 15px;

	padding: 2px 0 0;

}

.post-entry blockquote p:first-child,

.comment-text blockquote p:first-child {

	border-top: 1px solid #cac7b8;

}

.post-entry blockquote p:first-child:first-line,

.comment-text blockquote p:first-child:first-line {

	text-transform: none;

}

.post-entry blockquote p:first-child:before,

.comment-text blockquote p:first-child:before {

	content: "“";

}

.post-entry blockquote p:last-child:after,

.comment-text blockquote p:last-child:after {

	content: "”";

}

.post-entry blockquote p,

.comment-text blockquote p {

	border-right: 1px solid #b3af99;

	color: #665f33;

	font-size: 1.6153em;

	font-style: italic;

	line-height: 128%;

	margin: 0;

	padding: 20px 3.78071833%;

}

/* Cite */

.post-entry cite,

.comment-text cite {

	color: #666;

	display: block;

	font-size: 1.4em;

	padding: 15px 3.68324125% 20px;

	text-align: right;

}

.post-password-required input[type=submit] {

	margin-top: 10px;

}

/* post-meta */

.post-meta {

	border-top: 1px solid #ddd;

}

#author-info {

	padding: 30px 0 28px 24.5%;

	width: 75.5%;

}

#author-avatar {

	float: left;

	margin-right: -40px;

}

#author-description {

	float: left;

	font-size: 0.9em;

	line-height: 1.8181em;

	margin: -5px 0 0 50px;

	padding: 0 3.64% 0 0;

	width: 87.27%;

}

#author-description h2 {

	line-height: 1.8181em;

}

#author-description a {

	color: #990000;

}

.category-archive-meta {

	padding: 20px 0 0 162px;

}

.category-archive-meta p {

	color: #666;

	font-size: 0.9em;

	line-height: 140%;

	padding: 0 15px;

}





/* Other Post formats

-------------------------------------------------------------- */



.format-image .post-date,

.format-gallery .post-date,

.format-quote .post-date,

.format-video .post-date {

	top: 39px;

}

.format-image .featured,

.format-gallery .featured,

.format-quote .featured,

.format-video .featured {

	top: 61px;

}

a.entry-format-link,

a.entry-format-link:visited

 {

 	color: #000;

	display: block;

	font-variant: small-caps;

	font-size: 16px;

	margin: 0 0 5px;

	padding: 0 0 0 24.5%;

	position: relative;

	text-decoration: none;

}

a.entry-format-link:hover {

	color: #000;

	text-decoration: underline;

}

.one-column a.entry-format-link {

	padding-left: 15.3125%;

}

.more-posts a.entry-format-link,

.more-posts a.entry-format-link {

	padding-left: 0 !important;

}

/* aside */

.blog .format-aside a.entry-format-link,

.archive .format-aside a.entry-format-link  {

	padding-left: 25.3%;

}

.one-column.blog .format-aside a.entry-format-link,

.one-column.archive .format-aside a.entry-format-link {

	padding-left: 16.0125%;

}

.format-aside .post-title h1,

.format-aside .post-info {

	display: none;

}

.single .format-aside .post-title h1,

.single .format-aside .post-info {

	display: block;

}

.format-aside .post-title,

.format-aside .post-entry {

	padding: 6px 2.8% 0 0;

}

.single .format-aside .post-title {

	padding: 0 0 20px 0;

}

.single .format-aside .post-entry {

	padding: 15px 2.8% 0 0;

}

.format-aside .post-extras {

	padding-top: 120px;

}

.single .format-aside .post-extras {

	padding-top: 61px;

}

/* gallery */

.gallery-thumb {

	float: left;

	margin: 0 15px 10px 0;

}

.gallery-columns-1 img {

	/**

	 * $content_width = 551

	 * There's 3px padding and 2px border around gallery images

	 * Use 574/n - 33 to figure out max-width for each level

	 * Where n is the number of columns in the gallery

	 */

	max-width: 541px;

}

.gallery-columns-2 img {

	max-width: 254px;

}

.gallery-columns-3 img {

	max-width: 158px;

}

.gallery-columns-4 img {

	max-width: 110px;

}

.gallery-columns-5 img {

	max-width: 81px;

}

.gallery-columns-6 img {

	max-width: 62px;

}

.gallery-columns-7 img {

	max-width: 49px;

}

.gallery-columns-8 img {

	max-width: 38px;

}

.gallery-columns-9 img {

	max-width: 30px;

}

/* image */

.format-image .post-info {

	clear: both;

	border-bottom: 1px solid #ddd;

	border-top: 1px solid #ddd;

	float: right;

	margin: 0 2.7434842% 23px 0;

	padding: 18px 0 18px;

	width: 72.8%;

}

.format-image .post-entry {

	padding: 0px 2.8% 0 0;

}

.single .format-image .post-info {

	border: none;

	float: none;

	margin: 0;

	padding: 10px 2.8% 0 24.5%;

	width: auto;

}

.single .format-image .post-entry {

	padding: 15px 2.8% 0 0;

}

/* link */

.format-link .post-title {

	padding-bottom: 0;

}

.format-link .post-title h1,

.format-link .post-info {

	display: none;

}

.format-link .post-entry {

	padding: 6px 2.8% 0 0;

}

.format-link .post-extras {

	padding-top: 120px;

}





/* More Posts

-------------------------------------------------------------- */



.more-posts .page-title,
.more-posts .notice {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	color: #666;
	letter-spacing: 0.15em;
	margin: 0 0 35px 0;
	padding: 20px 0 18px 24.5%;
	text-transform: uppercase;
	word-spacing: 0.3em;
}

.more-posts .page-title em { color: #990000; }

#more-posts-inner { padding: 0 0 0 22.2%; }

#more-posts-inner article {
	color: #333;
	float: left;
	margin:  0 3.6% 20px 0;
	min-height: 160px;
	width: 46.3%;
}

#more-posts-inner h1 {
	padding: 0 5.72519083%;
	font-size: 2em;
	font-weight: normal;
	word-wrap: break-word;
}

#more-posts-inner span {
	border-bottom: 1px solid #ddd;
	display: block;
	margin-bottom: 10px;
	padding: 3px 5.72519083% 5px;
	text-transform: uppercase;
}

#more-posts-inner p {

	font-size: 0.9em;

	line-height: 140%;

	padding: 0 5.72519083% 5px;

}

#more-posts-inner p a {

	font-style: italic;

	text-decoration: underline;

}

#more-posts-inner a {

	color: #000;

}

#more-posts-inner a:hover {

	color: #990000;

	text-decoration: underline;

}



/* Full width

-------------------------------------------------------------- */



#main .full-width {

	border-left: none;

	margin: 0;

	width: 100%;

}

#main .full-width .post-title h1 {

	padding: 6px 0 16px 0;

}

#main .full-width .post-entry {

	padding: 15px 0 30px;

	width: 100%;

}

.full-width #comments h3 {

	padding: 20px 0 18px 6.25%;

}

.full-width #comments h3 span {

	left: -81px;

}

.full-width .comment-heading {

	padding: 2px 3.125% 10px;

}

.full-width .comment-text {

	padding: 15px 3.125% 5px;

}

.full-width #comments #respond h3 {

	padding: 0 3.125% 18px;

}

.full-width #comments #respond form {

	width: 97%!important;

}





/* Attachments

-------------------------------------------------------------- */



.attachment #content {

	border-left: none;

	margin: 0;

	padding: 0;

	width: 100%;

}

.attachment .post-extras {

	width: 11.354166%;

}

.attachment .post-entry {

	width: 81.9791666%;

	padding: 15px 2.083333% 0 0;

}

.attachment .post-info,

.attachment #nav-below,

.attachment .post-title h1,

.attachment .nocomments,

.attachment .nopassword {

	padding-left: 15.3125%;

}

.attachment .post-info,

.attachment #nav-below {

	padding-right: 2.0833333%

}

.image-attachment div.attachment img {

	display: block;

	height: auto;

	margin: 0 0 1.625em;

	max-width: 100%;

}

.attachment #comments #respond form {

	width: 96%!important;

}





/* Gallery

-------------------------------------------------------------- */



.post-entry .gallery dd {

	margin-bottom: 0;

}





/* Comment List

-------------------------------------------------------------- */



#comments {

	float: right;

	padding: 0 0px 30px 0;

	width: 100%;

}

/* Title */

#comments h3 {

	border-bottom: 1px solid #ccc;

	color: #000;

	letter-spacing: 0.15em;

	margin: 3px 0 25px 16.2087912%;

	padding: 20px 0 18px 8.2417582%;

	position: relative;

	text-transform: uppercase;

}

#comments h3 span {

	background: #fff;

	bottom: -10px;

	font-size: 4.9em;

	font-style: italic;

	font-weight: normal;

	left: -85px;

	letter-spacing: 0em;

	padding: 1.041666%;

	position: absolute;

	text-align: right;

	width: 95px;

	z-index: 1;

}

/* Comment list */

#comments ol {

	padding-bottom: 20px;

}

#comments .comment-text ol {

	padding-bottom: 0;

}

#comments li {

	border-top: 4px solid #eee;

	margin-left: 20.329670%;

	padding: 10px 0 0;

}

#comments .comment-text li {

	border: none;

	margin-left: 0;

	padding: 0;

}

#comments li:first-child {

	border-top: 0;

}

#comments li a:hover {

	color: #990000;

	text-decoration: underline;

}

#comments #reply-title a,

#comment-nav-above a,

#comment-nav-below a,

.comment-text table a {

	color: #000;

}

/* Comment Heading */

.comment-heading {

	padding: 2px 5.17241379% 10px;

}

/* Author */

.comment-author {

	color: #000;

	float: left;

}

.comment-author img,

.comment-author span,

.comment-author em {

	float: left;

	margin-top: 3px;

}

.comment-author img {

	margin: 0 10px 0 0;

}

.comment-author em {

	margin-left: 5px;

}

.comment-author a {

	color: #000;

	text-decoration: underline;

}

/* Date */

.comment-date {

	float: right;

	font-size: 0.9em;

	padding-top: 3px;

}

.comment-date a {

	color: #999;

}

.comment-date a:hover {

	color: #666 !important;

}

/* Text */

.comment-text {

	border-bottom: 1px solid #eee;

	border-top: 1px dotted #ccc;

	padding: 15px 5.17241379% 5px;

}

.comment-text p {

	color: #333;

	line-height: 170%;

	padding-bottom: 10px;

}

.comment-text p a {

	border-bottom: 1px dotted;

	color: #990000;

}

.comment-text p a:hover {

	border-style: solid;

	color: #000 !important;

	text-decoration: none !important;

}

.comment-text .reply-link a {

	color: #000;

	font-size: 0.8em;

	font-weight: bold;

	text-transform: uppercase;

}

.comment-text .reply-link a:hover {

	color: #990000;

}

.comment-text .edit-comment {

	font-size: 0.8em;

	margin-top: -8px;

}

.comment-text .edit-comment a {

	border: 0;

	color: #666;

}

/* Nested list styles */

#comments li .children li {

	border-top: 0;

}

#comments li.depth-2,

#comments li.depth-3 {

	margin-left: 80px;

}

/* Author comment styles */

#comments li.byuser .comment-author {

	color: #990000;

	font-weight: bold;

}

#comments li.byuser .comment-text {

	border-top-color: #b8b8b8;

}

#comments li.bypostauthor {

	border-top: 4px solid #111;

}

/* Pingback styles */

#comments li.pingback a{

	border: 0;

	color: #000;

	text-decoration: underline;

}

#comments li.pingback .comment-text {

	border: 0;

	padding: 5px 30px 5px;

}

#comments li.pingback .comment-text .edit-comment a {

	border: 0;

	color: #666;

	text-decoration: none;

}

.nocomments,

.nopassword {

	padding: 17px 2.8% 0 24.5%;

}



/* Respond

-------------------------------------------------------------- */



#comments #respond {

		padding: 48px 0 0 20.329670%;

}

#comments #respond h3 {
	border-top: 1px solid #3e3e3e;
	border-bottom: 0px solid !important;
	color: #990000;
	letter-spacing: 0.15em;
	margin: 0 0 20px 0;
	padding: 15px 0px 18px;
	position: relative;
	text-transform: uppercase;
}

#comments #respond form {

	float: right;

	width: 96%!important;

}

/* comment form */

#commentform p {

	margin: 0 0 10px 0;

	text-align: left;

}

#commentform label {

	color: #333;

	font-size: 0.8em;

	font-weight: bold;

	letter-spacing: 0.1em;

	line-height: 1.8em;

	text-transform: uppercase;

}

.comment-notes,

.form-allowed-tags,

.logged-in-as,

.must-log-in {

	font-size: 11px;

}

#commentform input[type="text"],
#commentform textarea {
	border-bottom: 0px solid #dadada;
	border-left: 0px solid #999;
	border-right: 0px solid #dadada;
	border-top: 0px solid #999;
	border-radius: 1px;
	padding: 3px 5px;
	width: 98%;
	background-color: #dadada;
}

#commentform input[type="text"]:focus,
#commentform input[type="text"]:hover,
#commentform textarea:focus,
#commentform textarea:hover {
	background: #f7f7f7;
	border-bottom: 0px solid #dadada !important;
	border-left: 0px solid #999 !important;
	border-right: 0px solid #dadada !important;
	border-top: 0px solid #999 !important;
}

#commentform textarea {	height: 180px;}

#reply-title a#cancel-comment-reply-link {font-size: 1em;	margin: 0 0 0 10px;}





/* Sidebar widgets

-------------------------------------------------------------- */



/* Each sidebar box */

.sidebar-widget {

	clear: both;

	font-size: 0.9em;

	padding-bottom: 25px;

}

.sidebar-widget h1 {

	color: #8D8767;

	font-size: 0.9em;

	letter-spacing: 0.1em;

	padding-bottom: 10px;

	text-transform: uppercase;

}

.sidebar-widget h1 a {

	color: #8d8767;

}

.sidebar-widget h1.widget-title:before {

	content: "\002663 ";

	display: inline;

	margin: 0 3px 0;

}

.sidebar-widget li {

	border-bottom: 1px solid #ddd;

	color: #8c8b8b;

	line-height: 1.5em;

	list-style: inside square;

	padding: 6px 0 7px;

}

.sidebar-widget ul ul {

	margin: 4px 0 0 1.0em;

}

.sidebar-widget li li {

	border-bottom: none;

	padding: 4px 0;

}

.sidebar-widget a {

	color: #333;

}

.sidebar-widget a:hover {

	color: #000;

	text-decoration: underline;

}

.sidebar-widget a:active {

	color: #990000;

}

.sidebar-widget img {

	height: auto;

	max-width: 100%;

	width: auto;

}

.sidebar-widget .wp-caption {

	margin-bottom: 0;

}

.sidebar-widget p.wp-caption-text {

	margin-bottom: 0;

	padding-bottom: 0;

}

/* Subscribe box */

#subscribe-item h1 {

	color: #c9774a;

}

/* Recent comments */

#recent-comments em {

	color: #999;

	display: block;

	padding: 3px 0 0 12px;

}

#recent-comments a:hover em {

	text-decoration: underline;

}

/* Text widget */

.sidebar-widget p {

	color: #333;

	font-size: 0.9em;

	line-height: 140%;

	margin: 0 0 10px 0;

}

/* Calendar Widget */

#calendar_wrap caption {

	border: none;

	font-weight: bold;

	padding: 6px 0;

	text-align: center;

	text-transform: uppercase;

}

#calendar_wrap table {

	border: 1px solid #ccc;

	font-size: 0.9em;

	width: 187px;

}

#calendar_wrap table th {

	border-bottom: 1px solid #ddd;

	color: #333;

	padding: 5px 0;

	text-align: center;

}

#calendar_wrap table td {

	color: #666;

	padding: 3px 0;

	text-align: center;

}

#calendar_wrap table td a {

	color: #990000;

	text-decoration: underline;

}

#calendar_wrap table td a:hover {

	color: #000;

}

#calendar_wrap table tfoot td {

	padding: 5px 6px 12px;

}

#calendar_wrap table tfoot #prev {

	text-align: left;

}

#calendar_wrap table tfoot #next {

	text-align: right;

}

/* recent comments */

table.recentcommentsavatar img.avatar {

	max-width: none;

}

td.recentcommentstexttop,

td.recentcommentstextend {

	vertical-align: top;

}

/* widget authors */

.widget_authors li {

	list-style: none;

	list-style-position: outside;

}

.widget_authors li:after {

	clear: both;

	content: ".";

	display: block;

	height: 0;

	visibility: hidden;

}

.widget_authors img {

	float: left;

	padding-right: 10px;

}

/* widget twitter */

.widget_twitter li{

	line-height:140%;

}



/* Tag Cloud */

.widget_tag_cloud,

.wp_widget_tag_cloud {

	word-wrap: break-word;

}





/* Page Navigation

-------------------------------------------------------------- */



#nav-below {

	padding: 0 2.75103163% 16px 24.5%;

}

#nav-below a {

	background: #eee;

	border: 1px solid;

	border-color: #ddd #ccc #ccc #ddd;

	color: #666;

	display: block;

	padding: 3px 10px;

}

#nav-below a:hover {

	border-color: #ccc #999 #999 #ccc;

	color: #000;

}

#nav-below a:active {

	color: #990000;

}

.nav-previous {

	float: left;

}

.nav-next {

	float: right;

}





/* Footer

-------------------------------------------------------------- */



#colophon {

	background: #000;

	border-top: 2px double #333;

}

#footer {

	border-bottom: 1px solid #222;

}

/* Footer widgets */

#upper-footer-widgets {

	border-bottom: 1px dotted #1a1a1a;

	padding: 35px 0 0 0;

}

#upper-footer-widgets aside {

	color: #666;

	font-size: 0.9em;

	margin: 0 0 35px 0;

	padding: 0;

}

#upper-footer-widgets aside h1 {

	color: #fff;

	font-size: 0.9em;

	font-weight: normal;

	letter-spacing: 0.1em;

	padding-bottom: 15px;

	text-transform: uppercase;

}

#upper-footer-widgets aside li {

	color: #bbb;

	list-style: none;

	padding: 4px 0;

}

#upper-footer-widgets aside a,

#upper-footer-widgets aside li a {

	color: #666;

}

#upper-footer-widgets .widget_text h1 {

	color: #fff;

	float: left;

	font-size: 3.4em;

	font-style: italic;

	font-weight: normal;

	letter-spacing: -0.03em;

	margin: 0 0 20px 0;

	text-transform: none;

}

#upper-footer-widgets .textwidget {

	color: #666;

	float: right;

	font-size: 1.8em;

	font-style: italic;

	line-height: 140%;

	padding: 0 2.0833333% 0 0;

	width: 75.9375%;

}

#footer-widgets-holder {

	padding: 35px 0 20px;

}

#footer-widgets {

	margin: 0 auto;

	padding: 0 0 0 19.8958333%;

	width: 80.1041666%;

}

.footer-widget-item {

	color: #666;

	float: left;

	font-size: 0.9em;

	margin: 0 0 0 2.6007802%;

	width: 22.399219%;

	padding: 1px 0 0 0;

}

.footer-widget-item aside {

	margin: 0 0 30px 0;

}

.footer-widget-item h1 {

	color: #fff;

	font-size: 0.9em;

	font-weight: normal;

	letter-spacing: 0.1em;

	padding-bottom: 15px;

	text-transform: uppercase;

}

.footer-widget-item li {

	color: #bbb;

	list-style: none;

	padding: 4px 0;

}

.footer-widget-item a,

.footer-widget-item li a {

	color: #666;

}

.footer-widget-item h1 a {

	color: #fff;

}

.footer-widget-item a:hover,

.footer-widget-item li a:hover {

	color: #fff;

	text-decoration: underline;

}

.footer-widget-item ul ul {

	margin: 0 0 0 1.5em;

}

.footer-widget-item p {

	line-height:1.4em;

	margin: 0 0 15px 0;

}

.footer-widget-item #calendar_wrap table {

	border: 1px solid #222;

	font-size: 0.9em;

	width: 100%;

}

.footer-widget-item img {

	height: auto;

	max-width: 100%;

}

.footer-widget-item #flickr_badge_uber_wrapper,

.footer-widget-item #flickr_badge_wrapper {

	background-color: #000!important;

}

.footer-widget-item .widget_twitter li{

	color: #bbb;

	line-height:1.4em;

}

.footer-widget .wp-caption {

	margin-top: 0;

	margin-bottom: 0;

}

.footer-widget p.wp-caption-text {

	font-size: 0.9em;

	margin-bottom: 0;

	padding-bottom: 0;

}

.footer-widget #calendar_wrap caption {

	border: none;

}

.footer-widget #calendar_wrap table th,

.footer-widget #calendar_wrap table td {

	color: #bbb;

}

.footer-widget #calendar_wrap table th {

	border-bottom: 1px solid #222;

}

.footer-widget #calendar_wrap table td a {

	color: #666;

}

.footer-widget #calendar_wrap table td a:hover {

	color: #fff;

}

.footer-widget-item #flickr_badge_uber_wrapper {

	max-width: 100%!important;

}

/* Copyright */

#copyright {

	background: #222;

	border-top: 1px solid #2c2c2c;

	margin-top: 1px;

	padding: 12px 0 14px;

}



#copyright p { padding: 0 2.0833333% 0 22.0833333%;	color: #4d4d4d;}

#copyright a {	border-bottom: 1px dotted;	color: #797979;}

#copyright a:hover { border-color: #fff; color: #fff; }





/* Content-sidebar

-------------------------------------------------------------- */



.content-sidebar #footer-widgets {	padding: 0 19.8958333% 0 0;	width: 80.1041666%;}

.content-sidebar .footer-widget-item {	margin-left: 0;	margin: 0 2.6007802% 0 0;}

.content-sidebar #upper-footer-widgets .widget_text h1 {
	float: right; text-align: right; width: 190px;}

.content-sidebar #upper-footer-widgets .widget_text p {

	float: left;

	padding: 0 2.0833333% 0 0;

}

.content-sidebar #upper-footer-widgets .textwidget {

	float: left;

}

.content-sidebar #copyright p {

	padding: 0 22.0833333% 0 0;

}





/* No-sidebar

-------------------------------------------------------------- */



.content #content {

	border-left: none;

	border-right: none;

	float: none;

	margin: 0;

	padding: 25px 0 70px 0;

	width: 100%;

}

.content .hentry .post-date,

.content .entry-format {

	left: 15px;

}

.content .post-extras {

	width: 11.3541666%;

}

.content .post-entry {

	padding: 15px 2.083333% 0 0;

	width: 82.395833%;

}

.content .post-info {

	padding: 10px 2.083333% 0 15.3125%;

}

.content .format-image .post-info {

	float: right;

	margin: 0 2.083333% 23px 0;

	padding: 20px 0;

	width: 82.395833%;

}

.content #nav-below,

.content .post-title h1,

.content .more-posts h2,

.content .more-posts .page-title,

.content .nocomments,

.content .nopassword,

.search.content .page .post-title h1 {

	padding-left: 15.3125%;

}

.content .page .post-title h1 {

	padding-left: 8.125%;;

}

.content .page .post-entry {

	width: 89.791666%;

}

.search.content .page .post-entry {

	width: 82.395833%;

}

.content #more-posts-inner {

	padding: 0 0 0 11.5625%;

}

.content #more-posts-inner article {

	margin: 0 0 20px 2.355712%;

	width: 30.98%

}

.content .more-posts h2.entry-format {

	left: 15px;

	padding-left: 15px;

}

.content #footer-widgets {

	padding: 0 0 0 13.4375%;

	width: 86.5625%;

}

.content .textwidget {

	width: 82.395833%;

}

.content #comments h3 {

	margin: 3px 0 25px 8.958333%;

	padding: 20px 0 18px 6.25%;

}

.content #comments li {

	margin-left: 12.1875%;

}

.content .comment-heading {

	padding: 2px 3.5587188% 10px;

}

.content .comment-text {

	padding: 15px 3.5587188% 5px;

}

.content #comments #respond h3 {

	padding: 0 3.5587188% 18px;

}

.content #comments #respond {

	padding: 48px 0 0 12.1875%;

}

.content #comments #respond form {

	width: 97%!important;

}





/* 404 page

-------------------------------------------------------------- */



#error404 {	font-style: italic;	padding: 40px 0; text-align: center;}

#error404 h1 {color: #000;	font-size: 7em;	font-weight: normal; letter-spacing: -0.05em; padding-bottom: 20px;}

#error404 p {color: #333;font-size: 1.9em;}

#error404 span {color: #666;}

#error404 a {color: #675f34;text-decoration: underline;}

#error404 a:hover {color: #990000;}


#more-posts-inner article:nth-child(odd) {  margin-right: 7.4%}


#comments #respond form{width: 710px!important;}

#nav-below {padding-left: 0;width: 710px;}





/* DIAPORAMA */

img.cycle-slide {border: none !important; padding:0px !important;}

.gss-pager .cycle-pager-active, .gss-pager .cycle-pager-active:hover { background-color: #74add6 !important; }

.no-captions .gss-pager a {text-decoration: none;}

.gss-pager a {height: 9px; width: 9px;}

.gss-prev, .gss-next {
    color: #231f20;
    display: inline-block;
    background: #74add6;
    padding: 4px 5px;
    font-size: 18px;
    cursor: pointer;
    border: 0px solid #666;
    line-height: 16px;
    font-family: inherit;
    font-size: 1em;
    font-weight: bold;
}


.gss-prev:hover, .gss-next:hover {
    color: #FFF;
    display: inline-block;
    background: #0083de;
    padding: 4px 5px;
    font-size: 18px;
    cursor: pointer;
    border: 0px solid #666;
    line-height: 16px;
    font-family: inherit;
    font-size: 1em;
    font-weight: bold;
}   




/* RAJOUT */ 

aside#text-5 {margin-top:-27px;}

a:hover img {background: #FFF; opacity: 0.9;}

article header a img:hover { background-color: black; opacity: 0.7;}

/*div#main #content span.by-author {display: none;}*/

p.datee {   
	font-variant: normal;
    text-transform: uppercase;
    font-size: 0.8em;
    font-family: 'Open Sans', Arial;
    margin: 0;
    margin-top:-5px;
    padding: 0px 0 8px;
}

a.overlay:hover {text-decoration: underline !important;}

body.page div.post-entry h1 {
    font-family: "Adobe Garamond Pro", Garamond, Palatino, "Palatino Linotype", Times, "Times New Roman", Georgia, serif;
    font-size: 2em;
    font-weight: normal;
    word-wrap: break-word;
    vertical-align: text-top;
    margin-bottom: 15px;
    margin-top: 15px;
    font-style: italic;
    color: #FFF;
}

a.more-link {margin-bottom: 15px;}

div.ssba a:hover img {border: none !important; background-color: transparent;}



/*article header h1:hover {text-decoration: underline;}*/


/* =Responsive Structure

----------------------------------------------- */

@media screen and (max-width: 1015px) {

	.content-sidebar #content  {max-width: 67%; width: 100%; padding: 4px 20px 70px;}
	.content-sidebar #secondary {margin-left: -7%; width: 26.5%; padding:4px 0px 90px }

	.post-entry { width: 100% !important;}

	.post-info p { width: 100%;}

	#comments #respond form { width:640px !important;}

	iframe {width: 100% !important;}

	div#gslideshow {width: 100% !important;}

	#responsive-menu { padding-left: 22px; }

}



@media screen and (max-width: 950px) {

	.content-sidebar #content  { width: 100%;max-width:69%;}
	.content-sidebar #secondary {margin-left: -7%; width: 24%; padding: 4px 2.1% 90px;}
	#more-posts-inner article {width: 48.3% !important;}
	#more-posts-inner article:nth-child(odd) { margin-right: 3.4%;}
	#main-image img { width: 99%;}

	.post-entry { max-width: 100% !important;}

	#comments #respond form{width: 100% !important;}
	nav#responsive-menu a {font-size: 1.2em;}
	}

	@media screen and (max-width: 895px) {


	.content-sidebar #content  {width: 100%; max-width:68%;}
	.content-sidebar #secondary {margin-left: -7%; width: 24%; padding: 4px 2.1% 90px !important;}
	#secondary aside form input {padding:4px 7px !important; margin: 9px 0 0 -7px !important;}

}



@media screen and (max-width: 876px) {

	.content-sidebar #content  {width: 100%; max-width:69%; }
	.content-sidebar #secondary { width: 24%; padding: 4px 2.1% 90px !important;}
	#secondary aside form input { padding: 4px 3px !important; margin: 9px 0 0 -2px !important;}
	}


	@media screen and (max-width: 850px) {

	.content-sidebar #content  {width: 69%;}
	.content-sidebar #secondary { width: 24%; padding: 4px 2.1% 90px !important;}
	#secondary aside form input {margin: 9px 0 0 -3px !important;}
	}

	@media screen and (max-width: 843px) {

	.content-sidebar #content  {width: 68%;}
	.content-sidebar #secondary { width: 23%; padding: 4px 2.1% 90px !important;}
	#secondary aside form input { margin: 9px 0 0 -4px !important;}

	aside#search-4 form input[type="text"] { width: 84%;}

	#s { width: 88% !important; }

}




@media screen and (max-width: 831px) {

	.content-sidebar #content  {width: 67%;}
	.content-sidebar #secondary {  width: 23%; padding: 4px 1% 90px !important; margin-right: 17px;}
	#s { width: 88% !important; }

}




@media (max-width: 799px) {

	.content-sidebar #content  {width: 66%;}
	.content-sidebar #secondary { width: 23%;  padding: 4px 1% 90px !important;  margin-right: 17px;}
	#s { width: 87% !important; }


	/* Simplify the basic layout */

/*
	#main #content {
	border: none;
	margin: 0;
	padding-left: 0;
	width: auto;
	}

	#main #secondary {
	float: none;
	margin: 0 7%;
	padding: 0;
	width: auto;
	}

	.hentry .post-date * {
	background-color: transparent;
	color: #333;
	display: inline;
	padding: 0 2px 0 0;

	}

	.hentry .post-date {
	line-height: 1.5em;
	text-align: right;
	top: 7px;
	width: 19.2%;
	}

	.post-date strong,
	.post-date em,
	.post-date span {
	font-size: 1.3em;
	letter-spacing: 0;
	}

	.post-date span,
	.post-date em {
	top: 0;
	}

	.post-date span {
	color: #333;
	font-variant: normal;
	}

	.sticky .entry-format,
	.more-posts .sticky h2.entry-format,
	.more-posts h2.entry-format	 {
		background-color: transparent;
		color: #333;
		font-size: 1.5em;
		padding: 0;
		text-align: right;
		top: 0px;
		width: 19.2%;
	}

	.format-image .featured,
	.format-gallery .featured,
	.format-quote .featured,
	.format-video .featured {
		top: 24px;
	}

	.content .sticky .entry-format,
	.content .more-posts .sticky h2.entry-format,
	.content .more-posts h2.entry-format {
		background-color: transparent;
		text-align: left;
	}

	.content .hentry .post-date {
		left: 0;
		text-align: left;
	}

	.hentry .post-date,
	.sticky .entry-format,
	.more-posts .sticky h2.entry-format,
	.more-posts h2.entry-format {
		left: 0;
	}

	.content-sidebar .widget_text h1 {
		float: left;
		text-align: left;
		width: 100%;
	}

	.content-sidebar .widget_text p {
		padding: 0;
		width: 100%;
	}

	#footer-inner-inner,
	#copyright-inner-inner {padding: 0 9%;}

	#page #footer-widgets {
		padding: 0;
		width: 100%;
	}

	#page .footer-widget-item {
		float: none;
		margin: 0 0 35px 0;
		width: 100%;
	}

	#page .footer-widget-item aside {
		margin: 0 0 30px 0;
	}
	*/

	/* Make sure embeds fit their containers */

/*
	iframe,
	embed,
	object {
		max-width: 100%;
	}

	.contact-form input	{
		max-width: 100%;
	}

	#page #upper-footer-widgets .widget_text h1 {
		float: none;
		text-align: left;
		width: auto;
	}

	#page #upper-footer-widgets .textwidget {
		float: none;
		width: 100%
	}
*/
}


@media (max-width: 760px) {

	.content-sidebar #content {width: 100%; max-width: 94%;}
	.content-sidebar #content img {width: 100%; }

	.post-entry { width: 100% !important; }

	#more-posts-inner {margin-bottom: 20px;}
	#more-posts-inner article {width: 48% !important;}

	#more-posts-inner article:nth-child(odd) { margin-right: 4%;}

	.more-posts .notice {margin: 0 0 38px 0;}

	#secondary aside form input { margin: 9px 0 0 -15px !important;}

	#nav-below { width: 98%;}

	.content-sidebar #secondary { float:none; width: 90%; margin-left:0px; padding: 15px !important;}

	.content-sidebar #secondary aside#php_widget-12, .content-sidebar #secondary aside#php_widget-5, 
	.content-sidebar #secondary aside#search-4, .content-sidebar #secondary aside#php_widget-9,
	.content-sidebar #secondary aside#search-2, .content-sidebar #secondary aside#php_widget-4
	{float: right; width: 32%}

	.content-sidebar #secondary aside#search-4 { margin-top: -25px; width: 30%; }

	.content-sidebar #secondary aside#php_widget-5 {margin-top:-250px; }

	.content-sidebar #secondary aside#php_widget-13 {float: right; width: 32%; margin-top: -40px;}

	.content-sidebar #secondary aside#text-3, .content-sidebar #secondary aside#recent-posts-5 {float: left; margin-top: -186px; width: 52%}

	.content-sidebar #secondary aside#text-5 {float: left; width: 52%;}

	.content-sidebar #secondary aside#php_widget-7, .content-sidebar #secondary aside#php_widget-6  {width: 58%;} 

	.content-sidebar #secondary aside#php_widget-6  { float: left; margin-top: -257px; } 

	.content-sidebar #secondary aside#text-3:after { clear: both;}

	.content-sidebar #secondary aside#php_widget-7 iframe, .content-sidebar #secondary aside#php_widget-6 {max-width: 600px !important;}

	div#main-image div#image-haut-fond { background-image: url('images/header-paris-joaillerie.jpg');
	height: 160px; width: auto; margin-left: -55px;}

	 
	/*.content-sidebar #secondary aside#php_widget-5 */

	/* ---menu reponsive --*/

		#responsive-menu {   
		width: 99%;
	    position: absolute;
	    z-index: 1;
	    padding: 0px 0px 0px !important;
	    margin-top: 88px;
		}

	    ul.menu li:hover ul.sub-menu {display: none !important;}

		nav.responsive-menu ul{
		margin-top: 70px;
	    background-color: #FFF;
	    padding-bottom: 15px;
	    padding-top: 15px;	
	    width: 99.8%;
		}

	    nav.responsive-menu ul li {
	    width: auto;
	    float: none !important;
		display: block;
		text-align: left;
		padding-left: 15px;
		line-height: 40px;
		margin-bottom: 0px !important;
		}

	    #responsive-menu a { color: #231f20; padding-bottom:2px !important; border-bottom: 1px solid #FFF; }

	    #responsive-menu .current-menu-item > a {border-bottom: 0px;}

		div#menu nav {	text-align: center;	margin-left: 65px;	}

	    .responsive-menu .trigger {
	        display:block;
	        cursor:pointer;
	        color:#fff;
	        padding:32px;
	        font-size:0.98em;
	        font-weight:bold;
	        background:transparent url('images/icone-menu-hover.png') 69% 50% no-repeat;
	        float: right;
	    }

	    nav#responsive-menu.responsive-menu.clearfix.open .trigger { background:transparent url('images/icone-menu-actif.png') 69% 50% no-repeat; }

	    .responsive-menu.open .trigger { background-color:transparent; }

	    .responsive-menu ul li a {color:#42c3ff ;}
	    .responsive-menu ul li { display:inline; margin-top: -10px; padding-top: 10px; }

	    #responsive-menu a:hover, #responsive-menu .current-menu-item > a { color:#0083de !important; border-bottom: 1px solid #0083de; }

	    .responsive-menu ul { display:none; }

	/* ---menu reponsive --*/

}



@media (max-width: 676px) { 
	.content-sidebar #content { width: 100%; max-width: 93%;}
}


@media (max-width: 581px) { 
	.content-sidebar #content { width: 100%; max-width: 92%;}
}


@media (max-width: 480px) {

	#responsive-menu { width:100%; float:right; padding: 0px 0px 0px !important; margin-top: 28px;}

	.responsive-menu .trigger {float: right;}

	nav.responsive-menu ul {margin-top: 68px; width: 99.5%;}

	div#main-image div#image-haut-fond {background-image: url('images/header-mobile.jpg'); height: 100px; width: auto; background-repeat: no-repeat; margin-left: -38px;}

	div#main #content {margin:0 auto; width: 92%; padding: 0px !important; margin-top:15px;}

	div#main article {margin: 0 auto; width: 100%;}

	div#more-posts-inner div.clear-fix article {width: 100% !important; margin-bottom: 4px;}

	#more-posts-inner article:nth-child(odd) { margin-right: 0% !important;}

	#more-posts-inner article img { text-align: center; width: 100%;}

	div.more-posts {margin: 0 auto; width: 100%; margin-top: -20px;}

	.content-sidebar #secondary { float:none; width: 93%; margin: 0 auto; padding: 15px !important;}

	.content-sidebar #secondary aside#php_widget-12, .content-sidebar #secondary aside#php_widget-7, 
	.content-sidebar #secondary aside#php_widget-5, .content-sidebar #secondary aside#php_widget-9,
	.content-sidebar #secondary aside#php_widget-4, .content-sidebar #secondary aside#php_widget-6 
	{float: none; width: 100%; text-align: center; max-width: 450px;}

	.content-sidebar #secondary aside#php_widget-5 {margin-top: 0px;}

	.content-sidebar #secondary aside#text-3 {display: none;}

	.content-sidebar #secondary aside#php_widget-7 {height: 140px; overflow: hidden; margin-bottom: 25px;}

	.content-sidebar #secondary aside#text-5, .content-sidebar #secondary aside#recent-posts-5 {float: none; margin-top: 0px; width: 100%}

	.content-sidebar #secondary aside#text-5 { border-top: 1px solid #3e3e3e; padding-top: 5px; }

	.content-sidebar #secondary aside#php_widget-13 {margin-top:0px; float: none; width: 100%;}

	#comments #respond form {max-width: 439px !important; width: 100%;}

	iframe {max-width: 480px !important; width: 100% !important;}

	/*body.home #content span.datee, body.home #content .post-content,*/
	body.home #more-posts-inner article span, body.home .more-posts p, 
	body.category #more-posts-inner article span, body.category #more-posts-inner p,
	.content-sidebar #secondary aside#search-2, .content-sidebar #secondary aside#search-4
	 {display: none;}

	#branding, #main { margin-bottom: 15px; }

	/*article header a img:active { background-color: black; opacity: 0.7;}

	a.overlay:active {text-decoration: underline !important;}*/

	.content-sidebar #secondary aside#php_widget-6  { float: none; margin-top: 0px; } 

	img:hover {background-color:#FFF !important; opacity: 1; }

	article header a:hover {background-color: transparent !important;}

	article header a img:hover { background-color: #FFF; opacity: 1;}

	article header a:hover {text-decoration: none !important;}

}


@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {

	body, input, textarea {font-size: 50%;}

	#main-title #site-description {line-height: 20px;}

	#responsive-menu {padding: 10px 0 15px;}

	#responsive-menu a {padding: 3px 5px 5px;}

	#responsive-menu > ul > li {margin-bottom: 5px;}

	#main-image {padding: 5px 0;}

	#content {padding: 10px 0 50px 2.083%;}

	.post-content {margin: 0 0 10px 0;}

	.post-title {padding: 0 0 10px;	}

	.post-extras {padding: 20px 0 10px;}

	.hentry .post-date {top: 5px;}

	.sticky .entry-format,
	.more-posts .sticky h2.entry-format,
	.more-posts h2.entry-format	 {top: 3px;}
	/* Make sure embeds fit their containers */

	iframe,	embed, object {max-width: 100%;}

	.contact-form input	{max-width: 100%;}

	#footer-widgets { padding: 0; width: 100%; }

	.footer-widget-item { float: none; margin: 0 0 35px 0; width: 100%;	}

	.footer-widget-item aside {	margin: 0 0 30px 0;	}

}



/* ie7
-------------------------------------------------------------- */

#ie7 .clear-fix { height: 1%;}

#ie7 .footer-widget-item { width: 22.3%; }

#ie7 #comments h3 span { line-height: 100%; top: 10px; }

#ie7 .hentry .post-date { top: 18px; }

#ie7 .entry-format,
#ie7 .more-posts h2.entry-format { top: 40px;}



/* ie8
-------------------------------------------------------------- */

#ie8 .clear-fix { height:1%; }

#ie8 .entry-format,
#ie8 .more-posts h2.entry-format { top: 37px; }