/*
Theme Name: _mscores
Theme URI: http://underscores.me/
Author: Julien Dallaire Poirier & Jonathan Lafleur
Author URI: http://medialog.qc.ca
Description: Thème Encyclopédie Bioparc
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mscores
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

_mscores is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.0.1 Header
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
13.0 Custom areas
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

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

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

form button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

form button {
	overflow: visible;
}

form button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

form button[disabled],
html input[disabled] {
	cursor: default;
}

form button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
form button,
input,
select,
textarea {
	color: #313033;
	font-size: 18px;
	line-height: 1.5;
	font-family:Georgia, 'Times New Roman', serif;
}

input,
select,
textarea {
	font-family:Arial, sans-serif;
}

h1, h2 {
	font-weight:700;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height:1.3;
}

p {
	margin:1em 0;
}

ul, ol, ul ul, ol ol, ul ol, ol ul {
	margin-bottom:1em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #FFF; /* Fallback for when there is no custom background color defined. */
}

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

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

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 30px;
	padding:0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

.padding-0 {padding:0;}
.margin-0 {margin:0;}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
form button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
}

form button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
}

form button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
form button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
}

textarea {
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.0.1 Header
--------------------------------------------------------------*/
.site-header {
	min-height:60px;
	background-color:#FFF;
}
	.site-branding {
		position:relative;
		margin:0;
		padding-top:30px;
		overflow:hidden;
		background-color:#FFF;
		height:90px;
		width:180px;
		margin-left:100px;
	}
		.site-title {
			margin:0;
			height:100%;
			width:100%;
		}
			.site-title .logo {
				display:inline-block;
				text-decoration:none;
				position:relative;
				height:100%;
				width:100%;
				border-bottom:0 none;
			}
				.site-title .logo .icon {
					position:absolute;
					height:100%;
					width:100%;
				}
				.site-title .logo span {
					display:none;
				}
			.no-svg .site-title .logo .icon {
				display:none;
			}
			.no-svg .site-title .logo {
				background:url(images/logo-bioparc.png) center center no-repeat;
				background-size:contain;
			}
		.site-description-container {
			display:none;
		}

	.top-container {
		position:relative;
		background-color:#FFF;
	}

/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	color:#5BAB26;
	text-decoration:none;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

a:visited {
	color: #666;
}

a:hover,
a:focus,
a:active {
	color: #000;
	text-decoration: inherit;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/

	.menu-holder {
		position:fixed;
		width:80%;
		left:-80%;
		top:0;
		background-color:#333;
		background-color:rgba(0,0,0,0.3);
		z-index:1000;
		height:100%;
	}

		.menu-toggle {
			font-size:0.9em;
			font-weight:400;
			letter-spacing:1px;
			color:#FFF;
			text-transform:uppercase;
			position:absolute;
			top:20px;
			right:-80px;
			z-index:1050;
			border:0 none;
			width:80px;
			padding:0;
			text-align:center;
			height:80px;
			display:table-cell;
			vertical-align:middle;
			outline:0 none;
			background-color:#000;
			border-radius:0 100px 100px 0;
		}

			.menu-toggle span {
				display:none;
			}

		.menu-toggle:before {
			content:'';
			display:block;
			width:70px;
			height:80px;
			background:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%0912%22%20width%3D%2216%22%20height%3D%2212%22%3E%3Cstyle%3E.style0%7Bstroke%3A%23FFFFFF%3Bstroke-width%3A2%3Bstroke-miterlimit%3A10%3Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3Cpolyline%20points%3D%220%2C1%2016%2C1%22%20class%3D%22style0%22%2F%3E%3Cpolyline%20points%3D%220%2C6%2016%2C6%22%20class%3D%22style0%22%2F%3E%3Cpolyline%20points%3D%220%2C11%2016%2C11%22%20class%3D%22style0%22%2F%3E%3C%2Fsvg%3E') no-repeat center center; background-size:32px 24px;
		}

	.menu-holder.toggled {
		display: block;
		left:0;
		background-color:#000;
		background-color:rgba(0,0,0,0.9);
		border-color:transparent;
	}

		.menu-holder.toggled .menu-toggle {
			background-color:#000;
			background-color:rgba(0,0,0,0.9);
		}

/*===== Main Navigation =====*/

.main-navigation {
	display:block;
	overflow:auto;
	height:100%;
	padding:40px;
}

	.main-navigation ul {
		list-style:none;
		margin:0;
		padding-left:0;
	}

		.main-navigation li {
			position:relative;
			padding:4px 0
		}
		.main-navigation li.menu-item-has-children {
			position:relative;
			padding:4px 0 4px 30px;
		}
		.main-navigation li.menu-item-has-children:before {
			position:absolute;
			top:4px;
			left:0;
			width:26px;
			text-align:center;
			content:'\25B8';
			color:#FFF;
		}
		.main-navigation li.menu-item-has-children.opened:before {
			content:'\25BE';
		}
			.main-navigation a {
				display:inline-block;
				text-decoration:none;
				padding:0;
				font-size:1.1em;
				font-weight:400;
				text-decoration:none;
				color:#EEE;
				letter-spacing:1px;
				outline:0 none;
			}

			.main-navigation a:active {
				color:#5BAB26;
			}

		.main-navigation ul ul {
			padding-left:20px;
			border-left:1px dotted #666;
			display:none;
		}

				.main-navigation ul ul li:first-child > a {
					margin-top:0;
				}

				.main-navigation ul ul li:last-child > a {
					margin-bottom:0;
				}

	.main-navigation .current_page_item > a,
	.main-navigation .current-menu-item > a,
	.main-navigation .current_page_ancestor > a {
		color:#5BAB26;
	}


.secondary-container {
		position:absolute; 
		right:40px;
		top:40px;
}
	/*===== Search =====*/

	.search-container {float:right; padding:0; height:40px;}
		.search-container .search-form {list-style:none; margin:0; padding:0;}
			.search-container .search-form input {margin:0; display:block; float:left; border-radius:0; border:0 none; outline:0 none;}
			.search-container .search-form input[type=text] {margin:0; font-size:1.1em; background-color:#FFF; padding:5px 10px; height:40px; width:250px; color:#333 !important; border-radius:20px; box-shadow:1px 2px 3px rgba(0,0,0,0.3) inset;}
			.search-container .search-form input[type=submit] {margin:0; background-color:#BBB; color:#FFF; width:40px; height:30px; padding:0 5px 0 0; text-shadow:none; text-transform: uppercase; font-size:0.9em; font-weight:400; border-radius:0 15px 15px 0;}
			.search-container .search-form .invisible-submit {display:none;}


/*=====*/

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
5.4 Slideshow
--------------------------------------------------------------*/

.slideshow-container { position: relative; background-color: #FFF; color:#FFF; font-weight:300; font-size:1em;}
	/*.slideshow-container .slideshow-preload {position:absolute; top:0; left:0; width:100%; height:100%; background:#000 url(images/loading-b.gif) center center no-repeat; z-index:900;}*/
	.slideshow { height: 200px; padding-bottom:0; overflow:hidden; position: relative; max-width:100% !important;}
	.home .slideshow { height: 0; padding-bottom:56%; overflow:hidden; position: relative; max-width:100% !important;}
		.slideshow .slide-container {position: absolute; width: 30000px; width: 100%; height: 100%; overflow:hidden; background-color: #000;}
			.slideshow .slide {position: relative; width: 100%; height: 100%; overflow:hidden; background-color: #000; float:left; max-width:none; }
			.slideshow .slide.focused-slide { z-index: 10; }

				.slideshow .slide .img-box {width: 100%; height: 100%; position: absolute; top:0; left:0; overflow:hidden; text-align: center;}
					.slideshow .slide .img-box img {width: auto; height: auto; width: 100%; min-height: 100%; position: absolute; right: 0;}
					.slideshow .slide .img-box video {width: 100%; height: auto; display:block;}
					.slideshow .slide .img-box img:empty {
						top: 50%;
						-webkit-transform: translate(0, -50%);
						-moz-transform: translate(0, -50%);
						-ms-transform: translate(0, -50%);
						-o-transform: translate(0, -50%);
						transform: translate(0, -50%);
					}

					.slideshow .slide-infos {
						position:absolute;
						bottom:30px;
						left:100px;
						padding:20px;
						background-color:rgba(0,0,0,0.7);
						color:#FFF;
					}
						.slideshow .slide-infos h1 {
							font-size:1.6em;
						}
						.slideshow .slide-infos a {
							color:#FFF;
						}
						.slideshow .slide-infos :last-child {
							margin-bottom:0;
						}

		.fle-left, .fle-right {
			position:absolute;
			top:50%;
			width:60px;
			margin-top:-30px;
			height:60px;
			background-color:#8d8d8c;
			z-index:15;
			cursor:pointer;
			text-indent:-999em;
			box-sizing:content-box;
			border:2px solid rgba(255,255,255,0.2);
			border-radius:40px;
			-webkit-transition:all 0.3s ease-out;
			transition:all 0.3s ease-out;
		}
		.fle-left {
			left:20px;
			background:url(images/fle-left.png) no-repeat center center;
		}
		.fle-right {
			right:20px;
			background:url(images/fle-right.png) no-repeat center center;
		}

		.svg .fle-left{
			background:rgba(0,0,0,0.1) url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2026%2026%22%3E%3Cstyle%3E.style0%7Bstroke%3A%23FFFFFF%3Bstroke-width%3A1%3Bstroke-miterlimit%3A10%3Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3Cpolyline%20points%3D%2218%2C3%208%2C13%2018%2C23%22%20class%3D%22style0%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
			background-size:70% 70%;
		}
		.svg .fle-right {
			background:rgba(0,0,0,0.1) url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2026%2026%22%3E%3Cstyle%3E.style0%7Bstroke%3A%23FFFFFF%3Bstroke-width%3A1%3Bstroke-miterlimit%3A10%3Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3Cpolyline%20points%3D%228%2C3%2018%2C13%208%2C23%22%20class%3D%22style0%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
			background-size:70% 70%;
		}
		.svg .fle-left:hover {
			background-color:rgba(0,0,0,0.2);
			background-position:left center;
		}
		.svg .fle-right:hover {
			background-color:rgba(0,0,0,0.2);
			background-position:right center;
		}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	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-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

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

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

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display:inline-block;
	text-align:center;
	vertical-align:top;
	width:100%;
	padding:3px;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/*--------------------------------------------------------------
13.0 Custom Areas styling
--------------------------------------------------------------*/
.site-content {
}

.main-content {
}

.section {
	outline:0 none;
}

.entry-content a {
	position:relative;
}

.back-top {
	position:fixed;
	bottom:10px;
	right:10px;
	z-index:1400;
}

.back-top a {
	font-size:0.9em;
	font-weight:400;
	letter-spacing:1px;
	color:#FFF;
	text-transform:uppercase;
	background-color:#333;
	background-color:rgba(0,0,0,0.2);
	border-style:solid;
	border-width:2px;
	border-color:#FFF;
	border-color:rgba(255,255,255,0.2);
	box-shadow:-3px 3px 8px rgba(0,0,0,0.3);
	border-radius:40px;
	width:40px;
	padding:0;
	text-align:center;
	height:40px;
	display:table-cell;
	vertical-align:middle;
	outline:0 none;
}

.back-top a span {
	display:none;
}

.back-top a:before {
	content:'';
	display: block;
	width:40px;
	height:40px;
	font-size:2em;
	background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2026%2026%22%20height%3D%2226%22%20width%3D%2226%22%3E%3Cstyle%3E.style0%7Bstroke%3A%23FFFFFF%3Bstroke-width%3A2%3Bstroke-miterlimit%3A10%3Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3Cpolyline%20points%3D%223%2C18%2013%2C8%2023%2C18%22%20class%3D%22style0%22%2F%3E%3C%2Fsvg%3E');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:80% 80%;
}

.back-top a:hover {
	background-color:#000;
	background-color:rgba(0,0,0,0.9);
}

/*.touch .back-top a:active:before {
	background-position:center -4px, center 6px;
}*/

h1:first-child, h2:first-child, h3:first-child {
	margin-top:0;
}

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

	.back-top {
		bottom:50px;
		right:30px;
	}

}

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

}

/*--------------------------------------------------------------
13.0 Home
--------------------------------------------------------------*/

.plan-bioparc {
	width:100%;
	height:100%;
}

/*--------------------------------------------------------------
13.1 Page or section
--------------------------------------------------------------*/

.page-container {
	padding:25px 90px 25px 100px;
	width:100%;
}

.entry-header {
	text-align:left;
	margin:1em 0;
}

.entry-title {
	font-weight:700;
	font-size:2em;
	color:inherit;
	text-align:left;
	margin:1em 0;
	display:block;
}

.entry-header .entry-title {	
	margin:0;
}

h2.entry-title {
	position:relative;
}

.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	margin:1.4em 0 0.6em;
}

.button {
	background-color:#FFF;
	border:1px solid #EC1C24;
	padding:5px 10px;
	text-transform:uppercase;
	color:#EC1C24;
	outline:0 none;
}
.button.plus {
	border-radius:100px;
	font-weight:400;
	font-size:20px;
	padding:0;
	width:40px;
	height:40px;
	line-height:40px;
	vertical-align:middle;
	text-align:center;
	margin:1em 0;
	display:block;
	text-decoration:none;
}
.button:hover {
	background-color:#EC1C24;
	color:#FFF;
}
.button.selected {
	background-color:#FFF;
}

.page-tools {
	/*position:absolute;
	top:20px;
	right:30px;
	max-width:60%;
	float:right;*/
}

.page-tools .ariane {
	font-size:0.9em;
	margin:0;
}
	.page-tools .ariane span, .page-tools .ariane a {
		display:inline-block;
		margin:3px 0;
		padding:1px 5px;
		text-decoration:none;
		background-color:#F9F9F9;
		color:#999;
		border-radius:3px;
		border:1px solid #CCC;
	}
		.page-tools .ariane a.current {
			color:#999;
			font-weight:700;
		}
		.page-tools .ariane a:visited {
			color:#999;
		}
		.page-tools .ariane a:hover {
			color:#5BAB26;
		}

	#share-bookmarks {
		display:none;
	}
		#share-bookmarks ul {
			padding:0 !important;
			margin:0 !important;
		}
			#share-bookmarks ul li {
				margin:0 4px !important;
			}

.table-matieres {
	float:left;
	margin:1em 2em 1em 0;
	background-color:#EEE;
	border:1px solid #CCC;
	padding:1em;
}
	.table-matieres ul {
		list-style:none;
		margin:0;
		padding:0;
	}
		.table-matieres ul li {
			margin:4px 0;
		}
			.table-matieres ul li a {
				font-size:0.9em;
			}
		.table-matieres ul ul {
			list-style:none;
			margin-left:20px;
		}
.entry-content .tables-matiere+h2:first-child {
	margin-top:0.6em;
}

.folding-list-items {
	margin-left:0;
	list-style:none;
}
	.folding-list-items li {
		line-height:1.3;
		padding-left:30px;
		margin-bottom:0.4em;
	}
		.folding-list-items li p {
			line-height: inherit;
			margin-bottom:0.6em;
		}
		.folding-list-items li p:last-child {
			margin-bottom:0;
		}
		.folding-list-items li a {
			position: relative;
		}
		.folding-list-items li a:before {
			content:'';
			display:block;
			position: absolute;
			top:50%;
			left:-30px;
			margin-top:-11px;
			width:20px;
			height:20px;
			border:2px solid #000;
			border-radius:10px;
			background:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2028%22%3E%3Cstyle%3E.style0%7Bstroke%3A%23000000%3Bstroke-width%3A5%3Bstroke-miterlimit%3A10%3Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3Cpolyline%20points%3D%224%2C4%2024%2C24%2044%2C4%22%20class%3D%22style0%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
			background-size:80% 80%;
		}

.list-childrenpages {
	margin-top:2em;
	background-color:#F6F6F6;
	padding:20px;
	border-radius:5px;
}
	.list-childrenpages>ul {
		margin:0;
		list-style:none;
		-webkit-column-count: 3;
	    -moz-column-count: 3;
	    column-count: 3;
	    -webkit-column-gap: 40px;
	    -moz-column-gap: 40px;
	    column-gap: 40px;
	    -webkit-column-rule: 1px solid #CCC;
	    -moz-column-rule: 1px solid #CCC;
	    column-rule: 1px solid #CCC;
	}
		.list-childrenpages>ul>li {
			padding:10px;
		}
		.list-childrenpages li {
			margin:0.3em 0;
		}
		.list-childrenpages>ul>li:first-child {
			padding-top:0;
			margin-top:0;
		}
		.list-childrenpages li ul {
			list-style:circle;
		}
		.list-childrenpages>ul>li>ul>li {
			-webkit-column-break-inside: avoid;
          	page-break-inside: avoid;
            break-inside: avoid;
		}
		.list-childrenpages>ul>li a {
			display:inline-block;
			padding:2px 3px;
			border:1px solid;
			border-color:#DDD;
			border-radius:3px;
			line-height:1.2;
			color:#000;
		}
		.list-childrenpages>ul>li>a {
			font-weight:700;
		}
		.list-childrenpages li.current_page_item a {
			color:#5BAB26;
			border-color:initial;
		}

/*--------------------------------------------------------------
5.4.1 Popup Slideshow
--------------------------------------------------------------*/

body.overflow-hidden {
	overflow:hidden;
	height:100%;
	position:fixed;
	width:100%;
}
	.popup-slideshow {
		position:fixed;
		height:100%;
		width:100%;
		z-index:5000;
		top:0;
		left:0;
		box-sizing:border-box;
		padding:0;
		display:none;
	}
	.popup-slideshow.opened-slideshow {
		display:block;
	}
		.popup-slideshow .slideshow {
			height:100%;
			padding:0;
		}
		.popup-slideshow .slideshow .slide-container {
			position:absolute;
			width:30000px;
			width:100%;
			height:100%;
			overflow:hidden;
			background-color:#000;
		}
			.popup-slideshow .slideshow .slide {
				position:relative;
				width:100%;
				height:100%;
				overflow:hidden;
				background-color:#000;
				float:left;
				max-width:none;
				opacity:1;}

			.popup-slideshow .slideshow .slide.focused-slide {
				opacity:1;
				z-index:10;
			}

				.popup-slideshow .slide .img-box {
					width:100%;
					height:100%;
					position:absolute;
					top:0;
					left:0;
					overflow:hidden;
					text-align:center;
					background-size:cover;
					background-position:center center;
					background-repeat:no-repeat;
				}
					.popup-slideshow .slide .img-box>img {
						width:auto;
						height:auto;
						width:100%;
						min-height:100%;
						position:absolute;
						display:none;
					}
					/*.projects-slideshow .slide .img-box video {
						width:100%;
						height:auto;
						display:block;
					}
					.projects-slideshow .slide .img-box img:empty {
						top: 50%;
						-webkit-transform: translate(0, -50%);
						-moz-transform: translate(0, -50%);
						-ms-transform: translate(0, -50%);
						-o-transform: translate(0, -50%);
						transform: translate(0, -50%);
					}

				.projects-slideshow .slideshow.vertical {
				}
				.projects-slideshow .slideshow.vertical .slide .img-box {
				}
				.projects-slideshow .slideshow.vertical .slide .img-box img {
					width:auto;
					height:auto;
					min-width:100%;
					height:100%;
					position:absolute;
					max-width:none;
				}
				.projects-slideshow .slideshow.vertical .slide .img-box img:empty {
					left: 50%;
					top:0;
					-webkit-transform: translate(-50%,0);
					-moz-transform: translate(-50%,0);
					-ms-transform: translate(-50%,0);
					-o-transform: translate(-50%,0);
					transform: translate(-50%,0);
				}*/

			.popup-slideshow .slideshow-infos-container, .popup-slideshow .slide-infos-container {
				display:block;
				position:absolute;
				top:0;
				left:0;
				width:100%;
				height:100%;
				z-index:10;
				overflow:auto;
			}
				.popup-slideshow .slideshow-infos-scroller, .popup-slideshow .slide-infos-scroller {
					display:block;
					position:absolute;
					bottom:0;
					width:auto;
					max-width:100%;
					left:0;
					z-index:20;
				}
					.popup-slideshow .slideshow-infos-content, .popup-slideshow .slide-infos-content {
						padding:20px;
						color:#FFF;
						background-color:rgba(0,0,0,0.8);
					}
						.popup-slideshow .slideshow-infos-content h2, .popup-slideshow .slide-infos-content h2 {
							margin-bottom:0.6em;
							font-weight:300;
							letter-spacing:1px;
							line-height:1.1;
						}
						.popup-slideshow .slideshow-infos-content h3, .popup-slideshow .slide-infos-content h3 {
							margin-top:-0.7em;
							font-size:20px;
							line-height:1.3;
							margin-bottom:18px;
						}
							.popup-slideshow .slideshow-infos-content :first-child, .popup-slideshow .slide-infos-content :first-child {
								margin-top:0;
							}
							.popup-slideshow .slideshow-infos-content :last-child, .popup-slideshow .slide-infos-content :last-child {
								margin-bottom:0;
							}

		.popup-slideshow .fle-left, .popup-slideshow .fle-right {
		}
		.popup-slideshow .fle-left {
		}
		.popup-slideshow .fle-right {
		}
		.popup-slideshow .btn-close {position:absolute; top:20px; right:20px; width:60px; height:60px; background-color:#8d8d8c; z-index:120; cursor:pointer; text-indent:-999em; box-sizing:content-box; border:2px solid rgba(255,255,255,0.2); border-radius:60px; background:rgba(0,0,0,0.1) url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2026%2026%22%3E%3Cstyle%3E.style0%7Bstroke%3A%23FFFFFF%3Bstroke-width%3A1%3Bstroke-miterlimit%3A10%3Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3Cpolyline%20points%3D%223%2C3%20%2023%2C23%22%20class%3D%22style0%22%2F%3E%3Cpolyline%20points%3D%2223%2C3%203%2C23%22%20class%3D%22style0%22%2F%3E%3C%2Fsvg%3E') no-repeat center center; background-size:70% 70%;}
		.popup-slideshow .btn-close:hover {}


/*--------------------------------------------------------------
13.2.2 Produits
--------------------------------------------------------------*/


/*--------------------------------------------------------------
13.2.3 Informations techniques
--------------------------------------------------------------*/


/*--------------------------------------------------------------
13.2.4 Entreprise
--------------------------------------------------------------*/


/*--------------------------------------------------------------
13.2.5 Contact
--------------------------------------------------------------*/


/*--------------------------------------------------------------
14 Footer
--------------------------------------------------------------*/

.site-footer {
	background-color:#231F20;
	color:#CCC;
	font-size:0.8em;
	width:100%;
}
	.site-footer h2 {
		font-size:18px;
		color:#FFF;
		font-weight:300;
	}

	.site-footer .colonne {
		margin:1.5em 0;
	}

	.site-footer .colonne p:last-child {
		margin-bottom:0;
	}

	.site-footer .colonne h2 {
		margin-top:0;
		font-size:22px;
		color:#FFF;
		font-weight:300;
	}

	.bottom-line {
		background-color: #333;
		color:#666;
		padding:10px 20px;
	}

	.membership img {
		float:left;
		margin:1em;
	}


@media screen and (min-width: 769px) {
		.medialog {
			text-align:right;
		}
		.medialog a {
			color:#666 !important;
		}
		.medialog a:hover {
			color:#999;
		}

}

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

}



/* =============================================================================
   SOCIAL-BOOKMARKS OVERRIDE
   ========================================================================== */

#share-bookmarks {background-color:transparent !important;}
#share-bookmarks ul {padding:0 !important; margin:0 !important;}
#share-bookmarks ul li {margin: 0 !important;}
#share-bookmarks ul li a {font-size:1.2em; color:#999 !important;}
#share-bookmarks .share-facebook a {border-radius:3px; background-color:transparent !important;}
#share-bookmarks .share-google a {border-radius:3px; background-color:transparent !important;}
#share-bookmarks .share-twitter a {border-radius:3px; background-color:transparent !important;}
#share-bookmarks .share-email a { border-radius:3px; background-color:transparent !important;}
#share-bookmarks .share-facebook a:hover {background-color: #3B5998 !important; color:#FFF !important;}
#share-bookmarks .share-google a:hover {background-color: #e24c30 !important; color:#FFF !important;}
#share-bookmarks .share-twitter a:hover {background-color: #00abf2 !important; color:#FFF !important;}
#share-bookmarks .share-email a:hover {background-color: #666 !important; color:#FFF !important;}

/* =============================================================================
   ROYAL SLIDER OVERRIDE
   ========================================================================== */

div#new-royalslider-1 {
    height: auto!important;
    background:transparent;
}
.rsDefaultInv, .rsDefaultInv .rsOverflow, .rsDefaultInv .rsSlide, .rsDefaultInv .rsVideoFrameHolder, .rsDefaultInv .rsThumbs {
    background:transparent!important;
}
.rsOverflow {
	 width: 100%!important;
     height: 100%!important;
     position: fixed!important;
     top: 0!important;
     left: 0!important;
     z-index: 2000!important;
     display:none;
}
.rsFullscreen .rsOverflow {
	display:block;
}
.rsThumbsContainer {
    max-width: 100%;
}
.rsNav.rsThumbs.rsThumbsVer {
    width: 100%!important;
    position: relative!important;
}
.rsNav.rsThumbs.rsThumbsHor {
    position: relative!important;
    right: auto!important;
    width: 100%!important;
    top: auto!important;
    clear: both!important;
    float: none!important;
    min-height: 0!important;
    height: auto!important;
}
.new-royalslider-1 .rsThumb {
    margin: 0!important;
    float: none!important;
    display: inline-block!important;
    vertical-align: top!important;
    padding: 3px!important;
    width: 100%!important;
    height: auto!important;
    max-width: 20%!important;
}
.rsContent {
    background-size: cover!important;
}
img.rsImg.rsMainSlideImage {
    /*display: none!important;*/
    width: 100%!important;
    height: 100%!important;
    margin: 0!important;
}

.gallery {
	width: 100%;
	float: left;
}
.gallery img {
	width: 100%;
	height: auto;
}
.gallery .thumb {
	display: block;
	float: left;
	margin: 0;
	padding:5px;
	width:20%;
}
.gallery .thumb a {
	display: block;
	width:auto;
	height:0;
	padding-bottom:100%;
	background-size:cover;
	background-position:center center;
	box-sizing:border-box;
}
.gallery .thumb img {
	display:none;
}
.gallery figcaption {
	display: none;
}
.pswp__caption__center {
    text-align: center!important;
}