/*

Theme Name: ONL saison 2022-23
Text Domain: onl-theme

Theme URI: 

Author: Thibaud ADANS & co

Author URI: 

Description: Visuel du site onlille.com saison 2022 - 2023

Version: 1.1

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready



*/





/**

 * Table of Contents:

 *

 * 1.0 - Reset

 * 2.0 - Repeatable Patterns

 * 3.0 - Basic Structure

 * 4.0 - Header

 *   4.1 - Site Header

 *   4.2 - Navigation

 * 5.0 - Content

 *   5.1 - Entry Header

 *   5.2 - Entry Meta

 *   5.3 - Entry Content

 *   5.4 - Galleries

 *   5.5 - Post Formats

 *   5.6 - Attachments

 *   5.7 - Post/Paging Navigation

 *   5.8 - Author Bio

 *   5.9 - Archives

 *   5.10 - Search Results/No posts

 *   5.11 - 404

 *   5.12 - Comments

 *   5.13 - Multisite

 * 6.0 - Sidebar

 *   6.1 - Widgets

 * 7.0 - Footer

 * 8.0 - Media Queries

 * 9.0 - Print

 * ----------------------------------------------------------------------------

 */





/**

 * 1.0 Reset

 *

 * Modified from Normalize.css to provide cross-browser consistency and a smart

 * default styling of HTML elements.

 *

 * @see http://git.io/normalize

 * ----------------------------------------------------------------------------

 */


#primary, .content-area {
	padding: 15px;
}

/*------------------FONTES---------------------*/


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

@font-face {
	font-family: 'MyriadPro';
	src: url('fonts/MyriadPro-web/MyriadPro-Regular.eot');
	src: url('fonts/MyriadPro-web/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/MyriadPro-web/MyriadPro-Regular.woff') format('woff'),
		url('fonts/MyriadPro-web/MyriadPro-Regular.ttf')  format('truetype'),
		url('fonts/MyriadPro-web/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MyriadPro-It';
	src: url('fonts/MyriadPro-web/MyriadPro-It.eot');
	src: url('fonts/MyriadPro-web/MyriadPro-It.eot?#iefix') format('embedded-opentype'),
		url('fonts/MyriadPro-web/MyriadPro-It.woff') format('woff'),
		url('fonts/MyriadPro-web/MyriadPro-It.ttf')  format('truetype'),
		url('fonts/MyriadPro-web/MyriadPro-It.svg#MyriadPro-It') format('svg');
	font-weight: normal;
	font-style: italic;
}

/*@font-face {
	font-family: 'MyriadPro';
	src: url('fonts/MyriadPro-web/MyriadPro-Bold.eot');
	src: url('fonts/MyriadPro-web/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/MyriadPro-web/MyriadPro-Bold.woff') format('woff'),
		url('fonts/MyriadPro-web/MyriadPro-Bold.ttf')  format('truetype'),
		url('fonts/MyriadPro-web/MyriadPro-Bold.svg#MyriadPro-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}*/


.MyriadPro-Regular {
			font-family: 'MyriadPro';
			font-weight: normal;
			font-style: normal;
}

.MyriadPro-Italic {
			font-family: 'MyriadPro-It';
			font-weight: normal;
			font-style: italic;
}

.MyriadPro-Bold {
			font-family: 'MyriadPro';
			font-weight: bold;
			font-style: normal;
}

/*-------------saison_20-21--------------------*/


@font-face {
    font-family: 'Visby CF';
    src: url('fonts/VisbyCF/VisbyCF-LightOblique.eot');
    src: local('Visby CF Light Oblique'), local('VisbyCF-LightOblique'),
        url('fonts/VisbyCF/VisbyCF-LightOblique.eot?#iefix') format('embedded-opentype'),
        url('fonts/VisbyCF/VisbyCF-LightOblique.woff2') format('woff2'),
        url('fonts/VisbyCF/VisbyCF-LightOblique.woff') format('woff'),
        url('fonts/VisbyCF/VisbyCF-LightOblique.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Visby CF';
    src: url('fonts/VisbyCF/VisbyCF-Bold.eot');
    src: local('Visby CF Bold'), local('VisbyCF-Bold'),
        url('fonts/VisbyCF/VisbyCF-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/VisbyCF/VisbyCF-Bold.woff2') format('woff2'),
        url('fonts/VisbyCF/VisbyCF-Bold.woff') format('woff'),
        url('fonts/VisbyCF/VisbyCF-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Visby CF';
    src: url('fonts/VisbyCF/VisbyCF-Light.eot');
    src: local('Visby CF Light'), local('VisbyCF-Light'),
        url('fonts/VisbyCF/VisbyCF-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/VisbyCF/VisbyCF-Light.woff2') format('woff2'),
        url('fonts/VisbyCF/VisbyCF-Light.woff') format('woff'),
        url('fonts/VisbyCF/VisbyCF-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}


@font-face {
    font-family: 'Visby CF';
    src: url('fonts/VisbyCF/VisbyCF-BoldOblique.eot');
    src: local('Visby CF Bold Oblique'), local('VisbyCF-BoldOblique'),
        url('fonts/VisbyCF/VisbyCF-BoldOblique.eot?#iefix') format('embedded-opentype'),
        url('fonts/VisbyCF/VisbyCF-BoldOblique.woff2') format('woff2'),
        url('fonts/VisbyCF/VisbyCF-BoldOblique.woff') format('woff'),
        url('fonts/VisbyCF/VisbyCF-BoldOblique.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}


@font-face {
    font-family: 'Visby CF';
    src: url('fonts/VisbyCF/VisbyCF-Medium.eot');
    src: local('Visby CF Medium'), local('VisbyCF-Medium'),
        url('fonts/VisbyCF/VisbyCF-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/VisbyCF/VisbyCF-Medium.woff2') format('woff2'),
        url('fonts/VisbyCF/VisbyCF-Medium.woff') format('woff'),
        url('fonts/VisbyCF/VisbyCF-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}


@font-face {
    font-family: 'Visby CF';
    src: url('fonts/VisbyCF/VisbyCF-MediumOblique.eot');
    src: local('Visby CF Medium Oblique'), local('VisbyCF-MediumOblique'),
        url('fonts/VisbyCF/VisbyCF-MediumOblique.eot?#iefix') format('embedded-opentype'),
        url('fonts/VisbyCF/VisbyCF-MediumOblique.woff2') format('woff2'),
        url('fonts/VisbyCF/VisbyCF-MediumOblique.woff') format('woff'),
        url('fonts/VisbyCF/VisbyCF-MediumOblique.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Visby CF Extra';
    src: url('fonts/VisbyCF/VisbyCF-ExtraBold.eot');
    src: local('Visby CF Extra Bold'), local('VisbyCF-ExtraBold'),
        url('fonts/VisbyCF/VisbyCF-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/VisbyCF/VisbyCF-ExtraBold.woff2') format('woff2'),
        url('fonts/VisbyCF/VisbyCF-ExtraBold.woff') format('woff'),
        url('fonts/VisbyCF/VisbyCF-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Visby CF';
    src: url('fonts/VisbyCF/VisbyCF-Heavy.eot');
    src: local('Visby CF Heavy'), local('VisbyCF-Heavy'),
        url('fonts/VisbyCF/VisbyCF-Heavy.eot?#iefix') format('embedded-opentype'),
        url('fonts/VisbyCF/VisbyCF-Heavy.woff2') format('woff2'),
        url('fonts/VisbyCF/VisbyCF-Heavy.woff') format('woff'),
        url('fonts/VisbyCF/VisbyCF-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

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


@font-face {
    font-family: 'ArnoPro';
    src: url('fonts/ArnoPro/ArnoPro-BoldItalicDisplay.eot');
    src: local('Arno Pro Bold Italic Display'), local('ArnoPro-BoldItalicDisplay'),
        url('fonts/ArnoPro/ArnoPro-BoldItalicDisplay.eot?#iefix') format('embedded-opentype'),
        url('fonts/ArnoPro/ArnoPro-BoldItalicDisplay.woff2') format('woff2'),
        url('fonts/ArnoPro/ArnoPro-BoldItalicDisplay.woff') format('woff'),
        url('fonts/ArnoPro/ArnoPro-BoldItalicDisplay.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'ArnoPro';
    src: url('fonts/ArnoPro/ArnoPro-Display.eot');
    src: local('Arno Pro Display'), local('ArnoPro-Display'),
        url('fonts/ArnoPro/ArnoPro-Display.eot?#iefix') format('embedded-opentype'),
        url('fonts/ArnoPro/ArnoPro-Display.woff2') format('woff2'),
        url('fonts/ArnoPro/ArnoPro-Display.woff') format('woff'),
        url('fonts/ArnoPro/ArnoPro-Display.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ArnoPro';
    src: url('fonts/ArnoPro/ArnoPro-Bold.eot');
    src: local('Arno Pro Bold'), local('ArnoPro-Bold'),
        url('fonts/ArnoPro/ArnoPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/ArnoPro/ArnoPro-Bold.woff2') format('woff2'),
        url('fonts/ArnoPro/ArnoPro-Bold.woff') format('woff'),
        url('fonts/ArnoPro/ArnoPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'ArnoPro';
    src: url('fonts/ArnoPro/ArnoPro-Regular.eot');
    src: local('Arno Pro'), local('ArnoPro-Regular'),
        url('fonts/ArnoPro/ArnoPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/ArnoPro/ArnoPro-Regular.woff2') format('woff2'),
        url('fonts/ArnoPro/ArnoPro-Regular.woff') format('woff'),
        url('fonts/ArnoPro/ArnoPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ArnoPro';
    src: url('fonts/ArnoPro/ArnoPro-BoldDisplay.eot');
    src: local('Arno Pro Bold Display'), local('ArnoPro-BoldDisplay'),
        url('fonts/ArnoPro/ArnoPro-BoldDisplay.eot?#iefix') format('embedded-opentype'),
        url('fonts/ArnoPro/ArnoPro-BoldDisplay.woff2') format('woff2'),
        url('fonts/ArnoPro/ArnoPro-BoldDisplay.woff') format('woff'),
        url('fonts/ArnoPro/ArnoPro-BoldDisplay.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}





@font-face {
    font-family: 'ArnoPro';
    src: url('fonts/ArnoPro/ArnoPro-ItalicDisplay.eot');
    src: local('Arno Pro Italic Display'), local('ArnoPro-ItalicDisplay'),
        url('fonts/ArnoPro/ArnoPro-ItalicDisplay.eot?#iefix') format('embedded-opentype'),
        url('fonts/ArnoPro/ArnoPro-ItalicDisplay.woff2') format('woff2'),
        url('fonts/ArnoPro/ArnoPro-ItalicDisplay.woff') format('woff'),
        url('fonts/ArnoPro/ArnoPro-ItalicDisplay.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}



@font-face {
    font-family: 'ArnoPro';
    src: url('fonts/ArnoPro/ArnoPro-SmbdItalicDisplay.eot');
    src: local('Arno Pro Smbd Italic Display'), local('ArnoPro-SmbdItalicDisplay'),
        url('fonts/ArnoPro/ArnoPro-SmbdItalicDisplay.eot?#iefix') format('embedded-opentype'),
        url('fonts/ArnoPro/ArnoPro-SmbdItalicDisplay.woff2') format('woff2'),
        url('fonts/ArnoPro/ArnoPro-SmbdItalicDisplay.woff') format('woff'),
        url('fonts/ArnoPro/ArnoPro-SmbdItalicDisplay.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'ArnoPro';
    src: url('fonts/ArnoPro/ArnoPro-SmbdDisplay.eot');
    src: local('Arno Pro Smbd Display'), local('ArnoPro-SmbdDisplay'),
        url('fonts/ArnoPro/ArnoPro-SmbdDisplay.eot?#iefix') format('embedded-opentype'),
        url('fonts/ArnoPro/ArnoPro-SmbdDisplay.woff2') format('woff2'),
        url('fonts/ArnoPro/ArnoPro-SmbdDisplay.woff') format('woff'),
        url('fonts/ArnoPro/ArnoPro-SmbdDisplay.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}



@font-face {
    font-family: 'ArnoPro';
    src: url('fonts/ArnoPro/ArnoPro-LightItalicDisplay.eot');
    src: local('Arno Pro Light Italic Display'), local('ArnoPro-LightItalicDisplay'),
        url('fonts/ArnoPro/ArnoPro-LightItalicDisplay.eot?#iefix') format('embedded-opentype'),
        url('fonts/ArnoPro/ArnoPro-LightItalicDisplay.woff2') format('woff2'),
        url('fonts/ArnoPro/ArnoPro-LightItalicDisplay.woff') format('woff'),
        url('fonts/ArnoPro/ArnoPro-LightItalicDisplay.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}



@font-face {
    font-family: 'ArnoPro';
    src: url('fonts/ArnoPro/ArnoPro-LightDisplay.eot');
    src: local('Arno Pro Light Display'), local('ArnoPro-LightDisplay'),
        url('fonts/ArnoPro/ArnoPro-LightDisplay.eot?#iefix') format('embedded-opentype'),
        url('fonts/ArnoPro/ArnoPro-LightDisplay.woff2') format('woff2'),
        url('fonts/ArnoPro/ArnoPro-LightDisplay.woff') format('woff'),
        url('fonts/ArnoPro/ArnoPro-LightDisplay.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}




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





.Times {
	font-family: 'MyriadPro', Times, serif;
	font-size: 17px;
}
.Times strong {
	font-family: 'MyriadPro', Times, serif;
	font-weight: bold;
	font-style: normal;
}
.size-8 {
	font-size: 8px;
}
.size-9 {
	font-size: 9px;
}
.size-10 {
	font-size: 10px;
}
.size-11 {
	font-size: 14px;
}
.size-12 {
	font-size: 12px;
}
.size-13 {
	font-size: 13px;
}
.size-14 {
	font-size: 14px;
}
.size-15 {
	font-size: 15px;
}
.size-16 {
	font-size: 16px;
}
.size-17 {
	font-size: 17px;
}
.size-18 {
	font-size: 18px;
}
.size-19 {
	font-size: 19px;
}
.size-20 {
	font-size: 20px;
}
.size-21 {
	font-size: 21px;
}
.size-22 {
	font-size: 22px;
}
.size-23 {
	font-size: 23px;
}
.size-24 {
	font-size: 24px;
}
.size-25 {
	font-size: 25px;
}
.jaune-orange{color:#FCC002;}
.mauve{color:#414099;}
.bleu-c{color:#10324E;}
.rose{color:#D93C8B;}
.orange{color:#EF4030;}
.brun{color:#8B5E3B;}
.lila{color:#8d63ab;}


strong {
    font-weight: 800 !important;
}

em {
	font-style: italic;
}
/** {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}*/
article, aside, details, figcaption, figure, footer, header, nav, section, summary {
	display: block;
}
audio, canvas, video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden] {
	display: none;
}
.hidden {
	display: none !important;
}
html {
	font-size: 100%;
	/*overflow-y: scroll;*/
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding:0px;
	/*background-color: #ffffff;*/
}
html, button, input, select, textarea {
	font-family: 'MyriadPro', Arial, Helvetica, sans-serif;
	font-size: 16px;
}
body {
	color: #000000;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
a {
	color: #000;
	text-decoration: none;
}
a:visited {
/*color: #000;*/
}
a:focus {
	outline: none;
}
a:active, a:hover {
	color: #137752;
	outline: 0;
}
a:hover {
	text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	line-height: 1.3;
	font-weight: 800;
	font-style: normal;
	font-family: Visby CF EXTRA, Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 26px;
	margin: 0px 0px 0px 0px;

}
h2 {
	font-size: 18px;
	/*margin: 0px 0px 0px 0px;*/
	margin-bottom: 0px;
	margin-top: 0px;
}
h3 {
	font-size: 18px;
	margin-bottom: 0px;
	margin-top: 0px;
}
h4 {
	font-size: 14px;
	margin-bottom: 0px;
	margin-top: 0px;
}
h5 {
	font-size: 12px;
	margin-bottom: 0px;
	margin-top: 0px;
}
h6 {
	font-size: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
}
address {
	font-style: italic;
	margin: 0 0 24px;
}
abbr[title] {
	border-bottom: 1px dotted;
}
dfn {
	font-style: italic;
}
mark {
	background: #ff0;
	color: #000;
}
p {
	margin: 0;
}
.site-main .sidebar-container {
	height: 0;
	position: absolute;
	top: 370px;
	width: 100%;
	z-index: 1;
}
code, kbd, pre, samp {
	font-family: monospace, serif;
	font-size: 14px;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}
/*pre {
	background: #f5f5f5;
	color: #666;
	font-family: monospace;
	font-size: 14px;
	margin: 20px 0;
	overflow: auto;
	padding: 20px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}*/
blockquote, q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	content: none;
}
blockquote {
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	margin: 24px 40px;
}
blockquote blockquote {
	margin-right: 0;
}
blockquote cite, blockquote small {
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}
blockquote em, blockquote i {
	font-style: normal;
	font-weight: 300;
}
blockquote strong, blockquote b {
	font-weight: 400;
}
small {
	font-size: smaller;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
	font-size: 60%;
}
sub {
	bottom: -0.25em;
}
dl {
	margin: 0 20px;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 0 20px;
}
menu, ol, ul {
	/*margin: 8px 0px 5px 0px;*/
	padding: 0px;/*color: white;*/
}
ul {
	list-style-type: square;
}
nav ul, nav ol {
	list-style: none;
	list-style-image: none;/*font-size: 20px;*/
}
li > ul, li > ol {
	margin: 0;
}
img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: top;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 0;
}
form {
	margin: 0;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0;
	padding: 0;
	white-space: normal;
}
button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}
button, input {
	line-height: normal;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled], input[disabled] {
	cursor: default;
}
input[type="checkbox"], input[type="radio"] {
	padding: 0;
}
input[type="search"] {
	-webkit-appearance: textfield;
	padding-right: 2px; /* Don't cut off the webkit search cancel button */
	width: 270px;
}
 input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
 button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
textarea {
	overflow: auto;
	vertical-align: top;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	/*font-size: 12px;*/
	margin: 0 0 0px;/*width: 100%;*/
}
/*caption, th, td {
	font-weight: normal;
	text-align: center;
}*/
caption {
	font-size: 16px;
	margin: 20px 0;
}
th {
	font-weight: bold;
	text-transform: uppercase;
}
td {
	padding: 0px;
	border: 0px;
	margin: 0px;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background: url(images/dotted-line.png) repeat center top;
	background-size: 4px 4px;
	border: 0px;
	height: 1px;/*margin: 0 0 0px;*/
}
/**

 * 2.0 Repeatable Patterns

 * ----------------------------------------------------------------------------

 */



.genericon:before, .menu-toggle:after, .featured-post:before, .date a:before, .entry-meta .author a:before, .format-audio .entry-content:before, .comments-link a:before, .tags-links a:first-child:before, .categories-links a:first-child:before, .edit-link a:before, .attachment .entry-title:before, .attachment-meta:before, .attachment-meta a:before, .comment-awaiting-moderation:before, .comment-reply-link:before, .comment-reply-login:before, .comment-reply-title small a:before, .bypostauthor > .comment-body .fn:before, .error404 .page-title:before {
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font: normal 16px/1 Genericons;
	vertical-align: text-bottom;
}
/* Clearing floats */

.clear:after, .attachment .entry-header:after, .site-footer .widget-area:after, .entry-content:after, .page-content:after, .navigation:after, .nav-links:after, .gallery:after, .comment-form-author:after, .comment-form-email:after, .comment-form-url:after, .comment-body:after {
	clear: both;
}
.clear:before, .clear:after, .attachment .entry-header:before, .attachment .entry-header:after, .site-footer .widget-area:before, .site-footer .widget-area:after, .entry-content:before, .entry-content:after, .page-content:before, .page-content:after, .navigation:before, .navigation:after, .nav-links:before, .nav-links:after, .gallery:before, .gallery:after, .comment-form-author:before, .comment-form-author:after, .comment-form-email:before, .comment-form-email:after, .comment-form-url:before, .comment-form-url:after, .comment-body:before, .comment-body:after {
	content: "";
	display: table;
}
/* Assistive text */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	right: -8px;
}
.screen-reader-text:focus {
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}
/* Form fields, general styles first. */

button, input, textarea {
	border: 1px solid #999;
	font-family: inherit;
	padding: 3px;
	margin: 2px;
}
input, textarea {
	color: #000;
}
input:focus, textarea:focus {
	border: 1px solid #666;
	outline: 0;
}
/* Buttons */



/*button, input[type="submit"], input[type="button"], input[type="reset"] {
	background: #e05d22;
	background: -webkit-linear-gradient(top, #e05d22 0%, #d94412 100%); 
	background:   linear-gradient(to bottom, #e05d22 0%, #d94412 100%);
	border: none;
	border-bottom: 3px solid #b93207;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	padding: 11px 24px 10px;
	text-decoration: none;
}
*/

button, input[type="submit"], input[type="button"], input[type="reset"] {
	background: #000; /* Old browsers */
	color: #fff;
	display: inline-block;
	padding: 5px;
	text-decoration: none;
	background-color: #000;
}
button:hover, button:focus, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus {
	background-color: #F00;
}
button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active {
	background-color: #F00;
}
.post-password-required input[type="submit"] {
	padding: 7px 24px 4px;
	vertical-align: bottom;
}
.post-password-required input[type="submit"]:active {
	padding: 5px 24px 6px;
}



/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {
 color: #7d7b6d;
}



:-moz-placeholder {
 color: #7d7b6d;
}



::-moz-placeholder {
 color: #7d7b6d;
}



:-ms-input-placeholder {
 color: #7d7b6d;
}
/*

 * Responsive images

 *

 * Fluid images for posts, comments, and widgets

 */

.entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption {
	max-width: 100%;
}
/* Make sure images with WordPress-added height and width attributes are scaled correctly. */

.entry-content img, .entry-summary img, .comment-content img[height], img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {
	height: auto;
}
img.size-full, img.size-large, img.wp-post-image {
	height: auto;
	max-width: 100%;
}
/* Make sure videos and embeds fit their containers. */

embed, iframe, object, video {
	max-width: 100%;
}
/* Override the Twitter embed fixed width. */

.entry-content .twitter-tweet-rendered {
	max-width: 100% !important;
}
/* Images */

.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft {
	margin: 0px 20px 0px 0;
}
.wp-caption.alignleft {
	margin: 5px 10px 5px 0;
}
img.alignright {
	margin: 0px;
}
.wp-caption.alignright {
	margin: 5px 0 5px 10px;
}
img.aligncenter {
	margin: 0px auto;
}
img.alignnone {
	margin: 0;
}
.wp-caption .wp-caption-text, .entry-caption, .gallery-caption {
	color: #220e10;
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
}
img.wp-smiley, .rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption.alignleft + ul, .wp-caption.alignleft + ol {
	list-style-position: inside;
}
/**

 * 3.0 Basic Structure

 * ----------------------------------------------------------------------------

 */



.site {
	background-color: rgba(255, 255, 255, 0);
	margin: 0 auto;
	max-width: 1000px;/*width: 1000px;*//*padding-top:10px;*/
}
.site-main {
	position: relative;
}
.site-main .sidebar-container {
	height: 0;
	position: absolute;
	top: 40px;
	max-width: 1000px;
	z-index: 1;
}
.site-main .sidebar-inner {
	margin: 0 auto;
	max-width: 1000px;
}
/**

 * 4.0 Header

 * ----------------------------------------------------------------------------

 */



/**

 * 4.1 Site Header

 * ----------------------------------------------------------------------------

 */


/*
.site-header {
	position: relative;
	background: url(https://www.onlille.com/saison_21-22/wp-content/uploads/spacer.gif) no-repeat scroll top;
	background-size: 300px auto;
	background-position: center 0px;
	margin-bottom: 0px;
	background-color: rgba(255, 255, 255, 0);
}
#header-left {
	text-align: left;
	padding-top: 15px;
	padding-bottom: 5px;
	float: left;
}

.header-region {
    font-size: 10px;
    font-family: Visby CF, Arial, Helvetica, sans-serif;
    letter-spacing: 0.75px;
}

.header-bloch {
    font-size: 14px;
    font-family: Visby CF, Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
}

.site-header h1 {
    font-size: 45px;
    letter-spacing: 0px;
    text-shadow: 0em 0em 0.3em #ffffff;
    line-height: 1em;
    font-weight: 500;
	margin-bottom: 15px;
}
#header-center {
	margin: auto;
	position: relative;
	padding-left: 300px;
	width: 300px;
	top: 80px;
	font-size: 20px;
	text-align: center;
}
#header-right {
	text-align: right;
	padding-top: 10px;
	padding-bottom: 20px;
	float: right;
	margin-top: 70px;
}
#liens-header {
    font-size: 14px;
    margin-bottom: 10px;
    font-family: Visby CF, Arial, Helvetica, sans-serif;
}

*/


.site-header .home-link {
	color: #141412;
	display: block;
	/*min-height: 23px;*/
	padding: 0px;
	text-decoration: none;
	width: 70%;
	height: 80%;
	position: absolute;
	top: 0px;
}
.site-header .site-title:hover {
	text-decoration: underline;
}
.site-title {
	font-size: 60px;
	font-weight: bold;
	line-height: 1;
	margin: 0;
	padding: 58px 0 10px;
}
.site-description {
	font: 300 italic 24px "Source Sans Pro", Helvetica, sans-serif;
	margin: 0;
}
/**

 * 4.2 Navigation

 * ----------------------------------------------------------------------------

 */



.main-navigation {
	clear: both;
	margin: 0 auto;
	/*max-width: 1000px;*/
	position: relative;
	/*background-color:#000000;*/
	color: white;
}
/* ------------------------------- */

/*

 * 

 */

.menu-menu-2-container {
	width: 200px;
	/*margin-left: 800px;*/
	margin-top: 0px;
	margin-bottom: 10px;
}
ul.navi-menu2, div.navi-menu2 > ul {
	margin: 0;
	padding: 0 0px 0 0;
}
.navi-menu2 li {
	float: none;
	position: relative;
	text-align: right;
}
.navi-menu2 li a {
	color: #000;
	display: block;
	line-height: 1.1;
	padding: 2px 5px;
	text-decoration: none;
}
.navi-menu2 li:hover > a, .navi-menu2 li a:hover {
	color: #E30613;
}
.navi-menu2 .sub-menu, .navi-menu2 .children {
	background-color: #dedede;
	display: none;
	padding: 0;
	position: absolute;
	z-index: 99999;
	float: left;
}
.navi-menu2 .sub-menu ul, .navi-menu2 .children ul {
	border-left: 0;
	top: 0;
}
ul.navi-menu2 ul a, .navi-menu2 ul ul a {
	color: #000;
	margin: 0;
	width: 200px;
}
ul.navi-menu2 ul a:hover, .navi-menu2 ul ul a:hover {
	color: black;
	font-weight: bold;
	text-decoration: underline;
}
ul.navi-menu2 li:hover > ul, .navi-menu2 ul li:hover > ul {
	display: block;
	float: left;
}
.navi-menu2 .current_page_item > a, .navi-menu2 .current_page_ancestor > a, .navi-menu2 .current-menu-item > a, .navi-menu2 .current-menu-ancestor > a {
	color: black;
	font-weight: bold;
	text-decoration: underline;
}
/* ------------------------------------------------------- */



ul.nav-menu, div.nav-menu > ul {
	margin: 0;
	padding: 0 0px 0 0;
}
.nav-menu li {
	display: inline-block;
	position: relative;
}
.nav-menu li a {
	color: #137752;
	display: block;
	line-height: 1;
	padding: 15px 15px;
	text-decoration: none;
	font-weight: bold;
}
.nav-menu li:hover > a, .nav-menu li a:hover {
	color: #000;
}
.nav-menu .sub-menu, .nav-menu .children {
	background-color: #dedede;
	display: none;
	padding: 0;
	position: absolute;
	z-index: 99999;
	float: left;
}
.nav-menu .sub-menu ul, .nav-menu .children ul {
	border-left: 0;
	top: 0;
}
ul.nav-menu ul a, .nav-menu ul ul a {
	color: #000;
	margin: 0;
	width: 200px;
}
ul.nav-menu ul a:hover, .nav-menu ul ul a:hover {
	color: black;
	font-weight: bold;
	text-decoration: underline;
}
ul.nav-menu li:hover > ul, .nav-menu ul li:hover > ul {
	display: block;
	float: left;
}
.nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a {
	color: black;
	font-weight: bold;
	text-decoration: underline;
}
.menu-toggle {
	display: none;
}
/* ------------------------------- */



/* Navbar */

.navbar {
/*margin: 0 auto;*/
	/*margin-top:20px;*/
	/*margin-bottom:20px;*/
	/*max-width: 1000px;*/
}
.site-header .search-form {
}
.site-header .search-field {
	/*background-color: transparent;*/
	background-image: url(images/search-icon.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border-color: #ccc;
	/*border: none;*/
	border-radius: 5px;
	cursor: pointer;
	height: 30px;
	margin: 3px 0;
	padding: 0 0 0 34px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition: width 400ms ease, background 400ms ease;
	width: 0;
}
.site-header .search-field:focus {
	background-color: #fff;
	border: 1px solid #ccc;
	cursor: text;
	outline: 0;
	width: 230px;
}
/**

 * 5.0 Content

 * ----------------------------------------------------------------------------

 */



.hentry {
	/*padding: 40px 0;*/
	/*font-family: 'MyriadPro', Arial, Helvetica, sans-serif;*/
}
/*.hentry h2, h1 {
	font-family: Visby CF, Arial, Helvetica, sans-serif !important;
}*/
.entry-header, .entry-content, .entry-summary, .entry-meta {
	margin: 0 auto;
	width: 100%;
}
.sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta {
	max-width: 1000px;
	padding: 0 376px 0 60px;
}
/**

 * 5.1 Entry Header

 * ----------------------------------------------------------------------------

 */



.sidebar .entry-header .entry-meta {
	padding: 0;
}
.entry-thumbnail img {
	display: block;
	margin: 0 auto 10px;
}
.entry-header {
	margin-bottom: 30px;
}
.entry-title {
	font-weight: normal;
	margin: 0 0 5px;
}
.entry-title a {
	color: #000000;
}
.entry-title a:hover {
	color: #7d7b6d;
}
/**

 * 5.2 Entry Meta

 * ----------------------------------------------------------------------------

 */



.entry-meta {
	clear: both;
	font-size: 14px;
}
.entry-meta a {
	color: #bc360a;
}
.entry-meta a:hover {
	color: #7d7b6d;
}
.entry-meta > span {
	margin-right: 20px;
}
.entry-meta > span:last-child {
	margin-right: 0;
}
.featured-post:before {
	content: "\f308";
	margin-right: 2px;
}
.entry-meta .date a:before {
	content: "\f303";
}
.comments-link a:before {
	content: "\f300";
	margin-right: 2px;
	position: relative;
	top: -1px;
}
.entry-meta .author a:before {
	content: "\f304";
	position: relative;
	top: -1px;
}
.categories-links a:first-child:before {
	content: "\f301";
}
.tags-links a:first-child:before {
	content: "\f302";
	position: relative;
	top: -1px;
}
.edit-link a:before {
	content: "\f411";
	position: relative;
	top: -1px;
}
.single-author .entry-meta .author, .sticky.format-standard .entry-meta .date, .sticky.format-audio .entry-meta .date, .sticky.format-chat .entry-meta .date, .sticky.format-image .entry-meta .date, .sticky.format-gallery .entry-meta .date {
	display: none;
}
/**

 * 5.3 Entry Content

 * ----------------------------------------------------------------------------

 */



/*.entry-content {
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	word-wrap: break-word;
}*/
.entry-content a, .comment-content a {
	color: #000000;
}
.entry-content a:hover, .comment-content a:hover {
	color: #e9494e;
}
.entry-content blockquote {
	font-size: 24px;
}
.entry-content blockquote cite, .entry-content blockquote small {
	font-size: 16px;
}
.entry-content img.alignleft, .entry-content .wp-caption.alignleft {
	margin-left: -60px;
}
.entry-content img.alignright, .entry-content .wp-caption.alignright {
	margin-right: -60px;
}
footer.entry-meta {
	margin-top: 24px;
}
.format-standard footer.entry-meta {
	margin-top: 0;
}
/* Page links */

.page-links {
	clear: both;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	line-height: 2.2;
	margin: 20px 0;
	text-transform: uppercase;
}
.page-links a, .page-links > span {
	background: #fff;
	border: 1px solid #fff;
	padding: 5px 10px;
	text-decoration: none;
}
.format-status .entry-content .page-links a, .format-gallery .entry-content .page-links a, .format-chat .entry-content .page-links a, .format-quote .entry-content .page-links a, .page-links a {
	background: #e63f2a;
	border: 1px solid #e63f2a;
	color: #fff;
}
.format-gallery .entry-content .page-links a:hover, .format-audio .entry-content .page-links a:hover, .format-status .entry-content .page-links a:hover, .format-video .entry-content .page-links a:hover, .format-chat .entry-content .page-links a:hover, .format-quote .entry-content .page-links a:hover, .page-links a:hover {
	background: #fff;
	color: #e63f2a;
}
.format-status .entry-content .page-links > span, .format-quote .entry-content .page-links > span {
	background: none;
}
.page-links .page-links-title {
	background: transparent;
	border: none;
	margin-right: 20px;
	padding: 0;
}
/* Mediaelements */

.hentry .mejs-mediaelement, .hentry .mejs-container .mejs-controls {
	background: #220e10;
}
.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	background: #fff;
}
.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
	background: #ea9629;
}
.hentry .mejs-controls .mejs-time-rail .mejs-time-total, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	background: #595959;
}
.hentry .mejs-controls .mejs-time-rail span, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	border-radius: 0;
}
/**

 * 5.4 Galleries

 * ----------------------------------------------------------------------------

 */



.gallery {
	margin-bottom: 20px;
	margin-left: -4px;
}
.gallery-item {
	float: left;
	margin: 0 4px 4px 0;
	overflow: hidden;
	position: relative;
}
.gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail, .gallery-columns-2.gallery-size-thumbnail, .gallery-columns-3.gallery-size-thumbnail {
	display: table;
	margin: 0 auto 20px;
}
.gallery-columns-1 .gallery-item, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item {
	text-align: center;
}
.gallery-columns-4 .gallery-item {
	max-width: 23%;
	max-width: -webkit-calc(25% - 4px);
	max-width: calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
	max-width: 19%;
	max-width: -webkit-calc(20% - 4px);
	max-width: calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
	max-width: 15%;
	max-width: -webkit-calc(16.7% - 4px);
	max-width: calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
	max-width: 13%;
	max-width: -webkit-calc(14.28% - 4px);
	max-width: calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
	max-width: 11%;
	max-width: -webkit-calc(12.5% - 4px);
	max-width: calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
	max-width: 9%;
	max-width: -webkit-calc(11.1% - 4px);
	max-width: calc(11.1% - 4px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right: 0;
}
.gallery-caption {
	background-color: rgba(0, 0, 0, 0.7);
	box-sizing: border-box;
	color: #fff;
	font-size: 14px;
	line-height: 1.3;
	margin: 0;
	max-height: 50%;
	opacity: 0;
	padding: 2px 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	-webkit-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
	width: 100%;
}
.gallery-caption:before {
	box-shadow: 0 -10px 15px #000 inset;
	content: "";
	height: 100%;
	min-height: 49px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.gallery-item:hover .gallery-caption {
	opacity: 1;
}
.gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {
	display: none;
}
/**

 * 5.5 Post Formats

 * ----------------------------------------------------------------------------

 */



/* Aside */

.format-aside {
}
.blog .format-aside:first-of-type, .single .format-aside:first-of-type, .format-aside + .format-aside, .format-aside + .format-link, .format-link + .format-aside {
	box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2);
}
.format-aside .entry-meta {
	margin-top: 0;
}
.format-aside blockquote {
	font-size: 100%;
	font-weight: normal;
}
.format-aside cite {
	font-size: 100%;
	text-transform: none;
}
.format-aside cite:before {
	content: "\2014";
	margin-right: 5px;
}
/* Audio */

.format-audio {
	background-color: #db572f;
}
.format-audio .entry-title {
	font-size: 28px;
	font-weight: bold;
}
.format-audio .entry-content:before {
	content: "\f109";
	float: left;
	font-size: 64px;
	position: relative;
	top: 4px;
}
.format-audio .entry-content a, .format-audio .entry-meta a, .format-audio .entry-content a:hover, .format-audio .entry-meta a:hover {
	color: #fbfaf3;
}
.format-audio .audio-content {
	background: url(images/dotted-line.png) repeat-y left top;
	background-size: 4px 4px;
	float: right;
	padding-left: 35px;
	width: 80%;
	width: -webkit-calc(100% - 85px);
	width: calc(100% - 85px);
}
.format-audio .wp-audio-shortcode {
	height: 30px !important; /* Override mediaelement.js style */
	margin: 20px 0;
	max-width: 400px !important; /* Override mediaelement.js style */
}
.format-audio audio {
	max-width: 100% !important; /* Avoid player width overflow. */
}
/* Chat */

.format-chat {
	background-color: #eadaa6;
}
.format-chat .entry-title {
	font-size: 28px;
	font-weight: bold;
}
.format-chat .entry-meta a, .format-chat .entry-content a {
	color: #722d19;
}
.format-chat .entry-meta .date a:before {
	content: "\f108";
	margin-right: 2px;
}
.format-chat .entry-meta .author {
	display: none;
}
.format-chat .chat {
	margin: 0;
}
.format-chat .chat .chat-timestamp {
	color: #722d19;
	float: right;
	font-size: 12px;
	font-weight: normal;
	margin: 5px 10px 0;
}
.format-chat .chat .fn {
	font-style: normal;
}
/* Gallery */

.format-gallery {
	background-color: #fbca3c;
}
.format-gallery .entry-header {
	margin-bottom: 15px;
}
.format-gallery .entry-title {
	font-size: 50px;
	font-weight: 400;
	margin: 0;
}
.format-gallery .entry-meta a, .format-gallery .entry-content a {
	color: #722d19;
}
/* Image */

.format-image .entry-title {
	font-size: 28px;
	font-weight: bold;
}
.format-image .categories-links, .format-image .tags-links {
	display: none;
}
/* Link */

.format-link {
	background-color: #f70000;
}
.blog .format-link:first-of-type, .single .format-link:first-of-type {
	box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2);
}
.format-link .entry-header, .format-link .entry-content p:last-child {
	margin-bottom: 0;
}
.format-link .entry-title {
	color: #ca3c08;
	display: inline;
	font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
	margin-right: 20px;
}
.format-link .entry-title a {
	color: #bc360a;
}
.format-link div.entry-meta {
	display: inline;
}
/* Quote */

.format-quote {
	background-color: #210d10;
}
.format-quote .entry-content, .format-quote .entry-meta {
	color: #f7f5e7;
}
.format-quote .entry-content blockquote {
	font-size: 28px;
	margin: 0;
}
.format-quote .entry-content a, .format-quote .entry-meta a, .format-quote .linked {
	color: #e63f2a;
}
.format-quote .entry-content cite a {
	border-bottom: 1px dotted #fff;
	color: #fff;
}
.format-quote .entry-content cite a:hover {
	text-decoration: none;
}
.format-quote blockquote small, .format-quote blockquote cite {
	display: block;
	font-size: 16px;
}
.format-quote blockquote {
	font-style: italic;
	font-weight: 300;
	padding-left: 75px;
	position: relative;
}
.format-quote blockquote:before {
	content: '\201C';
	font-size: 140px;
	font-weight: 400;
	line-height: .8;
	padding-right: 25px;
	position: absolute;
	left: -15px;
	top: -3px;
}
.format-quote .entry-meta .author {
	display: none;
}
/* Status */

.format-status {
	background-color: #722d19;
	padding: 0;
}
.format-status .entry-content, .format-status .entry-meta {
	padding-left: 35px;
	position: relative;
}
.format-status .entry-content a {
	color: #eadaa6;
}
.format-status .entry-meta a {
	color: #f7f5e7;
}
.sidebar .format-status .entry-content, .sidebar .format-status .entry-meta {
	padding-left: 95px;
}
.format-status .entry-content:before, .format-status .entry-meta:before {
	background: url(images/dotted-line.png) repeat-y left bottom;
	background-size: 4px 4px;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	left: 10px;
	top: 0;
	width: 1px;
}
.sidebar .format-status .entry-content:before, .sidebar .format-status .entry-meta:before {
	left: 70px;
}
.format-status .categories-links, .format-status .tags-links {
	display: none;
}
/* Ensures the dots in the dot background are in lockstep. */

.format-status .entry-meta:before {
	background-position: left top;
}
.format-status .entry-content {
	color: #f7f5e7;
	font-size: 24px;
	font-style: italic;
	font-weight: 300;
	padding-bottom: 30px;
	padding-top: 40px;
	position: relative;
}
.format-status .entry-content p:first-child:before {
	background-color: rgba(0, 0, 0, 0.65);
	content: "";
	height: 3px;
	margin-top: 13px;
	position: absolute;
	left: 4px;
	width: 13px;
}
.sidebar .format-status .entry-content > p:first-child:before {
	left: 64px;
}
.format-status .entry-content p:last-child {
	margin-bottom: 0;
}
.format-status .entry-meta {
	margin-top: 0;
	padding-bottom: 40px;
}
.format-status .entry-meta .date a:before {
	content: "\f105";
}
/* Video */

.format-video {
	background-color: #CCC;
}
.format-video .entry-content a, .format-video .entry-meta a, .format-video .entry-content a:hover, .format-video .entry-meta a:hover {
	color: #666;
}
.format-video .entry-title {
	font-size: 50px;
	font-weight: 400;
}
.format-video .entry-meta {
	color: #220e10;
}
/**

 * 5.6 Attachments

 * ----------------------------------------------------------------------------

 */



.attachment .hentry {
	margin: 0;
	padding: 0;
}
.attachment .entry-header {
	margin-bottom: 0;
	max-width: 1040px;
	padding: 30px 0;
}
.attachment .entry-title {
	display: inline-block;
	float: left;
	font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;
	margin: 0;
}
.attachment .entry-title:before {
	content: "\f416";
	font-size: 32px;
	margin-right: 10px;
}
.attachment .entry-meta {
	clear: none;
	color: inherit;
	float: right;
	max-width: 604px;
	padding: 9px 0 0;
	text-align: right;
}
.hentry.attachment:not(.image-attachment) .entry-meta {
	max-width: 104px;
}
.attachment footer.entry-meta {
	display: none;
}
.attachment-meta:before {
	content: "\f307";
}
.full-size-link a:before {
	content: "\f402";
}
.full-size-link:before {
	content: none;
}
.attachment .entry-meta a, .attachment .entry-meta .edit-link:before, .attachment .full-size-link:before {
	color: #ca3c08;
}
.attachment .entry-content {
	background-color: #fff;
	max-width: 100%;
	padding: 40px 0;
}
.image-navigation {
	margin: 0 auto;
	max-width: 1040px;
	position: relative;
}
.image-navigation a:hover {
	text-decoration: none;
}
.image-navigation .nav-previous, .image-navigation .nav-next {
	position: absolute;
	top: 50px;
}
.image-navigation .nav-previous {
	left: 0;
}
.image-navigation .nav-next {
	right: 0;
}
.image-navigation .meta-nav {
	font-size: 32px;
	font-weight: 300;
	vertical-align: -4px;
}
.attachment .entry-attachment, .attachment .type-attachment p {
	margin: 0 auto;
	max-width: 724px;
	text-align: center;
}
.attachment .entry-attachment .attachment {
	display: inline-block;
}
.attachment .entry-caption {
	text-align: left;
}
.attachment .entry-description {
	margin: 20px auto 0;
	max-width: 604px;
}
.attachment .entry-caption p:last-child, .attachment .entry-description p:last-child {
	margin: 0;
}
.attachment .site-main .sidebar-container {
	display: none;
}
/**

 * 5.7 Post/Paging Navigation

 * ----------------------------------------------------------------------------

 */



.navigation2 {
	float: left;
	width: 1000px;
}
#menu-menu-2 {
	text-align: left;
	font-size: 11px;
}
#menu-menu-3 {
	text-align: right;
	font-size: 11px;
	margin-top: -10px;
	margin-right: -10px;
}
.navigation .nav-previous {
	float: left;
}
.navigation .nav-next {
	float: right;
}
.navigation a {
/*color: white;*/
}
.navigation a:hover {
	/*color: #666;*/
	text-decoration: none;
}
.paging-navigation {
	padding: 40px 0;
}
.paging-navigation .nav-links {
	margin: 0 auto;
	max-width: 604px;
	width: 100%;
}
.sidebar .paging-navigation .nav-links {
	max-width: 1000px;
	padding: 0 376px 0 60px;
}
.paging-navigation .nav-next {
	padding: 13px 0;
}
.paging-navigation a {
	font-size: 22px;
	font-style: italic;
	font-weight: 300;
}
.paging-navigation .meta-nav {
	background-color: #414141;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: 26px;
	padding: 3px 0 8px;
	text-align: center;
	width: 50px;
}
.paging-navigation .nav-previous .meta-nav {
	margin-right: 10px;
	padding: 17px 0 23px;
	width: 80px;
}
.paging-navigation .nav-next .meta-nav {
	margin-left: 10px;
}
.paging-navigation a:hover .meta-nav {
	background-color: #666;
	text-decoration: none;
}
.post-navigation {
	background-color: #fff;
	color: #ca3c08;
	font-size: 20px;
	font-style: italic;
	font-weight: 300;
	padding: 20px 0;
}
.post-navigation .nav-links {
	margin: 0 auto;
	max-width: 1040px;
}
.sidebar .post-navigation .nav-links {
	padding: 0 376px 0 60px;
}
.post-navigation a[rel="next"] {
	float: right;
	text-align: right;
}
/**

 * 5.8 Author Bio

 * ----------------------------------------------------------------------------

 */



.author-info {
	margin: 0 auto;
	max-width: 604px;
	padding: 30px 0 10px;
	text-align: left; /* gallery & video post formats */
	width: 100%;
}
.author.sidebar .author-info {
	max-width: 1040px;
	padding: 30px 376px 10px 60px;
}
.single .author-info {
	padding: 50px 0 0;
}
.author-avatar .avatar {
	float: left;
	margin: 0 30px 30px 0;
}
.single-format-status .author-description {
	color: #f7f5e7;
}
.author-description .author-title {
	clear: none;
	font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
	margin: 0 0 8px;
}
.author-link {
	color: #ca3c08;
	margin-left: 2px;
}
.author.archive .author-link {
	display: none;
}
/**

 * 5.9 Archives

 * ----------------------------------------------------------------------------

 */



.archive-header {
}
.archive-title, .archive-meta {
	font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;
	margin: 0 auto;
	max-width: 1040px;
	padding: 30px 0;
	width: 100%;
}
.archive-meta {
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	margin-top: -15px;
	padding: 0 0 11px;
}
.sidebar .archive-meta {
	padding-right: 316px;
}
/**

 * 5.10 Search Results/No posts

 * ----------------------------------------------------------------------------

 */



.page-header {
}
.page-title {
	font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;
	margin: 0 auto;
	max-width: 1040px;
	padding: 30px 0;
	width: 100%;
}
.page-content {
	margin: 0 auto;
	max-width: 604px;
	padding: 40px 0;
	width: 100%;
}
.sidebar .page-content {
	margin: 0 auto;
	max-width: 1040px;
	padding: 40px 376px 40px 60px;
}
/**

 * 5.11 404

 * ----------------------------------------------------------------------------

 */



.error404 .page-header {
	background-color: #fff;
}
.error404 .page-title {
	line-height: 0.6;
	margin: 0;
	padding: 20px;
	position: relative;
	text-align: center;
	width: auto;
}
.error404 .page-title:before {
/*font-family:Arial, "sans-serif";
	color: #e9494e;
	content: "404";
	font-size: 30pt;
	line-height: 0.6;
	overflow: hidden;
	position: absolute;
	left: 7px;
	top: 28px;*/
}
.error404 .page-wrapper {
}
.error404 .page-header, .error404 .page-content {
	margin: 0 auto;
	max-width: 1000px;
	padding: 30px;/*width: 100%;*/
}
/**

 * 5.12 Comments

 * ----------------------------------------------------------------------------

 */



.comments-title, .comment-list, .comment-reply-title, .must-log-in, .comment-respond .comment-form, .comment-respond iframe {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 604px;
	width: 100%;
}
.sidebar .comments-title, .sidebar .comment-list, .sidebar .must-log-in, .sidebar .comment-reply-title, .sidebar .comment-navigation, .sidebar .comment-respond .comment-form {
	max-width: 1040px;
	padding-left: 60px;
	padding-right: 376px;
}
.comments-title {
	font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif;
}
.comment-list, .comment-list .children {
	list-style-type: none;
	padding: 0;
}
.comment-list .children {
	margin-left: 20px;
}
.comment-list > li:after, .comment-list .children > li:before {
	background: url(images/dotted-line.png) repeat left top;
	background-size: 4px 4px;
	content: "";
	display: block;
	height: 1px;
	width: 100%;
}
.comment-list > li:last-child:after {
	display: none;
}
.comment-body {
	padding: 24px 0;
	position: relative;
}
.comment-author {
	float: left;
	max-width: 74px;
}
.comment-author .avatar {
	display: block;
	margin-bottom: 10px;
}
.comment-author .fn {
	word-wrap: break-word;
}
.comment-author .fn, .comment-author .url, .comment-reply-link, .comment-reply-login {
	color: #bc360a;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}
.says {
	display: none;
}
.no-avatars .comment-author {
	margin: 0 0 5px;
	max-width: 100%;
	position: relative;
}
.no-avatars .comment-metadata, .no-avatars .comment-content, .no-avatars .comment-list .reply {
	width: 100%;
}
.bypostauthor > .comment-body .fn:before {
	content: "\f408";
	vertical-align: text-top;
}
.comment-list .edit-link {
	margin-left: 20px;
}
.comment-metadata, .comment-awaiting-moderation, .comment-content, .comment-list .reply {
	float: right;
	width: 79%;
	width: -webkit-calc(100% - 124px);
	width: calc(100% - 124px);
	word-wrap: break-word;
}
.comment-meta, .comment-meta a {
	color: #a2a2a2;
	font-size: 13px;
}
.comment-meta a:hover {
	color: #ea9629;
}
.comment-metadata {
	margin-bottom: 20px;
}
.ping-meta {
	color: #a2a2a2;
	font-size: 13px;
	line-height: 2;
}
.comment-awaiting-moderation {
	color: #a2a2a2;
}
.comment-awaiting-moderation:before {
	content: "\f414";
	margin-right: 5px;
	position: relative;
	top: -2px;
}
.comment-reply-link:before, .comment-reply-login:before {
	content: "\f412";
	margin-right: 3px;
}
/* Comment form */

.comment-respond {
	padding: 30px 0;
}
.comment .comment-respond {
	margin-bottom: 20px;
	padding: 20px;
}
.comment-reply-title {
	font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif;
}
.comment-reply-title small a {
	color: #131310;
	display: inline-block;
	float: right;
	height: 16px;
	overflow: hidden;
	width: 16px;
}
.comment-reply-title small a:hover {
	color: #ed331c;
	text-decoration: none;
}
.comment-reply-title small a:before {
	content: "\f406";
	vertical-align: top;
}
.sidebar .comment-list .comment-reply-title, .sidebar .comment-list .comment-respond .comment-form {
	padding: 0;
}
.comment-form .comment-notes {
	margin-bottom: 15px;
}
.comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url {
	margin-bottom: 8px;
}
.comment-form [for="author"], .comment-form [for="email"], .comment-form [for="url"], .comment-form [for="comment"] {
	float: left;
	padding: 5px 0;
	width: 120px;
}
.comment-form .required {
	color: #ed331c;
}
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] {
	max-width: 270px;
	width: 60%;
}
.comment-form textarea {
	width: 100%;
}
.form-allowed-tags, .form-allowed-tags code {
	color: #686758;
	font-size: 12px;
}
.form-allowed-tags code {
	font-size: 10px;
	margin-left: 3px;
}
.comment-list .pingback, .comment-list .trackback {
	padding-top: 24px;
}
.comment-navigation {
	font-size: 20px;
	font-style: italic;
	font-weight: 300;
	margin: 0 auto;
	max-width: 604px;
	padding: 20px 0 30px;
	width: 100%;
}
.no-comments {
	font-size: 20px;
	font-style: italic;
	font-weight: 300;
	margin: 0;
	padding: 40px 0;
	text-align: center;
}
.sidebar .no-comments {
	padding-left: 60px;
	padding-right: 376px;
}
/**

 * 5.13 Multisite

 * ----------------------------------------------------------------------------

 */



.site-main .mu_register {
	margin: 0 auto;
	max-width: 604px;
	width: 100%;
}
.mu_alert {
	margin-top: 25px;
}
.site-main .mu_register input[type="submit"], .site-main .mu_register #blog_title, .site-main .mu_register #user_email, .site-main .mu_register #blogname, .site-main .mu_register #user_name {
	font-size: inherit;
	width: 270px;
}
.site-main .mu_register input[type="submit"] {
	width: auto;
}
/**

 * 6.0 Sidebar

 * ----------------------------------------------------------------------------

 */



.site-main .widget-area {
	float: right;
	width: 300px;
}
/**

 * 6.1 Widgets

 * ----------------------------------------------------------------------------

 */



.widget {
	font-size: 14px;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	margin: 0 0 0px;
	padding: 0px;
	word-wrap: break-word;
}
.widget .widget-title {
	font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
	margin: 0 0 10px;
}
.widget ul, .widget ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.widget li {
	padding: 5px 0;
}
.widget .children li:last-child {
	padding-bottom: 0;
}
.widget li > ul, .widget li > ol {
	margin-left: 20px;
}
.widget a {
	color: #bc360a;
}
.widget a:hover {
	color: #ea9629;
}
/* Search widget */

.search-form .search-submit {
	display: none;
}
/* RSS Widget */

.widget_rss .rss-date {
	display: block;
}
.widget_rss .rss-date, .widget_rss li > cite {
	color: #a2a2a2;
}
/* Calendar Widget */

.widget_calendar table, .widget_calendar td {
	border: 0;
	border-collapse: separate;
	border-spacing: 1px;
}
.widget_calendar caption {
	font-size: 14px;
	margin: 0;
}
.widget_calendar th, .widget_calendar td {
	padding: 0;
	text-align: center;
}
.widget_calendar a {
	display: block;
}
.widget_calendar a:hover {
	background-color: rgba(0, 0, 0, 0.15);
}
.widget_calendar tbody td {
	background-color: rgba(255, 255, 255, 0.5);
}
.site-footer .widget_calendar tbody td {
	background-color: rgba(255, 255, 255, 0.05);
}
.widget_calendar tbody .pad, .site-footer .widget_calendar tbody .pad {
	background-color: transparent;
}
/**

 * 7.0 Footer

 * ----------------------------------------------------------------------------

 */



/*.site-footer {
	margin-top: 4px;
	margin-bottom: 20px;
	background-color: rgba(255, 255, 255, 0);
	border-top: 1px solid #888;
	padding: 5px;
	font-size: 13px;
}*/
.site-footer .widget-area, .sidebar .site-footer {
	text-align: left;
}
.site-footer a {
	color: #137752;
}
.site-footer .sidebar-container {
	background-color: #000;
	padding: 20px 0;
}
.site-footer .widget-area {
	margin: 0 auto;
	max-width: 1000px;
	width: 100%;
}
.sidebar .site-footer .widget-area {
	max-width: 724px;
	position: relative;
	left: -158px;
}
.site-footer .widget {
	background: transparent;
	color: #fff;
	float: left;
	margin-right: 20px;
	width: 245px;
}
.sidebar .site-footer .widget {
	width: 228px;
}
.sidebar .site-footer .widget:nth-of-type(4), .sidebar .site-footer .widget:nth-of-type(3) {
	margin-right: 0;
}
.site-footer .widget a {
	color: #e6402a;
}
.site-footer .widget-title, .site-footer .widget-title a, .site-footer .wp-caption-text {
	color: #fff;
}
.site-info {
	margin: 0 auto;
	max-width: 1000px;
	padding: 30px 0;
	width: 100%;
}
#wpstats {
	display: block;
	margin: -10px auto 0;
}
/**

 * 8.0 Media Queries

 * ----------------------------------------------------------------------------

 */



/* Does the same thing as <meta name="viewport" content="width=device-width">,

 * but in the future W3C standard way. -ms- prefix is required for IE10+ to

 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor

 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.

 */

/*@-ms-viewport {
 width: device-width;
}
 @viewport {
 width: device-width;
}
*/

#col_slider_home {
	margin-left: 4px!important;
}
.royalSlider {
	margin: auto !important;
}

@media (max-width: 1600px) {
.site {
	border: 0;
}
}

@media (max-width: 1200px) {
.site {
	border: 0;
}
}

@media screen and (max-width: 959px) {
.site {
	border: 0;
}
#col_slider_home {
	margin-left: 4px !important;
	width: 98.2%;
}
}

@media (max-width: 1069px) {
.sidebar img.alignleft, .sidebar .wp-caption.alignleft {
	margin-left: 0;
}
.sidebar img.alignright, .sidebar .wp-caption.alignright {
	margin-right: 0;
}
.error404 .page-header {
	margin-left: auto;
	max-width: 604px;
	width: 100%;
}
.archive-header, .search .page-header, .archive .page-header, .blog .page-header, .error404 .page-content, .search .page-content, .archive .page-content, .attachment .entry-header, .attachment .entry-content, .post-navigation .nav-links, .sidebar .site-info, .site-footer .widget-area {
	padding-left: 20px;
	padding-right: 20px;
}
.error404 .page-title {
	font-size: 24px;
	padding: 180px;
}
.error404 .page-title:before {
	font-size: 554px;
}
.attachment .image-navigation {
	max-width: 724px;
}
.image-navigation .nav-previous, .image-navigation .nav-next {
	position: static;
}
.site-main .widget-area {
	margin-right: 60px;
}
}

@media (max-width: 999px) {
.sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta, .sidebar .comment-list, .sidebar .comment-reply-title, .sidebar .comment-navigation, .sidebar .comment-respond .comment-form, .sidebar .featured-gallery, .sidebar .post-navigation .nav-links, .author.sidebar .author-info {
	max-width: 604px;
	padding-left: 0;
	padding-right: 0;
}
.sidebar .site-info, .search.sidebar .page-content, .blog.sidebar .page-content, .attachment .entry-header, .sidebar .comments-title {
	max-width: 604px;
}
.sidebar .archive-meta, .attachment .entry-header, .search.sidebar .page-content, .blog.sidebar .page-content, .sidebar .site-info, .sidebar .comments-title, .sidebar .no-comments {
	padding-left: 0;
	padding-right: 0;
}
.attachment .entry-meta {
	float: left;
	text-align: left;
	width: 100%;
}
.attachment .entry-content {
	max-width: 100%;
	padding: 40px 0;
}
.format-status .entry-content {
	padding-top: 40px;
}
.format-status .entry-meta {
	padding-bottom: 40px;
}
.sidebar .format-status .entry-content, .sidebar .format-status .entry-meta {
	padding-left: 35px;
}
.sidebar .format-status .entry-content:before, .sidebar .format-status .entry-meta:before {
	left: 10px;
}
.sidebar .format-status .entry-content p:first-child:before {
	left: 4px;
}
.sidebar .paging-navigation .nav-links {
	padding: 0 60px;
}
.site-main .sidebar-container {
	height: auto;
	margin: 0 auto;
	max-width: 604px;
	position: relative;
	top: 20px;
}
.site-main .widget-area {
	float: none;
	margin: 0;
	width: 100%;
}
.sidebar .site-footer .widget-area {
	max-width: 100%;
	left: 0;
}
}

/* Collapse oversized image and pulled images after iPad breakpoint. */

@media (max-width: 767px) {
.entry-content img.alignleft, .entry-content .wp-caption.alignleft {
	margin-left: 0;
}
.entry-content img.alignright, .entry-content .wp-caption.alignright {
	margin-right: 0;
}
.attachment .image-navigation, .attachment .entry-attachment .attachment {
	max-width: 604px;
	padding: 0;
	width: 100%;
}
.gallery-caption {
	display: none;
}
}

@media (max-width: 675px) {
.view {
	margin-top: 4px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4px;
	float: none;
	position: relative;
	padding: 0px;
}
.site-header {
	background: url(https://www.onlille.com/saison_21-22/wp-content/uploads/spacer.gif) no-repeat scroll top;
	background-size: 200px auto;
	background-position: center 0px;
	background-color: rgba(0, 0, 0, 0);
}
arti 	/*.site {
    background-color: rgba(255, 255, 255, 0.5);
	}
	*/
	
	.site-title {
	font-size: 30px;
}
#content .entry-header, #content .entry-content, #content .entry-summary, #content footer.entry-meta, #content .featured-gallery, .search.sidebar .page-content, .blog.sidebar .page-content, .sidebar .post-navigation .nav-links, .paging-navigation .nav-links, #content .author-info, .comments-area .comments-title, .comments-area .comment-list, .comments-area .comment-navigation, .comment-respond, .sidebar .site-info, .sidebar .paging-navigation .nav-links {
	padding-left: 20px;
	padding-right: 20px;
}
#content .format-status .entry-content, #content .format-status .entry-met {
	padding-left: 35px;
}
/* Small menu */

.menu-toggle {
	cursor: pointer;
	display: inline-block;
	font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;
	margin: 0;
	padding: 12px 0 12px 20px;
}
.menu-toggle:after {
	content: "\f502";
	font-size: 12px;
	padding-left: 8px;
	vertical-align: -4px;
}
.toggled-on .menu-toggle:after {
	content: "\f500";
	vertical-align: 2px;
}
.toggled-on .nav-menu, .toggled-on .nav-menu > ul {
	display: block;
	margin-left: 0;
	padding: 0;
	width: 100%;
}
.toggled-on li, .toggled-on .children {
	display: block;
}
.toggled-on .nav-menu li > ul {
	background-color: transparent;
	display: block;
	float: none;
	margin-left: 20px;
	position: relative;
	left: auto;
	top: auto;
}
.toggled-on .nav-menu li > ul a {
	color: #141412;
	width: auto;
}
.toggled-on .nav-menu li:hover > a, .toggled-on .nav-menu .children a {
	background-color: transparent;
	color: #141412;
}
.toggled-on .nav-menu li a:hover, .toggled-on .nav-menu ul a:hover {
	background-color: #db572f;
	color: #f00;
}
ul.nav-menu, div.nav-menu > ul {
	display: none;
}
#content .featured-gallery {
	padding-left: 24px;
}
.gallery-columns-1 .gallery-item {
	margin-right: 0;
	width: 100%;
}
.entry-title, .format-chat .entry-title, .format-image .entry-title, .format-gallery .entry-title, .format-video .entry-title {
	font-size: 22px;
	font-weight: bold;
}
.format-quote blockquote, .format-status .entry-content {
	font-size: 18px;
}
.format-quote blockquote small, .format-quote blockquote cite {
	font-size: 13px;
}
.error404 .page-title {
	padding: 40px 0 0;
}
.error404 .page-title:before {
	content: normal;
}
.comment-author {
	margin-right: 30px;
}
.comment-author .avatar {
	height: auto;
	max-width: 100%;
}
.comment-metadata, .comment-content, .comment-list .reply {
	width: 70%;
	width: -webkit-calc(100% - 104px);
	width: calc(100% - 104px);
}
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] {
	width: -webkit-calc(100% - 120px);
	width: calc(100% - 120px);
}
.comment-form textarea {
	height: 80px; /* Smaller field for mobile. */
}
/* Audio */

.format-audio .entry-content:before {
	display: none;
}
.format-audio .audio-content {
	background-image: none;
	float: none;
	padding-left: 0;
	width: auto;
}
}

@media (max-width: 568px) {
.site-header {
	/*background: url(https://www.onlille.com/saison_21-22/wp-content/uploads/spacer.gif) no-repeat scroll top;
	background-size: 150px auto;
	background-color: rgba(0, 0, 0, 0);*/
}
}

/* Mobile devices */

@media (max-width: 500px) {
body {
	margin: 0;
}
.site-header h1 {
	font-size: 35px;
}
#header-left {
	padding-top: 10px;
	padding-left: 10px;
}
#header-right {
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	float: right;
	margin-top: 5px;
}
.viewcontent-start {
	padding: 0;
	text-align: center;
	width: 100%;
	margin-left: auto;
	margin-right: auto;/*font-size: 18px;*/
}
#col_slider_home {
	margin-top: 0px !important;
	margin-right: 0px !important;
	margin-bottom: 0px !important;
	margin-left: 0px !important;
	border-top-width: 0px !important;
	border-right-width: 0px !important;
	border-bottom-width: 0px !important;
	border-left-width: 0px !important;
	padding-top: 0px !important;
	padding-right: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
	width: 100%;
}
.view {
	margin-top: 4px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4px;
	float: none;
	position: relative;
	padding: 0px;
}
.site-header {
	/*background: url(https://www.onlille.com/saison_21-22/wp-content/uploads/spacer.gif) no-repeat scroll top;
	background-size: 130px auto;
	background-position: 140px 5px;
	background-color: rgba(0, 0, 0, 0);*/
}
.site-footer {
	margin-top: 4px;
	margin-bottom: 20px;
	padding: 15px;
	font-size: 13px;
}
.bt_achat_pass_17-18 {
	margin-bottom: 15px !important;
}
.vc_btn3-container.vc_btn3-right {
	text-align: center !important;
}
.vc_row.vc_column-gap-30 > .vc_column_container {
	padding: 10px!important;
}
}

@media (max-width: 345px) {
.site-header h1 {
	font-size: 25px;
}
#header-left {
	padding-top: 10px;
	padding-left: 10px;
}
.site-footer {
	font-size: 13px;
}
.gallery {
	margin-left: 0;
}
.gallery .gallery-item, .gallery-columns-2.gallery-size-thumbnail .gallery-item {
	max-width: none;
	width: 49%;
	width: -webkit-calc(50% - 4px);
	width: calc(50% - 4px);
}
.gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail, .gallery-columns-2.gallery-size-thumbnail, .gallery-columns-3.gallery-size-thumbnail {
	display: block;
}
.gallery-columns-1 .gallery-item, .gallery-columns-1.gallery-size-medium .gallery-item, .gallery-columns-1.gallery-size-thumbnail .gallery-item {
	text-align: center;
	width: 98%;
	width: -webkit-calc(100% - 4px);
	width: calc(100% - 4px);
}
.gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right: 4px;
}
.gallery br {
	display: none;
}
.gallery .gallery-item:nth-of-type(even) {
	margin-right: 0;
}
/* Comments */

.comment-author {
	margin: 0 0 5px;
	max-width: 100%;
}
.comment-author .avatar {
	display: inline;
	margin: 0 5px 0 0;
	max-width: 20px;
}
.comment-metadata, .comment-content, .comment-list .reply {
	width: 100%;
}
}

/**

 * 9.0 Print

 * ----------------------------------------------------------------------------

 */



/* Retina-specific styles. */

@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
.site-header .search-field {
	background-image: url(images/search-icon-2x.png);
}
.format-audio .audio-content, .format-status .entry-content:before, .format-status .entry-meta:before, .comment-list > li:after, .comment-list .children > li:before {
	background-image: url(images/dotted-line-2x.png);
}
}

@media print {
body {
	background: none !important;
	color: #000;
	font-size: 10pt;
}
footer a[rel="bookmark"]:link:after, footer a[rel="bookmark"]:visited:after {
	content: " [" attr(href) "] "; /* Show URLs */
}
.site {
	max-width: 98%;
}
.site-header {
	background-image: none !important;
}
.site-header .home-link {
	max-width: none;
	min-height: 0;
}
.site-title {
	color: #000;
	font-size: 21pt;
}
.site-description {
	font-size: 10pt;
}
.author-avatar, .site-footer, .comment-respond, .comments-area .comment-edit-link, .comments-area .reply, .comments-link, .entry-meta .edit-link, .page-links, .site-content nav, .widget-area, .main-navigation, .navbar, .more-link {
	display: none;
}
.entry-header, .entry-content, .entry-summary, .entry-meta {
	margin: 0;
	width: 100%;
}
.page-title, .entry-title {
	font-size: 21pt;
}
.entry-meta, .entry-meta a {
	color: #444;
	font-size: 10pt;
}
.entry-content img.alignleft, .entry-content .wp-caption.alignleft {
	margin-left: 0;
}
.entry-content img.alignright, .entry-content .wp-caption.alignright {
	margin-right: 0;
}
.format-image .entry-content .size-full {
	margin: 0;
}
/* Remove colors from post formats */

.hentry {
	background-color: #fff;
}
/* Comments */

.comments-area > li.comment {
	background: none;
	position: relative;
	width: auto;
}
.comment-metadata {
	float: none;
}
.comment-author .fn, .comment-reply-link, .comment-reply-login {
	color: #333;
}
}
/*------------------menu---------------------------*/
#menu-primary {
	background-color: #000;
	text-align: center;
	/*height: 20px;*/
	padding-top: 8px;
	padding-bottom: 7px;
}
div.menucustom {
	/*-webkit-transition: all 0.2s 0.1s ease-in-out;
	-moz-transition: all 0.2s 0.1s ease-in-out;
	-o-transition: all 0.2s 0.1s ease-in-out;
	-ms-transition: all 0.2s 0.1s ease-in-out;
	transition: all 0.2s 0.1s ease-in-out;*/
	display: inline;
	/*padding:9px 10px 7px 10px;*/
	padding-top: 10px;
	padding-bottom: 7px;
	position: static;
	z-index: 0;
	color: #000;
	text-decoration: none;
	font-size: 13px;/*border-top:1px solid black;*//*border-left:1px solid black;*//*border-right:1px solid black;*//*border-bottom:1px solid black;*/
}
div.menucustom a {
	position: relative;
	padding: 8px 15px 8px 15px;
	z-index: 0;
	/*font-weight:bold;*/
	text-decoration: none;
}
div.menucustom:hover {
	z-index: 1100;
	background-color: white;
	color: black;
	height: 20px;
	/*border-top:1px solid black;*/
	/*border-left:1px solid black;*/
	/*border-right:1px solid black;*/
	/*border-bottom:1px solid black;*/
	padding-bottom: 9px;
}
div.menucustom:hover a {
	color: #000;
}
div.menucustom a:hover {
	color: #555;
}
html:lang(en)>body div.menucustom div {
	display: none;
}
div.menucustom div {
	/*visibility: hidden;*/
	display: none;
	-webkit-transition: all 0.2s 0.2s ease-in-out;
	-moz-transition: all 0.2s 0.2s ease-in-out;
	-o-transition: all 0.2s 0.2s ease-in-out;
	-ms-transition: all 0.2s 0.2s ease-in-out;
	transition: all 0.2s 0.2s ease-in-out;
	/*transition: all 0.2s ease 0.3s;*/
	opacity: 0;
	font-size: 12px;
	font-weight: normal;
	position: absolute;
	top: 45px;
	left: 0px;
	width: 988px;
	height: 80px;
	border-top: 0px solid white;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 20px;
	padding-bottom: 8px;
	background-color: #FFFFFF;
	/*background-color: rgba(255, 255, 255, 0.95);*/
	z-index: 100;
	line-height: 1.3;
}
div.menucustom:hover div {
	display: block;
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.2s 0s ease-in-out;
	-moz-transition: all 0.2s 0s ease-in-out;
	-o-transition: all 0.2s 0s ease-in-out;
	-ms-transition: all 0.2s 0s ease-in-out;
	transition: all 0.2s 0s ease-in-out;/*transition: all 0.2s ease 0s;*/
}
div.menucustom div a {
	font-size: 12px;
	/*font-weight: bold;*/
	background-color: #ffffff;
	color: #000;
	display: block;
	width: 163px;
	height: 13px;
	padding-top: 3px;
	padding-bottom: 4px;
	padding-left: 19px;
	margin-top: -3px;
	margin-left: -3px;
}
div.menucustom div a:hover {
	font-size: 12px;
	/*font-weight: bold;*/
	background-color: #DADADA;
	color: #000;
	display: block;
	width: 163px;
	height: 13px;
	padding-top: 3px;
	padding-bottom: 4px;
	padding-left: 19px;
	margin-top: -3px;
	margin-left: -3px;
}
div.menucustom div img {
	right: 10px;
	top: 10px;
	display: none;
}
/*-------------------------------------------------*/


.abBlackBox {
	color: #FFF;
	background: #000;
	background: rgba(1, 0, 0, 0.5);
	padding: 15px;
}
.abWhiteBox {
	color: #000;
	background: #FFF;
	background: rgba(0, 255, 255, 0.5);
	padding: 15px;
}
thead {
	padding-bottom: 10px;
}
/*vignettes home*/
.box_txt_home {
	position: relative;
	height: 400px;
}
.description_home h2 {
	/*background-color:#0F0;*/
	line-height: 1.0;
	margin-top: 10px;
	margin-bottom: 5px;
}
.description_home p {
	line-height: 1.3;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0px;
}
.accroche_home {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.description_home {
	padding-left: 5px;
	padding-right: 5px;
}
.bt_plus_home {
	/*background-color:#0F0;*/
	text-align: right;
	padding-right: 5px;
}
.titre_mini_vp {
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 5px;
	margin-top: -4px;
	color: white;
}
.separator_vp {
	border-bottom: 8px solid #000;
	margin-bottom: 20px;
}
div.fb-share-button fb_iframe_widget {
	top: -4px;
}
p #current_month {
	font-weight: bold;
}
td #tdevent.info {
	color: #666;
	font-weight: bold;
}
/*lignes de séparation*/
.ligne_continue_1px {
	border-bottom: 1px solid #BCBCBC;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 1px;
}
.ligne_continue_2px {
	border-bottom: 2px solid #000;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 2px;
}
.ligne_continue_1px_m5 {
	border-bottom: 1px solid #000;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 1px;
}
.ligne_continue_5px {
	border-bottom: 5px solid #000;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 1px;
}
.ligne_continue_8px {
	border-bottom: 6px solid #000;
	margin-top: 0px;
	margin-bottom: 0px;
}
.ligne_tiret_1px {
	border-top: 1px dashed #000;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 1px;
}
.ligne_point_1px_m0 {
	border-bottom: 1px dotted #137752;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 1px;
}
.ligne_point_1px_m5 {
	border-bottom: 1px dotted #000;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 1px;
}
.ligne_point_1px_m8 {
	border-bottom: 1px dotted #000;
	margin-top: 8px;
	margin-bottom: 8px;
	height: 1px;
}
.tiret {
	border-bottom: 1px solid #000;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 8px;
	height: 1px;
}
/*------------------------------------*/
.underscore {
	margin: -12px 0 5px 0;
	padding: 0px;
}
/*discographie*/

.discographie_box {
	/*height: 470px;*/
	width: 485px;
	background-color: #FFFFFF;
	overflow: auto;
	text-align: left;
	position: absolute;
	color: #000000;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 15px;
	left: 500px;
}
.label {
	color: #FFF;
	background-color: #D10A11;
	height: 15px;
	/*width: 538px;*/
	font-family: Visby CF, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.nouveaute {
	color: #000;
	background-color: #FF0;
	height: 15px;
	/*width: 538px;*/
	font-family: Visby CF, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	position: relative;
}
.box_cd {
	/*width: 530px;*/
	padding-left: 10px;
	position: relative;
	height: 160px;
	padding-top: 10px;
}
.pochette {
	background-color: #FFFFFF;
	float: left;
	height: 110px;
	width: 110px;
	position: relative;
	top: auto;
	right: 0px;
	margin-right: 40px;
	margin-left: 100px;
	border: 1px solid #666666;
	margin-bottom: 40px;
	margin-top: 16px;
}
.achatcd {
	text-align: right;
	float: right;
	font-size: 10px;
	font-weight: bold;
	height: 15px;
	vertical-align: middle;
}
.ligne_point_1px_m8 {
	border-bottom: 1px dotted #000;
	margin-top: 8px;
	margin-bottom: 8px;
}
.interligne7 {
	font-size: 5px;
}
.Style5 {
	color: #000;
	font-weight: bold;
	font-size: 0.8em;
}
/*----------------------*/	

#evepasse {
	background-color: #E6E6E6;
}
#titre_evepasse {
	font-weight: bold;
	color: #E2001A;
	margin-bottom: 20px;
}
/*----------------------*/

/*arpège*/
.liens_arial_noir a {
	color: #000;
	text-decoration: none;
}
.Style_12pt_bold {
	font-size: 12pt;
	font-weight: bold;
	color: #999;
}