@import url("editor-style.css");
/*
CONTENTS:
	1. FORM ELEMENTS - inputs, selects, buttons, fields
	2. BODY DEFAULTS, LAYOUTS - html, body
	3. MAIN WRAPPER - wrappers
	4. HEADER - header, logo, navigation
	5. CONTENT - inside content elements and classes (find more classes in editor-style.css)
	6. FOOTER - footer
	7. RESPONSIVNESS - media queries

*/
  
/* 1. FORM ELEMENTS
_____________________________________ */
input, textarea, select, input[type="submit"], input[type="button"], button, .button {
	font-family: 'Josefin Sans', sans-serif;
	vertical-align: middle;
}
label {
	display: block;
	padding: 5px 0 5px 0;
	font-size: .8em;
	font-weight: normal;
}
label.inline {
	display: inline-block;
}
input[type=text], input[type=email], input[type=tel], input[type=url], input[type=search], input[type=password], input[type=number], input.input-text, textarea {
	outline: 0;
	background: transparent;
	width: 100%;
	padding: .7em 0;
	-webkit-appearance: none;
	-webkit-focus-ring-color: none;
	border: 0;
	border-bottom: 1px solid #555;
	font-weight: normal;
	font-size: 1em;
}
select {
	outline: 0 !important;
	vertical-align: middle;
	background: #F7F6F5;
	width: 100%;
	font-size: 1em;
	border: 0;
	border-bottom: 1px solid #ddd;
}
textarea {
	padding-top: .5em;
	height: 100px;
}
input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=password]:focus, textarea:focus {
}
input[type=checkbox] {
	width: 15px;
	float: left;
	margin: 0 1em 0 0;
	position: relative;
	top: 10px;
	border: 1px solid #ddd;
}
input[type=radio] {
	position: relative;
	bottom: 3px;
}
input[type=number] {
	width: 40px;
	margin: 0 5px;
}
input[type=submit], input[type=button], button, .button {
	display: inline-block;
	height: auto;
	padding: .65em .8em .35em .8em;
	font-weight: normal;
	font-size: .85em;
	line-height: 1;
	text-align: center;
	cursor: pointer;
	border: 2px solid;
	border-radius: 20px;
	background: transparent;
	margin: -2px .5em .5em 0;
	text-decoration: none !important;
	letter-spacing: 0.1em;
	color: #EA8E00;
	z-index: 2;
	overflow: hidden;
	position: relative;
	vertical-align: middle;
	outline: 0;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
input[type=submit]:hover, input[type=button]:hover, .button:hover, button:hover, input[type=submit]:focus, input[type=button]:focus {
	color: #F7F6F5;
	background-color: #EA8E00;
	border: 2px solid transparent;
}
input[type=submit]:active, input[type=button]:active {
	outline: 0;
}
.button::after, button::after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
	width: 100%;
	height: 0;
	top: 50%;
	left: 50%;
	background: rgba(255,255,255,.3);
	opacity: 1;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.button:hover::after, button:hover::after, .button:focus::after, button:focus::after {
	height: 260%;
	opacity: 0;
}
.button:active::after, button:active::after {
	height: 300%;
	opacity: 1;
}
form#searchbar {
	width: 100%;
	position: relative;
}
form#searchbar #searchbar-submit {
	position: absolute;
	right: -12px;
	top: -2px;
	background: none;
	border: 0;
	font-size: 1.1em;
	color: black;
	box-shadow: none;
	padding: 0;
}
.form-column {
	width: 46%;
	display: inline-block;
	margin: 0 3% 0 0;
}
#contactform {
	width: 103%;
}
#contactform #comments {
	width: 96%;
	margin: 0;
	padding: .5em;
}
#contactform #submit {
	float: right;
	margin: 0 3% 0 0;
}
/* 2. BODY DEFAULTS, LAYOUTS
_____________________________________ */
html {
	height: 100%;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 62.5%;
}
body {
	background: #F7F6F5;
	color: #222;
	font-size: 1.6em;
	letter-spacing: 0.03em;
	overflow-x: hidden;
}
/* 3. MAIN WRAPPER
_____________________________________ */
.wrapper {
	color: white;
}
.wrapper::after {
	content: "";
	display: block;
	clear: both;
	color: white;
}
#content {
	width: 100%;
	position: relative;
	z-index: 3;
	font-size: 1.3em;
}
#content::after {
	content: "";
	display: block;
	clear: both;
}
/* 4. HEADER
_____________________________________ */
#header {
	width: 100%;
	padding: 0.2em 4.5% 2em;
	z-index: 150;
	letter-spacing: 0.1em;
}
#header::after {
	content: "";
	display: block;
	clear: both;
}
body.fullscreen #header {
	position: absolute;
}
/* Loading effect */
#loadscreen {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
}
#loader {
	position: absolute;
	width: 30%;
	height: 4px;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	background: #ccc;
	z-index: 400;
}
#loader span {
	display: block;
	height: 100%;
	background: #EA8E00;
	-webkit-animation: loadanim 3s linear;
	-moz-animation: loadanim 3s linear;
	-o-animation: loadanim 3s linear;
	animation: loadanim 3s linear;
}
@-webkit-keyframes loadanim {
0% {
width: 0px;
}
}
@-moz-keyframes loadanim {
0% {
width: 0px;
}
}
@-o-keyframes loadanim {
0% {
width: 0px;
}
}
@keyframes loadanim {
0% {
width: 0px;
}
}
.loadreveal {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 300;
	top: 0;
	background: #F7F6F5;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
	transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
.loadreveal.reveal {
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}
/* Logo */
#logo {
	width: 35%;
	height: auto;
	float: left;
	margin: 0;
	font-weight: normal;
	position: absolute;
	z-index: 200;
	vertical-align: middle;
	max-width: 380px;
}
#logo a {
	color: #222;
	text-decoration: none;
	white-space: nowrap;
	display: block;
}
/*#logo img { display: inline-block; vertical-align: bottom; margin: -100% .5em 0 0; position: relative; top: .5em; display: none; } */
#logo svg path {
	fill: #222;
}
#logo #logo-svg-animated svg path {
	stroke: #222;
}
/* Navigation */
#header nav {
	width: 75%;
	float: right;
	position: relative;
	top: 1em;
	z-index: 200;
}
#header nav ul {
	float: right;
	text-align: right;
	margin: 0;
	padding: 0;
	width: 115%;
	font-size: 17px;
	text-shadow: #000000 1px 1px, #000000 -1px 1px, #000000 -1px -1px, #000000 1px -1px;
} /* modifi l'encadrement des lettre */
#header nav ul li {
	display: inline-block;
	margin: 0 1em;
}
#header nav ul li a {
	display: block;
	color: #222;
	font-size: 1.05em;
	padding: 0 0 1em 0;
	text-decoration: none;
	position: relative;
	z-index: 5;
}
#header nav ul li a::after, #header nav ul li.current-menu-item > a::after, #header nav ul li.current-menu-parent > a::after, #header nav ul li.current_page_parent > a::after {
	content: "";
	display: block;
	border-bottom: 2px solid #EA8E00;
	max-width: 100px;
	margin: 0 auto;
	z-index: -1;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: scale(1);
	transform: scale(1);
}
#header nav ul li a::after {
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
}
#header nav ul li a:hover::after {
	-webkit-transform: scale(1);
	transform: scale(1);
}
#header nav ul.sub-menu {
	display: none;
	position: absolute;
	top: 0;
	left: auto;
	border-left: 1px solid #555;
	text-align: left;
	padding: 3.8em 0 0 0;
	margin: 0 0 0 -1em;
	z-index: 4;
	background: #F7F6F5;
}
#header nav ul.sub-menu li {
	display: block;
	padding: 0;
	margin: 0;
	position: relative;
}
#header nav ul.sub-menu li a {
	display: block;
	padding: .9em 1.3em .6em 1em;
	width: auto;
	line-height: 1.1;
	text-decoration: none;
	font-size: 1em;
	color: #222;
	letter-spacing: 0.08em;
	position: relative;
}
#header nav ul.sub-menu li a::before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #EA8E00;
	z-index: -1;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}
#header nav ul.sub-menu li a:hover::before {
	-webkit-transform: scale(1);
	transform: scale(1);
}
#header nav ul.sub-menu li a:hover {
	border-bottom-color: #EA8E00;
	color: #F7F6F5;
	text-decoration: none;
}
#header nav ul.sub-menu li a::after {
	display: none;
}
#header nav ul.sub-menu ul {
	position: static;
	margin: 0;
	z-index: 1000;
}
#header nav ul.sub-menu ul li {
	border-radius: 0 !important;
}
#header nav #menu-burger {
	display: none;
	float: right;
	position: relative;
	line-height: 36px;
	padding: 0 0 0 1.5em;
	z-index: 202;
	color: #555;
	vertical-align: middle;
	cursor: pointer;
}
#header nav #menu-burger:hover {
	color: #222;
}
#header nav #searchicon {
	float: right;
	position: relative;
	padding: 0 0 0 1em;
	z-index: 202;
}
#header nav #searchicon i {
	display: inline-block;
	font-size: .8em;
	color: #555;
	position: relative;
	cursor: pointer;
	z-index: 9;
	vertical-align: middle;
	padding: .4em 0 .2em 1em;
}
#header nav #searchicon:hover i {
	color: #222;
}
#header nav #searchicon form#searchbar {
	position: absolute;
	width: 0;
	right: 0;
	bottom: -1em;
	opacity: 0;
}
#header nav form#searchbar #searchbar-submit {
	visibility: hidden;
}
#header nav form#searchbar #searchbar-input {
}
/* 5. CONTENT
_____________________________________ */
body #content {
	position: relative;
}
body #content > .wrapper {
	padding: 3em 4.5% 0;
}
/* Layouts */
body.fullscreen {
	max-height: 100%;
	overflow-y: hidden;
	overflow-x: hidden;
	background: #222;
}
body.fullscreen #content {
	height: 100vh;
	overflow: hidden;
}
body.fullscreen #content > .wrapper {
	padding: 0;
}
body.fullscreen article {
	margin: 0;
}
body.fullscreen .featured-image-header {
	height: 100vh;
}
body.fullscreen .featured-image-header h1 {
	visibility: hidden;
}
body.fullscreen .featured-image-header img {
	top: 0;
}
body.fullscreen #footer {
	position: absolute;
	bottom: 0;
	padding-bottom: 1.5em;
	right: 0;
	z-index: 3;
	color: white;
}
/* Text on Dark Background (over images) */
body.fullscreen #logo a, body.fullscreen .gallery-caption a:hover {
	color: white;
}
body.fullscreen #logo svg path {
	fill: white;
}
body.fullscreen #logo #logo-svg-animated svg path {
	stroke: white;
}
body.fullscreen #header nav ul li a, body.fullscreen #header nav #searchicon i {
	color: white;
}
body.fullscreen #header nav ul.sub-menu {
	background: transparent;
	border-color: #F7F6F5;
}
body.fullscreen #header nav #menu-burger {
	color: white;
}
body.fullscreen #header nav form#searchbar #searchbar-input {
	color: white;
	border-bottom-color: white;
}
body.fullscreen ul.social-icons, body.fullscreen #footer p {
	vertical-align: bottom;
	padding-bottom: 0;
	line-height: 1.1;
	width: auto;
}
body.fullscreen ul.social-icons li a {
	color: white;
}
body.fullscreen #footer p.back-to-top {
	display: none;
}
body.fullscreen .position-absolute {
	color: white;
	z-index: 700;
	bottom: 10%;
	left: 0;
	width: 100%;
	padding: 0 4.5%; /*-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);*/
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}
body.fullscreen ul.social-icons li.icons {
	padding: 0;
}
body.fullscreen ul.social-icons li.icons2 {
	padding: 0;
	width: 12%;
}
body.fullscreen ul.social-icons li.icons3 {
	padding: 0;
	width: 16%;
}
#gmap img {
	max-width: 9999px !important;
	position: static;
	margin: 0;
} /* fix for map zoom control */
#gmap {
	width: 100%;
	height: 100%;
}
/* Content - Blog Post */
#blog-post {
	width: 65%;
	float: right;
	position: relative;
}
#blog-post::after {
	content: "";
	display: block;
	clear: both;
}
#blog-timeline {
	width: 25%;
	float: left;
	position: relative;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
#blog-timeline::before {
	content: "";
	display: block;
	width: 1px;
	height: 120%;
	position: absolute;
	z-index: -1;
	top: -3em;
	right: 0;
	background: #ccc;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.2) 5%, rgba(0,0,0,.2) 80%, rgba(0,0,0,0) 100%)
}
#blog-timeline::after {
	content: "";
	display: block;
	clear: both;
}
#blog-timeline article {
	position: relative;
	opacity: .64;
	padding: 0 60px 0 0;
	margin: 0 0 4em 0;
	clear: both;
	text-align: right;
	max-width: 600px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
#blog-timeline article.active, #blog-timeline article:hover {
	opacity: 1;
}
#blog-timeline article::before {
	content: "";
	position: absolute;
	top: 7px;
	right: -5px;
	width: 10px;
	height: 10px;
	border: 2px solid #999;
	border-radius: 6px;
	background: #F7F6F5;
	z-index: 10;
}
#blog-timeline article h2 {
	font-size: 1.1em;
	font-weight: bold;
}
#blog-timeline article h2::before {
	content: "";
	width: 30px;
	height: 1px;
	background: #ccc;
	top: 12px;
	right: 0;
	position: absolute;
	z-index: 9;
}
#blog-timeline article .featured-image {
	position: absolute;
	width: 80px;
	height: 80px;
	border-radius: 40px;
	top: 50px;
	right: -40px;
	z-index: 11;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
#blog-timeline article .featured-image::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border-radius: 50%;
	border: 5px solid #F7F6F5;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
#blog-timeline article .featured-image img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	margin: 0;
	border: 1px solid #F7F6F5;
}
#blog-timeline article:hover .featured-image::after {
	opacity: 0;
}
#blog-timeline article .entry-summary {
	font-size: .9em;
}
article.entry.post {
	clear: both;
	margin: 0 0 2em 0;
	width: 100%;
	position: relative;
}
article.entry.post img {
	max-width: 100%;
}
article.entry.post iframe {
	width: 100%;
}
article.entry.post .entry-content, article.entry.post .entry-footer {
	margin: 0 0 2em 0;
}
article h2 {
	font-size: 1.6em;
	margin: .5em 0 .75em 0;
}
/*.blog-masonry #blog-post { display: none; }*/
.blog-masonry #blog-timeline {
	width: 100%;
}
.blog-masonry #blog-timeline::before {
	display: none;
}
.blog-masonry #blog-timeline article {
	width: 30%;
	margin: 1em 0 3em 0;
	opacity: 1;
}
.blog-masonry #blog-timeline article::after {
	content: "";
	display: block;
	width: 1px;
	height: 120%;
	position: absolute;
	z-index: -1;
	top: -1em;
	right: 0;
	background: #ccc;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.2) 5%, rgba(0,0,0,.2) 80%, rgba(0,0,0,0) 100%)
}
/* Image Header and Meta */
.featured-image-header {
	height: 50vh;
	overflow: hidden;
	position: relative;
	z-index: -1;
}
.featured-image-header img {
	width: 100%;
	height: auto;
	min-height: 100%;
	margin: 0;
	position: absolute;
	top: -50%;
}
.entry-meta > div {
	display: inline-block;
	vertical-align: baseline;
	margin: 0 1em 1em 0;
	font-size: .8em;
}
.entry-meta > div:last-child {
	margin-right: 0;
}
.entry-category {
}
.entry-author img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	margin: 0 2em 2em 0;
	vertical-align: middle;
	float: left;
}
.entry-author h4 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: .9em;
}
.entry-meta > div.entry-date {
	text-transform: uppercase;
	font-size: .75em;
}
.entry-date strong {
	font-size: 1.2em;
}
.entry-tags a {
	display: inline-block;
	border-radius: 12px 3px 3px 12px;
	padding: 0 16px;
	line-height: 24px;
	font-size: .7em;
	text-transform: uppercase;
	line-height: 1;
	position: relative;
	-webkit-transition: background .2s ease;
	-moz-transition: background .2s ease;
	-ms-transition: background .2s ease;
	-o-transition: background .2s ease;
	transition: background .2s ease;
}
.entry-tags a::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 1px;
	width: 8px;
	height: 8px;
	border: 2px solid #999;
	border-radius: 4px;
}
.entry-summary p {
	padding-bottom: .5em;
	font-size: .9em;
}
.entry-summary > p:first-child {
	font-family: Times, serif;
	font-style: italic;
	font-size: .9em;
	opacity: .8;
}
.entry-footer {
	clear: both;
	font-size: .9em;
}
.entry-footer h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 1em;
}
/* Galleries */
.gallery {
	clear: both;
	width: 100%;
	margin: 0 0 2em 0;
}
.gallery::after {
	content: "";
	display: block;
	clear: both;
}
.gallery-item {
	position: relative;
	display: block;
	width: auto;
}
.gallery-icon {
	position: relative;
	z-index: 9;
	-webkit-transition: opacity .2s ease;
	-moz-transition: opacity .2s ease;
	-ms-transition: opacity .2s ease;
	-o-transition: opacity .2s ease;
	transition: opacity .2s ease;
}
.gallery-icon a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 9;
}
.gallery-icon img {
	max-width: 100%;
	height: auto;
	margin: 0 0 -5px 0;
}
.gallery-caption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: 10;
	pointer-events: none;
}
.gallery-caption .entry-summary {
	display: inline-block;
	position: absolute;
	width: 100%;
	bottom: 0;
	color: #F7F6F5;
	opacity: 0;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
.gallery-item:hover .gallery-caption .entry-summary {
	opacity: 1;
}
.gallery-caption h3, .gallery-caption p {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	padding: 0;
	margin: 0;
}
.gallery-item:hover .gallery-caption h3, .gallery-item:hover .gallery-caption p {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.gallery-caption h3 {
	font-weight: bold;
	text-transform: uppercase;
	font-size: .9em;
	letter-spacing: 0.05em;
}
.gallery-caption .entry-summary > p {
	font-family: Times, serif;
	font-style: italic;
	font-size: .8em;
	opacity: .8;
}
#gallery-filter {
	display: block;
	position: relative;
	top: 12px;
}
#gallery-filter ul {
	list-style: none;
	padding: 0;
	margin: 0 0 .3em 0;
	font-size: .8em;
	letter-spacing: 0.05em;
}
#gallery-filter ul li {
	display: inline-block;
	vertical-align: bottom;
	margin: 0 2em 2em 0;
}
#gallery-filter ul li a {
	display: block;
	color: #222;
	position: relative;
}
#gallery-filter ul li a:hover {
}
#gallery-filter ul li a.active {
}
#gallery-filter ul li a::after {
	content: "";
	display: block;
	border-bottom: 2px solid #EA8E00;
	width: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}
#gallery-filter ul li a.active::after {
	width: 100%;
	-webkit-transform: scale(1);
	transform: scale(1);
}
#gallery-filter ul li a:hover::after {
	width: 100%;
	-webkit-transform: scale(1);
	transform: scale(1);
}
#grid-changer {
	display: inline-block;
	float: right;
	margin-top: -2.6em;
	z-index: 12;
}
#grid-changer ul {
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 0 0 .3em 0;
	font-size: .8em;
	letter-spacing: 0.05em;
}
#grid-changer ul li {
	display: inline-block;
	vertical-align: top;
	margin: -.3em 0 0 .2em;
}
#grid-changer ul li a {
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #ccc;
	position: relative;
	border: 2px solid #999;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
#grid-changer ul li a.active, #grid-changer ul li a.active:hover {
	border-color: #222;
	color: #222;
}
#grid-changer ul li a:hover {
	border-color: #EA8E00;
	color: #EA8E00;
}
#grid-changer svg {
	fill: #222;
}
.masonry-gallery.gallery {
	width: 102.2%;
	margin: 0 0 1em 0;
}
.masonry-gallery .gallery-item {
	margin: 0 2% 1.3em 0;
	background: #222;
	width: 18%;
}
.masonry-gallery .gallery-item.col-2 {
	width: 48%;
}
.masonry-gallery .gallery-item.col-3 {
	width: 31.3%;
}
.masonry-gallery .gallery-item.col-4 {
	width: 23%;
}
.masonry-gallery .gallery-item.col-5 {
	width: 18%;
}
.masonry-gallery .gallery-item.col-6 {
	width: 14.66%;
}
.masonry-gallery .gallery-item.col-7 {
	width: 12.28%;
}
.masonry-gallery .gallery-item.col-8 {
	width: 10.5%;
}
.masonry-gallery .gallery-item:hover .gallery-icon {
	opacity: .3;
}
.masonry-gallery .gallery-icon {
	text-align: center;
}
.masonry-gallery .gallery-caption .entry-summary {
	text-align: center;
	bottom: 0;
	padding: 1em;
	font-size: .8em;
	color: #F7F6F5;
}
.masonry-gallery .gallery-item.col-5 .gallery-caption {
	font-size: .85em;
}
.masonry-gallery .gallery-caption h3 {
	-webkit-transform: translate3d(0, -20px, 0);
	transform: translate3d(0, -20px, 0);
	margin-bottom: .5em;
}
.masonry-gallery .gallery-caption p {
	-webkit-transform: translate3d(0, 20px, 0);
	transform: translate3d(0, 20px, 0);
	padding-bottom: 1em;
}
.fullscreen-gallery.gallery {
	height: 100vh !important;
	margin: 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}
.fullscreen-gallery .gallery-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 99;
	pointer-events: auto;
}
.fullscreen-gallery .gallery-caption .entry-summary {
	width: 100%;
	bottom: 0;
	padding: 2.5em 4.5%;
	opacity: 1;
}
.fullscreen-gallery .gallery-item {
	height: 100%;
	width: 100%;
}
.fullscreen-gallery .gallery-icon {
	height: 100%;
	width: 100%;
}
.fullscreen-gallery .gallery-video {
	height: 100%;
	width: 100%;
	background-size: cover;
}
.fullscreen-gallery .gallery-video video {
	height: 100%;
	width: 100%;
	display: inline-block;
	vertical-align: baseline;
}
.fullscreen-gallery .gallery-icon img {
	min-width: 100%;
	min-height: 100%;
}
.fullscreen-gallery .gallery-caption h3 {
	font-size: 1.15em;
	margin-bottom: .3em;
	text-transform: none;
}
.fullscreen-gallery.kenburns-gallery .gallery-icon {
	display: none;
}
.fullscreen-gallery.kenburns-gallery canvas {
	z-index: -1;
	position: absolute;
	left: 0;
	top: 0;
}
iframe#okplayer {
	min-width: 100%;
	min-height: 100%;
}
#gallerynav {
	display: inline-block;
	padding: 0 1em;
}
#gallerynav a {
	color: #F7F6F5;
	padding: .3em;
	font-size: 1.5em;
	font-weight: bold;
}
#gallerynav a svg {
	fill: #F7F6F5;
	vertical-align: bottom;
}
#gallerynav a.thumbs {
	padding: 0 1.5em 0 0;
}
#gallerynav a:hover, #gallerynav a.active {
	color: #EA8E00;
}
#gallerynav a:hover svg {
	fill: #EA8E00;
}
#gallerynav a.pause {
	font-size: .7em;
	padding-left: .9em;
	position: relative;
	top: -3px;
	font-weight: normal;
}
#gallerythumbs {
	position: fixed;
	width: 100%;
	height: 120px;
	text-align: left;
	left: 0;
	bottom: -24px;/*hide scroll track*/
	z-index: 888;
	white-space: nowrap;
	padding: 0 !important;
	overflow: hidden;
	overflow-x: scroll;
	background: #222;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
}
#gallerythumbs.reveal {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
#gallerythumbs li {
	display: inline-block;
	height: 120px;
	width: auto;
	margin: 0;
	list-style: none;
	vertical-align: bottom;
	opacity: 1;
	-webkit-transition: opacity .4s ease;
	-moz-transition: opacity .4s ease;
	-ms-transition: opacity .4s ease;
	-o-transition: opacity .4s ease;
	transition: opacity .4s ease;
}
#gallerythumbs:hover li {
	opacity: .5;
}
#gallerythumbs:hover li:hover {
	opacity: 1;
}
#gallerythumbs li img {
	width: auto;
	height: 100%;
	margin: 0;
}
body.gallerythumbsrevealed #footer {
	-webkit-transform: translate3d(0, -64px, 0);
	transform: translate3d(0, -64px, 0);
}
body.gallerythumbsrevealed .gallery {
	-webkit-transform: translate3d(0, -64px, 0);
	transform: translate3d(0, -64px, 0);
}
body.gallerythumbsrevealed .position-absolute {
	-webkit-transform: translate3d(0, -64px, 0);
	transform: translate3d(0, -64px, 0);
}
.horizontal-gallery.gallery {
	height: 50vh;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	width: 109%;
	margin: 0 0 1.5em -4.5%;
}
.horizontal-gallery .gallery-item {
	display: inline-block;
	vertical-align: top;
	height: 100%;
	width: auto;
	margin: 0 .2em 0 0;
}
.horizontal-gallery .gallery-item:last-child {
	margin-right: 0;
}
.horizontal-gallery .gallery-icon {
	display: block;
	width: 100%;
	height: 100%;
}
.horizontal-gallery .gallery-icon img {
	height: 98%;
	width: auto;
	max-width: 9999px;
}
.horizontal-gallery .gallery-caption {
	white-space: normal;
	font-size: .85em;
	padding: 2em;
}
.horizontal-gallery .gallery-caption h3 {
	margin-bottom: .3em;
	-webkit-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
}
.horizontal-gallery .gallery-caption p {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(-5px, 0, 0);
	padding-bottom: 2em;
}
.vertical-gallery.gallery {
	height: 62vh;
	margin-bottom: 1em;
	margin-top: -4em;
}
.vertical-gallery .gallery-item {
	height: 100%;
	width: 100%;
	clear: both;
}
.vertical-gallery .gallery-icon {
	display: inline-block;
	width: 50%;
	height: 100%;
	float: right;
}
.vertical-gallery .gallery-icon img {
	width: auto;
	max-height: 100%;
	max-width: 100%;
	float: right;
	position: absolute;
	bottom: 0;
	right: 0;
}
.vertical-gallery .gallery-caption {
	position: relative;
	display: inline-block;
	width: 45%;
	height: 100%;
	float: left;
	opacity: 0;
}
.vertical-gallery .gallery-caption .entry-summary {
	color: #222;
	opacity: 1;
	bottom: 10%;
	padding: 0 0 0 5em;
	text-align: left;
}
.vertical-gallery .gallery-caption h3 {
	font-size: 2em;
	line-height: 1.1;
	margin-bottom: .5em;
}
#gallerypuntiks {
	width: 18px;
	position: absolute;
	bottom: 0;
	z-index: 90;
}
#gallerypuntiks a {
	display: inline-block;
	width: 10px;
	height: 10px;
	border: 2px solid #999;
	border-radius: 5px;
	font-size: 0;
	margin: .5em;
	clear: both;
	background: #F7F6F5;
	padding: .5em;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
#gallerypuntiks a:hover {
	border-color: #EA8E00;
}
#gallerypuntiks a.activeSlide {
	border-color: #222;
}
.before-after {
	max-width: 100%;
	clear: both;
	float: left;
	margin: 0 2em 1em 0;
}
.before-after .gallery-icon a::after {
	display: none;
}
.gallery.no-margin {
	margin-bottom: 0 !important;
}
/* Popup image */
body.mfp-zoom-out-cur #header, body.mfp-zoom-out-cur #content, body.mfp-zoom-out-cur #sidebar {
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-o-filter: blur(2px);
	-ms-filter: blur(2px);
	filter: blur(2px);
}
.mfp-bg {
	background: #F7F6F5;
	opacity: 0.7;
}
.mfp-figure:after {
	box-shadow: none;
	border: 8px solid rgba(255,255,255,0.8);
}
img.mfp-img {
	padding: 0;
}
.mfp-counter {
	color: #F7F6F5;
	background: #222;
	padding: 0.5em 1em;
	margin-right: -2em;
	-webkit-clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
	-moz-clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
	-o-clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
	-ms-clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
	clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
}
.mfp-container button {
	box-shadow: none;
	background: none;
}
.mfp-container button.mfp-arrow-right {
	background: transparent url("imgs/right-arrow.svg") no-repeat center center;
}
.mfp-container button.mfp-arrow-right::before, .mfp-container button.mfp-arrow-right::after {
	display: none;
}
.mfp-container button.mfp-arrow-left {
	background: transparent url("imgs/right-arrow.svg") no-repeat center center;
	-webkit-transform: scaleX(-1);
	-ms-filter: fliph;
	filter: fliph;
	transform: scaleX(-1);
}
.mfp-container button.mfp-arrow-left::before, .mfp-container button.mfp-arrow-left::after {
	display: none;
}
.mfp-container button.mfp-close {
	visibility: hidden;
}
/* Comments */
#comments {
	clear: both;
	margin: 2em 0;
	padding-top: 2em;
}
.comment-author img {
	border-radius: 50%;
}
ol.comment-list {
	list-style: none;
	padding: 0 0 1em 0;
}
ol.comment-list li {
	margin: 0 0 1em 0;
	clear: both;
}
ol.comment-list li::after {
	content: "";
	display: block;
	clear: both;
}
ol.comment-list li article {
	margin: 0;
}
.comment-list .avatar {
	float: left;
	margin: 0 2em 1em 0;
}
.comment-meta, p.log-in-out, .form-allowed-tags {
	font-size: 0.85em;
	color: #999;
}
.comment-meta div {
	display: inline;
}
.comment-meta div.comment-metadata {
	float: right;
}
.comment-reply-link {
	float: right;
	margin: 1em 0 0 0;
}
.comment-content {
	float: left;
	background: #F0EFED;
	padding: 1em 1.5em 0 1.5em;
	position: relative;
}
.comment-content p {
	padding-bottom: 15px;
}
.comment-content::before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-right: 8px solid #F0EFED;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	position: absolute;
	left: -8px;
	top: 30%;
}
#respond {
	max-width: 800px;
	margin: 4em 0;
	clear: both;
}
/* Password-protected post */
.post-password-form {
	display: inline-block;
	padding: 1.5em 2em 0 3em;
	background: #EA8E00;
	border-radius: 60px;
	margin: 0 0 30vh 30px;
	position: relative;
}
.post-password-form label {
	display: inline;
}
.post-password-form label input {
	width: 300px;
	margin: 0 1em 0 1em;
}
.post-password-form input[type=submit] {
	display: inline;
	color: #F7F6F5;
	border-color: #F7F6F5;
	margin: 0;
}
.post-password-form::before {
	position: absolute;
	left: -30px;
	top: 25px;
	display: block;
	font-weight: normal;
	content: "\2605";
	color: #F7F6F5;
	font-size: 1.3em;
	width: 60px;
	height: 60px;
	line-height: 64px;
	background: #222;
	border-radius: 30px;
	text-align: center;
}
/* All whistles (tabs, accordion, toggle) */
.whistles {
}
.whistle-title {
	display: block;
	cursor: pointer;
}
.whistles-toggle .whistle-title:hover::before, .whistles-accordion .whistle-title:hover::before {
	background: #EA8E00;
	color: #F7F6F5;
}
.whistle-content {
	clear: both;
}
.whistles-tabs {
}
.whistles-tabs-nav, ul.tabs {
	display: block;
	float: left;
	margin-bottom: 2em;
	border-bottom: 1px solid #222;
	padding: 0 !important;
}
.whistles-tabs-nav li, ul.tabs li {
	display: block;
	float: left;
	margin: .2em 6px 0 0;
	padding: 0 !important;
}
.whistles-tabs-nav .whistle-title {
}
.whistles-tabs-nav li a, ul.tabs li a {
	display: block;
	padding: 8px 18px 5px 18px;
	text-align: center;
	font-size: 0.9em;
	cursor: pointer;
	background: #EA8E00;
	border: 1px solid #222;
	border-bottom: 0;
	color: #F7F6F5;
	position: relative;
	top: 2px;
	white-space: nowrap;
	text-decoration: none;
	-webkit-transition: background .4s ease;
	-moz-transition: background .4s ease;
	-ms-transition: background .4s ease;
	-o-transition: background .4s ease;
	transition: background .4s ease;
}
.whistles-tabs-nav li[aria-selected="true"] a, .whistles-tabs-nav li[aria-selected="true"] a:hover, ul.tabs li.active a:hover, ul.tabs li.active a {
	color: #222;
	background: transparent;
	border-bottom: 2px solid #F7F6F5;
}
.whistles-tabs-nav li a:hover, ul.tabs li a:hover {
	color: #222;
	background: transparent;
}
.whistles-tabs-wrap {
}
.whistles-tabs-wrap .whistle-content {
}
.whistles-toggle {
}
.whistles-toggle .whistle-title {
	display: block;
	padding: .3em 0;
}
.whistles-toggle .whistle-title::before {
	content: '+';
	font-weight: bold;
	font-size: 1.1em;
	color: #222;
	position: relative;
	display: inline-block;
	width: 22px;
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
	margin: -2px 12px 0 0;
	text-align: center;
	-webkit-transition: background .4s ease;
	-moz-transition: background .4s ease;
	-ms-transition: background .4s ease;
	-o-transition: background .4s ease;
	transition: background .4s ease;
}
.whistles-toggle .whistle-title[aria-selected="true"]::before {
	content: '-';
	line-height: 20px;
}
.whistles-toggle .whistle-title[aria-selected="true"] {
}
.whistles-toggle .whistle-content {
}
.whistles-accordion {
}
.whistles-accordion .whistle-title {
	display: block;
	padding: .3em 0 0 0;
}
.whistles-accordion .whistle-title::before {
	content: '+';
	font-weight: bold;
	font-size: 1.1em;
	color: #222;
	position: relative;
	display: inline-block;
	width: 22px;
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
	margin: -2px 12px 0 0;
	text-align: center;
	-webkit-transition: background .4s ease;
	-moz-transition: background .4s ease;
	-ms-transition: background .4s ease;
	-o-transition: background .4s ease;
	transition: background .4s ease;
}
.whistles-accordion .whistle-title[aria-selected="true"]::before {
	content: '-';
	line-height: 20px;
}
.whistles-accordion .whistle-content {
}
/* One-line Carousel */
.blog-oneline-carousel {
	font-size: 1 em;
	text-shadow: #000000 1px 1px, #000000 -1px 1px, #000000 -1px -1px, #000000 1px -1px;
	padding-bottom: 150px;
	margin-bottom: 1px;
}
.blog-oneline-carousel h3 {
	display: inline-block;
	float: left;
	font-size: 3em !important;
	font-weight: bold;
	padding-right: 36px;
	margin-top: -70px;
	margin-right: 0;
	margin-left: 0px;
}
.blog-oneline-carousel ul {
	list-style: none;
	padding: 0;
}
.blog-oneline-carousel ul li {
	height: 2em;
	padding-top: 0em;
	margin-top: 0em;
}
.blog-oneline-carousel ul li p {
	font-size: 1em !important;
	padding-top: 0px;
	margin-top: 0em;
}
.blog-oneline-carousel ul li p, .blog-oneline-carousel ul li a {
	display: inline;
	font-size: 1.5em;
}
.blog-oneline-carousel .viewport {
	float: left;
	width: 80%;
	height: 30px;
	overflow: hidden;
	position: relative;
	top: -20px;
}
.blog-oneline-carousel .overview {
	position: absolute;
	white-space: nowrap;
}
/* 7. FOOTER
_____________________________________ */
#footer {
	text-align: right;
	padding: 0em 3.5% 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}
.entry-social {
	display: inline-block;
	vertical-align: top;
	float: left;
	font-size: 1.1em;
	position: relative;
	bottom: .45em;
	z-index: 99;
}
.entry-social .sharers {
	font-size: .9em;
	display: inline-block;
	padding-left: 2em;
}
.entry-social .sharers a {
	padding: 0 .5em;
	color: #222;
	text-decoration: underline;
}
.entry-social a.button {
	margin-bottom: .2em;
}
#footer p.copyright {
	display: inline-block;
	text-align: right;
	padding-left: 1em;
}
#footer p.back-to-top {
	display: inline-block;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	white-space: nowrap;
}
#footer p.back-to-top a {
	color: #222;
	text-decoration: underline;
}
ul.social-icons {
	list-style: none;
	display: inline-block;
	vertical-align: top;
	padding: 0 0 0 .5em;
	line-height: 1.1;
	position: relative;
	z-index: 99;
}
ul.social-icons::after {
	content: "";
	display: block;
	clear: both;
}
ul.social-icons li {
	display: inline-block;
	width: auto;
	padding-top: 0px;
	padding-left: 0.5em;
}
ul.social-icons li a {
	text-decoration: none !important;
}
ul.social-icons li a:hover i {
	color: #EA8E00;
	-moz-animation: spinHorizontal .5s linear;
	-o-animation: spinHorizontal .5s linear;
	-webkit-animation: spinHorizontal .5s linear;
	animation: spinHorizontal .5s linear;
}
@-webkit-keyframes spinHorizontal {
0% {
transform: rotateY(0deg);
}
100% {
transform: rotateY(-360deg);
}
}
@-mox-keyframes spinHorizontal {
0% {
transform: rotateY(0deg);
}
100% {
transform: rotateY(-360deg);
}
}
@-o-keyframes spinHorizontal {
0% {
transform: rotateY(0deg);
}
100% {
transform: rotateY(-360deg);
}
}
@keyframes spinHorizontal {
0% {
transform: rotateY(0deg);
}
100% {
transform: rotateY(-360deg);
}
}
img#icons {
	border: 0;
	margin-top: 5px;
	margin-bottom: 0em;
	max-width: 80%;
	width: auto;
	height: auto;
}
img#icons2 {
	border: 0;
	margin-top: 5px;
	margin-bottom: 0em;
	max-width: 80%;
	width: auto;
	height: auto;
}
img#icons3 {
	border: 0;
	margin-top: 5px;
	margin-bottom: 0em;
	max-width: 80%;
	width: auto;
	height: auto;
}
#presentation {
	margin-left: auto;
	margin-right: auto;
	margin-top: 27em;
	width: 80%;
	color: white;
	background-color: rgba(0, 0, 0, 1);
	border-radius: 100px 100px 0px 0px;
	padding-top: 50px;
	padding-left: 70px;
	padding-right: 70px;
	font-size: 18px;
}
.presentation-h1 {
}
.presentation-h2 {
}
.presentation-h1-titre {
	color: #FF8000;
	font-size: 60px;
}
#avis {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20em;
	width: 80%;
	color: white;
	background-color: rgba(0, 0, 0, 1);
	border-radius: 100px 100px 0px 0px;
	padding-top: 50px;
	padding-left: 70px;
	padding-right: 70px;
	font-size: 18px;
}
.avis-h1-titre {
	color: #FF8000;
	font-size: 60px;
}
.avis-T-tr {
}
/*.avis-T-td{ padding: 0 5.5% 0; }*/
div#avis1 {
	display: inline-block;
	background-color: #483D8B;
	width: 120%;
	margin-left: -10%;
	box-shadow: 0 10px 20px grey;
}
div#avis1_texte {
	float: left;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 10px;
}
div#avis2 {
	display: inline-block;
	background-color: #443535;
	width: 120%;
	margin-left: -10%;
	box-shadow: 0 10px 20px grey;
	margin-top: 80px;
}
div#avis2_texte {
	float: left;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 10px;
	color: white;
}
div#avis3 {
	display: inline-block;
	background-color: #483D8B;
	width: 120%;
	margin-left: -10%;
	box-shadow: 0 10px 20px grey;
	margin-top: 80px;
}
div#avis3_texte {
	float: left;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 10px;
}
/*page visite*/

body.visites #logo a, body.fullscreen .gallery-caption a:hover {
	color: white;
}
body.visites #logo svg path {
	fill: white;
}
body.visites #logo #logo-svg-animated svg path {
	stroke: white;
}
body.visites #header nav ul li a, body.fullscreen #header nav #searchicon i {
	color: white;
}
body.visites #header nav ul.sub-menu {
	background: transparent;
	border-color: #F7F6F5;
}
body.visites #header nav #menu-burger {
	color: white;
}
body.visites #header nav form#searchbar #searchbar-input {
	color: white;
	border-bottom-color: white;
}
body.visites ul.social-icons, body.fullscreen #footer p {
	vertical-align: bottom;
	padding-bottom: 0;
	line-height: 1.1;
}
body.visites ul.social-icons li a {
	color: white;
}
body.visites #footer p.back-to-top {
	display: none;
}
body.visites .position-absolute {
	color: white;
	z-index: 700;
	bottom: 10%;
	left: 0;
	width: 100%;
	padding: 0 4.5%; /*-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);*/
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}
body.visites {
	background-image: url(imgs/serpent/Mamba_vert1.jpg);
	/*'background-image: url(imgs/iguane.jpg);*/
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-color: #ccc7c7;
	color: #FFF;
	font-size: 1.6em;
	letter-spacing: 0.03em;
	overflow-x: hidden;
}
#visite {
	margin-left: auto;
	margin-right: auto;
	
	width: 80%;
	color: white;
	background-color: rgba(0, 0, 0, 1); /*background-color: black; */
	border-radius: 100px 100px 0px 0px;
	padding-top: 50px;
	/*padding-left: 70px;
  padding-right: 70px;*/
	font-size: 18px;
}
.visite-h1 {
}
.visite-h2 {
}
.visite-h1-titre {
	color: #FF8000;
	text-decoration: underline;
}
/*page horaire*/

#horaire {
	margin-left: auto;
	margin-right: auto;
	margin-top: 27em;
	width: 80%;
	color: white;
	background-color: rgba(0, 0, 0, 0.9);
	border-radius: 100px 100px 0px 0px;
	padding-top: 50px;
	padding-left: 70px;
	padding-right: 70px;
	font-size: 18px;
}
.horaire-h1 {
}
.horaire-h2 {
	text-decoration: underline
}
.horaire-h1-titre {
	color: #FF8000;
	font-size: 60px; /* Titres de 60 pixels */
}
div#horaire1 {
	display: inline-block;
	background-color: #483D8B;
	width: 120%;
	margin-left: -10%;
	box-shadow: 0 10px 20px grey;
}
div#horaire1_texte {
	float: left;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 10px;
}
div#horaire2 {
	display: inline-block;
	background-color: #443535;
	width: 120%;
	margin-left: -10%;
	box-shadow: 0 10px 20px grey;
	margin-top: 80px;
}
div#horaire2_texte {
	float: left;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 10px;
	color: white;
}
div#horaire3 {
	display: inline-block;
	background-color: #483D8B;
	width: 120%;
	margin-left: -10%;
	box-shadow: 0 10px 20px grey;
	margin-top: 80px;
}
div#horaire3_texte {
	float: left;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 10px;
}
div#horaire4 {
	display: inline-block;
	background-color: #705000;
	width: 120%;
	margin-left: -10%;
	box-shadow: 0 10px 20px grey;
	margin-top: 80px;
}
div#horaire4_texte {
	float: left;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 10px;
}
/*page tarif*/

#tarif {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20em;
	width: 80%;
	color: white;
	background-color: rgba(0, 0, 0, 0.9);
	border-radius: 100px 100px 0px 0px;
	padding-top: 50px;
	padding-left: 70px;
	padding-right: 70px;
	font-size: 18px;
}
#tarif2 {
	display: none;
}
.tarif-h1 {
	color: #A52A2A;
} /* couleur h1 du tarif  */
.tarif-h2 {
	text-decoration: underline
}
.tarif-h1-titre {
	color: #FF8000;
	font-size: 60px;
}
/* photo/video */
body.photo #logo a, body.fullscreen .gallery-caption a:hover {
	color: white;
}
body.photo #logo svg path {
	fill: white;
}
body.photo #logo #logo-svg-animated svg path {
	stroke: white;
}
body.photo #header nav ul li a, body.fullscreen #header nav #searchicon i {
	color: white;
}
body.photo #header nav ul.sub-menu {
	background: transparent;
	border-color: #F7F6F5;
}
body.photo #header nav #menu-burger {
	color: white;
}
body.photo #header nav form#searchbar #searchbar-input {
	color: white;
	border-bottom-color: white;
}
body.photo ul.social-icons, body.fullscreen #footer p {
	vertical-align: bottom;
	padding-bottom: 0;
	line-height: 1.1;
}
body.photo ul.social-icons li a {
	color: white;
}
body.photo #footer p.back-to-top {
	display: none;
}
body.photo .position-absolute {
	color: white;
	z-index: 700;
	bottom: 10%;
	left: 0;
	width: 100%;
	padding: 0 4.5%; /*-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);*/
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}
ul {
	border: 0;
	margin: 0;
	padding: 0;
}
#pagination-flickr li {
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 11px;
	list-style: none;
}
#pagination-flickr a {
	border: solid 1px #DDDDDD;
	margin-right: 2px;
}
#pagination-flickr .previous-off, #pagination-flickr .next-off {
	color: #666666;
	display: block;
	float: left;
	font-weight: bold;
	padding: 3px 4px;
}
#pagination-flickr .next a, #pagination-flickr .previous a {
	font-weight: bold;
	border: solid 1px #FFFFFF;
}
#pagination-flickr .active {
	color: #ff0084;
	font-weight: bold;
	display: block;
	float: left;
	padding: 4px 6px;
}
#pagination-flickr a:link, #pagination-flickr a:visited {
	color: #0063e3;
	display: block;
	float: left;
	padding: 3px 6px;
	text-decoration: none;
}
#pagination-flickr a:hover {
	border: solid 1px #666666;
}
/*page partenaires*/

#partenaires {
	margin-left: auto;
	margin-right: auto;
	margin-top: 27em;
	width: 80%;
	color: white;
	background-color: rgba(0, 0, 0, 1);
	border-radius: 100px 100px 0px 0px;
	padding-top: 50px;
	padding-left: 70px;
	padding-right: 70px;
	font-size: 18px;
}
.partenaires-h1 {
	color: #FF8000;
	text-decoration: underline;
}
.partenaires-h2 {
	text-decoration: underline;
}
.partenaires-h1-titre {
	color: #FF8000;
	font-size: 60px;
}
a.top {				/* haut de page bouton */
	position: fixed;
	top: 80%;
	left: 87%;
	background-color: rgba(0, 0, 0, 0.8);
	border-radius: 10px 10px 10px 10px;
}
.home.fullscreen #footer .social-icons .icons-.afdpz ._blank #icons2 {
	width: auto;
	height: auto;
}
.home.fullscreen #footer .social-icons .icons-.afdpz ._blank #icons3 {
	width: auto;
	height: auto;
}
.home.fullscreen #footer .social-icons .icons-.afdpz ._blank #icons {
	width: auto;
	height: auto;
}
.home.fullscreen div a #boutique {
	float: right;
	margin-top: 40%;
}
.visites #presentation center #nar {
	color: #F30;
}
ul.social-icons .icons-.afdpz {
	font-size: 2em;
}
.home.fullscreen #footer .social-icons .icons-sud-de-france {
	width: 19%;
	height: auto;
}
.home.fullscreen #footer .social-icons ul {
	width: 70%;
	height: auto;
	display: inline;
}
.home.fullscreen #footer .social-icons ul .icons1 {
	width: 26%;
}
.home.fullscreen #footer .social-icons ul .icons2 {
	width: 16%;
	height: auto;
}
.home.fullscreen #footer .social-icons ul .icons3 {
	height: 20%;
	width: 16%;
}
.home.fullscreen #footer .social-icons ul .icons2 ._blank #icons2 {
	height: auto;
	width: auto;
}
.home.fullscreen #footer .social-icons ul .icons3 ._blank #icons3 {
	height: auto;
	width: auto;
}
/*.home.fullscreen #footer .social-icons .les3 {
	display: inline;
	height: auto;
	width: 30%;
}*/
.home.fullscreen #footer .social-icons .les3 {
	display: inline;
	height: auto;
	width: 30%;
}
.visites #visite {
	text-align: center;
	
	
}

.visites #visite #visites2 #visites2_texte center h2 {
	text-align: center;
}
.visites #horaire {
	text-align: center;
}
.visites #tarif {
	text-align: center;
}
.visites #tarif #tarif1 #tarif1_texte table tr #enfant {
	height: 80px;
}
.visites #tarif #tarif1 iframe {
	width: 100%;
	height: 600px;
}
.visites #tarif #tarif1 #tarif1_texte p .moyenspaiement {
	width: 30%;
}
.visites #tarif #tarif2 div a .boutiquetarif {
	width: 30%;
}
.visites #map #map {
	text-align: center;
}
.visites #map #google1 {
	height: 550px;
	width: 100%;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
}
.visites #map2 #google2 {
	height: 300px;
	width: 100%;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
}
/*#logoreptiland {
	width: 80%;
	min-width: 180px;
	font-size: 100%;
	vertical-align: baseline;
}*/
.home.fullscreen #footer #social-icons {
	line-height: 1.1%;
	vertical-align: bottom;
	width: auto;
	padding-bottom: 0px;
	font-size: -4em;
	z-index: 99;
}
.home.fullscreen #footer .social-icons .icons1 {
	width: 30%;
}
.visites #partenaires center #snakevipera {
	width: 100%;
}
.visites #partenaires center #insectopia {
	width: 100%;
}
.visites #partenaires center #lafontaine {
	width: 100%;
}
.visites #partenaires center #lfds1 {
	width: 100%;
}
.visites #partenaires center #lfds2 {
	width: 100%;
}
.visites #partenaires center #rocher1 {
	width: 100%;
}
.visites #partenaires center #rocher2 {
	width: 100%;
}
.visites #partenaires center #rocher3 {
	width: 100%;
}
.visites #partenaires center #train1 {
	width: 100%;
}
.visites #partenaires center #train2 {
	width: 100%;
}
.visites #partenaires center #train3 {
	width: 100%;
}
.visites #partenaires center #pin1 {
	width: 100%;
}
.visites #partenaires center #pin2 {
	width: 100%;
}
.visites #partenaires center #pin3 {
	width: 100%;
}
.visites #partenaires center #out {
	width: 100%;
}
.visites #avis center #avis3 #avis3_text #TA_selfserveprop375 {
	width: auto;
}
.visites #avis center #avis3 #avis3_text #TA_selfserveprop375 {
	width: 100%;
}
#rouge {
	color: #C90;
}
section#social_block.pull-right {
	box-sizing: border-box;
	display : block;
	float : right;
	line-height : 18px;
	position : static;
	z-index : auto;
}
/*page map*/

#map {
	color: white;
	margin-top: 20em;
}
#map2 {
	display: none;
}
.map-h1 {
}
.map-h2 {
	text-decoration: underline
}
.map-h1-titre {
	color: #FF8000;
	font-size: 60px;
}

 

/* 8. RESPONSIVNESS





_____________________________________ */


@media screen and (min-width: 2000px) {
#visite {
	margin-top: 40em;
}
#horaire {
	margin-top: 40em;
}
#tarif {
	margin-top: 40em;
}
#logoreptiland {
	width: 80%;
	min-width: 180px;
	font-size: 100%;
	vertical-align: baseline;
}

}

@media screen and (max-width: 2000px) {
#visite {
	margin-top: 24em;
}
#horaire {
	margin-top: 24em;
}
#tarif {
	margin-top: 24em;
}
#logoreptiland {
	width: 80%;
	min-width: 180px;
	font-size: 100%;
	vertical-align: baseline;
}


}

@media screen and (min-width: 1366px) {
#avistrip1 {
	display: none;
}
#avistrip2 {
	display: block;
}
#avistrip3 {
	display: none;
}
div#visites1 {
	display: inline-block;
	background-color: #483D8B;
	width: 120%;
	margin-left: -10%;
	box-shadow: 0 10px 20px grey;
	line-height: 120%;
	text-align: center;
}
div#visites1MAP {
	display: inline-block;
	background-color: #483D8B;
	width: 100%;
	margin-left: 0%;
	box-shadow: 0 10px 20px grey;
	line-height: 100%;
	text-align: center;
}
div#visites1_texte {
	float: left;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 10px;
}
div#visites2 {
	display: inline-block;
	background-color: #443535;
	width: 120%;
	margin-left: -10%;
	box-shadow: 0 10px 20px grey;
	margin-top: 80px;
}
div#visites2MAP {
	display: inline-block;
	background-color: #443535;
	width: 100%;
	margin-left: 0%;
	box-shadow: 0 10px 20px grey;
	margin-top: 80px;
	text-align: center;
}
div#visites2_texte {
	float: left;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 10px;
	color: white;
}
div#visites3 {
	display: inline-block;
	background-color: #483D8B;
	width: 120%;
	margin-left: -10%;
	box-shadow: 0 10px 20px grey;
	margin-top: 80px;
}
div#visites3MAP {
	display: inline-block;
	background-color: #483D8B;
	width: 100%;
	margin-left: 0%;
	box-shadow: 0 10px 20px grey;
	margin-top: 80px;
	text-align: center;
}
div#visites3_texte {
	float: left;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 30px;
	text-align: center;
}
div#visites4MAP {
	display: inline-block;
	background-color: #483D8B;
	width: 100%;
	margin-left: 0%;
	box-shadow: 0 10px 20px grey;
	margin-top: 80px;
	text-align: center;
}
div#visites4_texte {
	float: left;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 30px;
	text-align: center;
}
.avis-T-td {
	padding: 0 5.5% 0;
}
#visite {
	margin-top: 27em;
}
#horaire {
	margin-top: 27em;
}
#tarif {
	margin-top: 27em;
}
#logoreptiland {
	width: 80%;
	min-width: 180px;
	font-size: 100%;
	vertical-align: baseline;
}


}
 @media screen and (max-width: 1366px) {	/*tablet*/
#content {
	font-size: 1em;
}
#avistrip1 {
	display: none;
}
#avistrip2 {
	display: block;
}
#avistrip3 {
	display: none;
}
/*sliding menu*/
#header nav {
	top: 0;
}
#header nav #searchicon i {
	font-size: 1em;
}
#header nav #menu-burger i {
	font-size: 1.25em;
}
#header nav #menu-burger {
	display: block;
	z-index: 999;
}
#header nav #menu {
	position: fixed;
	width: 300px;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.7);
	padding: 5% 1em;
	z-index: 888;
	overflow-y: scroll;
	-webkit-transform: translate3d(-320px, 0, 0);
	transform: translate3d(-320px, 0, 0);
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
	transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
#header nav #menu.menu-shown {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: -webkit-transform 0.8s;
	transition: transform 0.8s;
	-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
	transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
#header nav ul {
	font-size: 1.2em;
	text-align: center;
	float: none;
}
#header nav ul li {
	display: block;
	margin: 0 auto;
	clear: both;
}
#header nav ul li a {
	color: white !important;
}
#header nav ul.sub-menu {
	display: block !important;
	border: 0;
	position: static !important;
	background: transparent !important;
	margin: 0 auto !important;
	float: none;
	text-align: center;
	padding: 0 0 1.5em 0;
	font-size: .8em;
	opacity: 1 !important;
	overflow: visible !important;
}
/*adapt fullscreen image width*/
.fullscreen-gallery.gallery {
	width: 30%;
	min-height: 300px;
}
.fullscreen-gallery .gallery-item {
	height: 100vh;
	overflow: hidden;
}
.fullscreen-gallery .gallery-icon {
	display: flex;
	align-items: center;
	justify-content: center;
}
.fullscreen-gallery .gallery-icon img {
	height: auto;
	width: 100%;
	max-width: 9999px;
	min-height: 1px;
}
/*featured image auto height*/
.featured-image-header {
	height: auto;
}
.featured-image-header img {
	position: static;
	top: 0;
	width: 100%;
	height: auto;
	min-height: 1px;
}
/*captions visible*/
#grid-changer {
	display: none;
}
.fullscreen-gallery .gallery-caption, .fullscreen-gallery .gallery-caption .entry-summary {
	position: relative;
}
.gallery-caption .entry-summary {
	opacity: 1 !important;
}
.gallery-caption h3, .gallery-caption p {
	-webkit-transform: none !important;
	transform: none !important;
}
/*footer smaller space*/
#footer, body.fullscreen #footer {
	padding-bottom: 2.5em;
}
#footer p.back-to-top {
	position: relative;
	padding: 0 0 0 1em;
}
ul.social-icons {
	font-size: 2em;
}
div#visites1 {
	display: inline-block;
	background-color: #483D8B;
	width: 120%;
	margin-left: -10%;
	box-shadow: 0 10px 20px grey;
	line-height: 120%;
	text-align: center;
}
div#visites1MAP {
	display: inline-block;
	background-color: #483D8B;
	width: 100%;
	margin-left: 0%;
	box-shadow: 0 10px 20px grey;
	line-height: 100%;
	text-align: center;
}
div#visites1_texte {
	float: left;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 10px;
}
div#visites2 {
	display: inline-block;
	background-color: #443535;
	width: 120%;
	margin-left: -10%;
	box-shadow: 0 10px 20px grey;
	margin-top: 80px;
}
div#visites2MAP {
	display: inline-block;
	background-color: #443535;
	width: 100%;
	margin-left: 0%;
	box-shadow: 0 10px 20px grey;
	margin-top: 80px;
	text-align: center;
}
div#visites2_texte {
	float: left;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 10px;
	color: white;
}
div#visites3 {
	display: inline-block;
	background-color: #483D8B;
	width: 120%;
	margin-left: -10%;
	box-shadow: 0 10px 20px grey;
	margin-top: 80px;
}
div#visites3MAP {
	display: inline-block;
	background-color: #483D8B;
	width: 100%;
	margin-left: 0%;
	box-shadow: 0 10px 20px grey;
	margin-top: 80px;
	text-align: center;
}
div#visites3_texte {
	float: left;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 30px;
	text-align: center;
}
div#visites4MAP {
	display: inline-block;
	background-color: #483D8B;
	width: 100%;
	margin-left: 0%;
	box-shadow: 0 10px 20px grey;
	margin-top: 80px;
	text-align: center;
}
div#visites4_texte {
	float: left;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 30px;
	text-align: center;
}
#visite {
	margin-top: 20em;
}
#horaire {
	margin-top: 20em;
}
#tarif {
	margin-top: 20em;
}
#logoreptiland {
	width: 80%;
	min-width: 180px;
	font-size: 100%;
	vertical-align: baseline;
}


}
 @media screen and (max-width: 1000px) {
#map {
	display: none;
	padding-top: 10em;
	padding-bottom: 2em;
}
#map2 {
	display: block;
	color: white;
	margin-top: 10em;
	text-align: center;
	padding-top: 5em;
	padding-bottom: 2em;
}
.map-h1-titre {
	color: #FF8000;
	font-size: 40px; /* Titres de 40 pixels */
}
#logoreptiland {
	width: 80%;
	min-width: 180px;
	font-size: 100%;
	vertical-align: baseline;
}



}
/*page contact*/

#contact {
	margin-left: auto;
	margin-right: auto;
	margin-top: 17em;
	width: 80%;
	color: white;
	background-color: rgba(0, 0, 0, 0.9);
	border-radius: 100px 100px 50px 50px;
	padding-top: 50px;
	padding-left: 70px;
	padding-right: 70px;
	padding-bottom: 70px;
	font-size: 18px;
}
.contact-h1 {
}
.contact-h2 {
	text-decoration: underline
}
.contact-h1-titre {
	color: #FF8000;
	font-size: 60px;
}
/*#visite {
	margin-top: 27em;
}*/

@media only screen and (max-width:850px) {
table, thead, tbody, th, .avis-T-tr, .avis-T-td {
	display: block;
}
#visite {
	margin-top: 8em;
}
#horaire {
	margin-top: 8em;
}
#tarif {
	margin-top: 8em;
}
#logoreptiland {
	width: 80%;
	min-width: 180px;
	font-size: 100%;
	vertical-align: baseline;
}

}
 @media only screen and (max-width:680px) {
#avistrip2 {
	display: none;
}
#avistrip1 {
	display: block;
}
#avistrip3 {
	display: none;
}
#visite {
	margin-top: 6em;
}
#horaire {
	margin-top: 6em;
}
#tarif {
	margin-top: 6em;
}
#logoreptiland {
	width: 80%;
	min-width: 180px;
	font-size: 100%;
	vertical-align: baseline;
}


}
 @media only screen and (max-width:650px) {
#visite {
	width: 100%;
	margin-top: 13em;
}
#horaire {
	margin-top: 13em;
}
#tarif {
	margin-top: 13em;
}
div#visites1 {
	display: inline-block;
	background-color: #483D8B;
	width: 100%;
	margin-left: -10%;
	box-shadow: 0 10px 20px grey;
	line-height: 120%;
	text-align: center;
}
div#visites1MAP {
	display: inline-block;
	background-color: #483D8B;
	width: 100%;
	margin-left: 0%;
	box-shadow: 0 10px 20px grey;
	line-height: 100%;
	text-align: center;
}
div#visites1_texte {
	float: left;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 10px;
}
div#visites2 {
	display: inline-block;
	background-color: #443535;
	width: 100%;
	margin-left: 0%;
	box-shadow: 0 10px 20px grey;
	margin-top: 80px;
}
div#visites2MAP {
	display: inline-block;
	background-color: #443535;
	width: 100%;
	margin-left: 0%;
	box-shadow: 0 10px 20px grey;
	margin-top: 80px;
	text-align: center;
}
div#visites2_texte {
	float: left;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 10px;
	color: white;
}
div#visites3 {
	display: inline-block;
	background-color: #483D8B;
	width: 100%;
	margin-left: 0%;
	box-shadow: 0 10px 20px grey;
	margin-top: 80px;
}
div#visites3MAP {
	display: inline-block;
	background-color: #483D8B;
	width: 100%;
	margin-left: 0%;
	box-shadow: 0 10px 20px grey;
	margin-top: 80px;
	text-align: center;
}
div#visites3_texte {
	float: left;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 30px;
	text-align: center;
}
div#visites4MAP {
	display: inline-block;
	background-color: #483D8B;
	width: 100%;
	margin-left: 0%;
	box-shadow: 0 10px 20px grey;
	margin-top: 80px;
	text-align: center;
}
div#visites4_texte {
	float: left;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 30px;
	text-align: center;
}
#logoreptiland {
	width: 80%;
	min-width: 180px;
	font-size: 100%;
	vertical-align: baseline;
}


}
 @media screen and (max-width: 640px) and (orientation: portrait) {
/*galleries adapted*/
.fullscreen-gallery .gallery-caption .entry-summary {
	padding-bottom: 5em;
}
.masonry-gallery .gallery-item {
	width: 98% !important;
}
.blog-oneline-carousel .viewport {
}
.blog-oneline-carousel ul li {
	line-height: 1.4;
}
#visite {
	margin-top: 27em;
}
#horaire {
	margin-top: 27em;
}
#tarif {
	margin-top: 27em;
}
#logoreptiland {
	width: 80%;
	min-width: 180px;
	font-size: 100%;
	vertical-align: baseline;
}


}
 @media only screen and (max-width:640px) {
#tarif {
	width: 100%;
	margin-top: 13em;
}
#tarif1 {
	display: none;
}
#tarif2 {
	display: block;
}
#avistrip3 {
	display: none;
}
.tarif-h1-titre {
	color: #FF8000;
	font-size: 40px;
}
#visite {
	margin-top: 27em;
}
#horaire {
	margin-top: 27em;
}
#tarif {
	margin-top: 27em;
}
#logoreptiland {
	width: 80%;
	min-width: 180px;
	font-size: 100%;
	vertical-align: baseline;
}


}
	/*mobile*/
	@media screen and (max-width:640px) {
#avis {
	width: 100%;
	margin-top: 13em;
}
.avis-h1-titre {
	color: #FF8000;
	font-size: 40px; /* Titres de 40 pixels */
}
#avistrip2 {
	display: none;
}
#avistrip1 {
	display: block;
}
#partenaires {
	width: 100%;
	margin-top: 13em;
}
.partenaires-h1-titre {
	color: #FF8000;
	font-size: 40px; /* Titres de 40 pixels */
}
#presentation {
	width: 100%;
	margin-top: 13em;
}
.presentation-h1-titre {
	color: #FF8000;
	font-size: 40px; /* Titres de 40 pixels */
}
#contact {
	width: 100%;
	margin-top: 13em;
}
/*header smaller space*/
#header {
	padding-top: 1.5em;
}
#avistrip2 {
	display: none;
}
#avistrip1 {
	display: block;
}
#avistrip3 {
	display: none;
}
body #content > .wrapper {
	padding-top: 2em;
}
/*general styling*/
#content {
	font-size: .85em;
}
.image-with-caption figcaption {
	opacity: 1;
	bottom: 0;
	background: rgba(0,0,0,.3);
	padding-top: 2em;
}
.p50, .column-grid .column {
	float: none !important;
	width: 100% !important;
	padding-right: 0;
	clear: both;
}
#content p.input-block.p50.right {
	padding-right: 0;
	margin-left: 0;
}
.left, .right {
	float: none !important;
	padding-bottom: 25px;
}
.right {
	margin-left: 0 !important;
}
img.right, img.alignright, img.left, img.alignleft {
	float: none !important;
	padding-bottom: 0;
}
.justifyright {
	text-align: left;
}
img.alignnone.size-full {
	margin: 0 0 0 -2em;
	max-width: 115%;
}
.colorful-content-box a.button {
	float: none;
	margin-top: 1em;
}
body.fullscreen .position-absolute {
	bottom: 10%;
}
/*galleries adapted*/
.masonry-gallery .gallery-item {
	width: 47.5% !important;
}
.fullscreen-gallery.kenburns-gallery canvas {
	position: relative;
}
.fullscreen-gallery .gallery-caption .entry-summary {
	padding-bottom: 1.5em;
}
.vertical-gallery.gallery {
	height: 400px;
	margin-top: 2em;
}
.vertical-gallery .gallery-icon {
	width: 90%;
}
.vertical-gallery .gallery-caption {
	width: 90%;
	position: absolute;
	bottom: 0;
}
.vertical-gallery .gallery-icon img {
	bottom: auto;
	top: 0;
}
.vertical-gallery .gallery-caption h3 {
	font-size: 1.4em;
}
/*blog full width*/
#blog-timeline {
	width: 100%;
}
#blog-timeline::before, #blog-timeline article::before, #blog-timeline article h2::before, #blog-timeline article .featured-image::after {
	display: none;
}
#blog-timeline article {
	width: 100%;
	float: none;
	text-align: left !important;
	padding: 0;
}
#blog-timeline article .featured-image {
	position: static;
	float: left;
	margin: -5px 1em 4em -10px;
}
#blog-post {
	width: 100%;
}
.blog-oneline-carousel .viewport {
	width: 100%;
	margin-top: -4%;
}
.blog-oneline-carousel ul li {
	line-height: 1.3;
	padding-top: 5px;
}
#footer, body.fullscreen #footer {
	padding-bottom: 1em;
	width: 100%;
}
ul.social-icons {
	font-size: 2em;
}
img#icons {
	max-width: 100%;
	height: auto;
}
img#icons2 {
	max-width: 100%;
	height: auto;
}
img#icons3 {
	max-width: 100%;
	height: auto;
}
div#visites1 {
	display: inline-block;
	background-color: #483D8B;
	width: 100%;
	/*margin-left: -10%;*/
	box-shadow: 0 10px 20px grey;
	line-height: 120%;
	text-align: center;
}
div#visites1MAP {
	display: inline-block;
	background-color: #483D8B;
	width: 100%;
	margin-left: 0%;
	box-shadow: 0 10px 20px grey;
	line-height: 100%;
	text-align: center;
}
div#visites1_texte {
	float: left;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 10px;
}
div#visites2 {
	display: inline-block;
	background-color: #443535;
	width: 100%;
	/* margin-left: -10%;*/  
	box-shadow: 0 10px 20px grey;
	margin-top: 80px;
}
div#visites2MAP {
	display: inline-block;
	background-color: #443535;
	width: 100%;
	margin-left: 0%;
	box-shadow: 0 10px 20px grey;
	margin-top: 80px;
	text-align: center;
}
div#visites2_texte {
	float: left;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 10px;
	color: white;
}
div#visites3 {
	display: inline-block;
	background-color: #483D8B;
	width: 100%;
	/* margin-left: -10%;*/
	box-shadow: 0 10px 20px grey;
	margin-top: 80px;
}
div#visites3MAP {
	display: inline-block;
	background-color: #483D8B;
	width: 100%;
	margin-left: 0%;
	box-shadow: 0 10px 20px grey;
	margin-top: 80px;
	text-align: center;
}
div#visites3_texte {
	float: left;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 30px;
	text-align: center;
}
div#visites4MAP {
	display: inline-block;
	background-color: #483D8B;
	width: 100%;
	margin-left: 0%;
	box-shadow: 0 10px 20px grey;
	margin-top: 80px;
	text-align: center;
}
div#visites4_texte {
	float: left;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 30px;
	text-align: center;
}
/*#horaire {
	width: 100%;
	margin-top: 13em;
}
#horaire {
	margin-top: 27em;
}*/
.horaire-h1-titre {
	color: #FF8000;
	font-size: 40px; /* Titres de 40 pixels */
}
#visite {
	margin-top: 6em;
}
#horaire {
	margin-top: 6em;
	width: 100%;
}
#tarif {
	margin-top: 6em;
}
#logoreptiland {
	width: 80%;
	min-width: 180px;
	font-size: 100%;
	vertical-align: baseline;
}


}
 @media screen and (max-height: 480px) {	/*landscape*/
/*header smaller space*/
#header {
	padding-top: 2em;
}
/*galleries adapted*/
.fullscreen-gallery .gallery-caption .entry-summary {
	padding-bottom: 2em;
}
.masonry-gallery .gallery-item {
	width: 98% !important;
}
#avistrip1 {
	display: block;
}
#avistrip2 {
	display: none;
}
#avistrip3 {
	display: none;
}
div#visites1 {
	display: inline-block;
	background-color: #483D8B;
	width: 100%;
	/*margin-left: -10%;*/
	box-shadow: 0 10px 20px grey;
	line-height: 120%;
	text-align: center;
}
div#visites1MAP {
	display: inline-block;
	background-color: #483D8B;
	width: 100%;
	margin-left: 0%;
	box-shadow: 0 10px 20px grey;
	line-height: 100%;
	text-align: center;
}
div#visites1_texte {
	float: left;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 10px;
}
div#visites2 {
	display: inline-block;
	background-color: #443535;
	width: 100%;
	/*margin-left: -10%;*/
	box-shadow: 0 10px 20px grey;
	margin-top: 80px;
}
div#visites2MAP {
	display: inline-block;
	background-color: #443535;
	width: 100%;
	margin-left: 0%;
	box-shadow: 0 10px 20px grey;
	margin-top: 80px;
	text-align: center;
}
div#visites2_texte {
	float: left;
	width: 100%;
	/* [disabled]padding-left: 30px;
*/
	/* [disabled]padding-right: 30px;
*/
	margin-bottom: 10px;
	color: white;
}
div#visites3 {
	display: inline-block;
	background-color: #483D8B;
	width: 100%;
	/* margin-left: -10%;*/
	box-shadow: 0 10px 20px grey;
	margin-top: 80px;
}
div#visites3MAP {
	display: inline-block;
	background-color: #483D8B;
	width: 100%;
	margin-left: 0%;
	box-shadow: 0 10px 20px grey;
	margin-top: 80px;
	text-align: center;
}
div#visites3_texte {
	float: left;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 30px;
	text-align: center;
}
div#visites4MAP {
	display: inline-block;
	background-color: #483D8B;
	width: 100%;
	margin-left: 0%;
	box-shadow: 0 10px 20px grey;
	margin-top: 80px;
	text-align: center;
}
div#visites4_texte {
	float: left;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 30px;
	text-align: center;
}
#visite {
	margin-top: 27em;
}
#horaire {
	margin-top: 27em;
		width: 100%;
}
#tarif {
	margin-top: 27em;
}
#logoreptiland {
	width: 80%;
	min-width: 180px;
	font-size: 100%;
	vertical-align: baseline;
}


}
 @media only screen and (max-width:350px) {
#visite {
	width: 100%;
	margin-top: 6em;
}
#horaire {
	margin-top: 6em;
}
#tarif {
	margin-top: 6em;
}
#avistrip1 {
	display: block;
}
#avistrip2 {
	display: none;
}
div#visites1 {
	display: inline-block;
	background-color: #483D8B;
	width: 100%;
	margin-left: 0%;
	box-shadow: 0 10px 20px grey;
	line-height: 120%;
	text-align: center;
}
div#visites1MAP {
	display: inline-block;
	background-color: #483D8B;
	width: 100%;
	margin-left: 0%;
	box-shadow: 0 10px 20px grey;
	line-height: 100%;
	text-align: center;
}
div#visites1_texte {
	float: left;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 10px;
}
div#visites2 {
	display: inline-block;
	background-color: #443535;
	width: 100%;
	margin-left: 0%;
	box-shadow: 0 10px 20px grey;
	margin-top: 80px;
}
div#visites2MAP {
	display: inline-block;
	background-color: #443535;
	width: 100%;
	margin-left: 0%;
	box-shadow: 0 10px 20px grey;
	margin-top: 80px;
	text-align: center;
}
div#visites2_texte {
	float: left;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 10px;
	color: white;
}
div#visites3 {
	display: inline-block;
	background-color: #483D8B;
	width: 100%;
	margin-left: 0%;
	box-shadow: 0 10px 20px grey;
	margin-top: 80px;
}
div#visites3MAP {
	display: inline-block;
	background-color: #483D8B;
	width: 100%;
	margin-left: 0%;
	box-shadow: 0 10px 20px grey;
	margin-top: 80px;
	text-align: center;
}
div#visites3_texte {
	float: left;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 30px;
	text-align: center;
}
div#visites4MAP {
	display: inline-block;
	background-color: #483D8B;
	width: 100%;
	margin-left: 0%;
	box-shadow: 0 10px 20px grey;
	margin-top: 80px;
	text-align: center;
}
div#visites4_texte {
	float: left;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 30px;
	text-align: center;
}
#horaire {
	width: 100%;
	margin-top: 6em;
}
#tarif {
	margin-top: 6em;
}
#avistrip1 {
	display: none;
}
#avistrip2 {
	display: none;
}
#avistrip3 {
	display: block;
}
.horaire-h1-titre {
	color: #FF8000;
	font-size: 40px; /* Titres de 40 pixels */
}
#logoreptiland {
	width: 80%;
	min-width: 180px;
	font-size: 100%;
	vertical-align: baseline;
}


}
 @media only screen and (max-width:350px) {
#avistrip1 {
	display: block;
}
#avistrip2 {
	display: none;
}
#avistrip3 {
	display: block;
}
#tarif {
	width: 100%;
	margin-top: 6em;
}
#tarif1 {
	display: none;
}
#tarif2 {
	display: block;
}
.tarif-h1-titre {
	color: #FF8000;
	font-size: 40px;
}
#visite {
	margin-top: 0.1em;
}
#horaire {
	margin-top: 0.1em;
		width: 100%;
}
#tarif {
	margin-top: 0.1em;
}
#logoreptiland {
	width: 80%;
	min-width: 180px;
	font-size: 100%;
	vertical-align: baseline;
}



}
 @media screen and (max-width:350px) {
#avistrip2 {
	display: none;
}
#avistrip1 {
	display: block;
	width: 80%;
}
#avis {
	width: 100%;
	margin-top: 6em;
}
.avis-h1-titre {
	color: #FF8000;
	font-size: 40px; /* Titres de 40 pixels */
}
#partenaires {
	width: 100%;
	margin-top: 6em;
}
.partenaires-h1-titre {
	color: #FF8000;
	font-size: 40px; /* Titres de 40 pixels */
}
#contact {
	width: 100%;
	margin-top: 6em;
}
#avistrip2 {
	display: none;
}
#avistrip1 {
	display: none;
}
#avistrip3 {
	display: block;
}
#presentation {
	width: 100%;
	margin-top: 6em;
}
.presentation-h1-titre {
	color: #FF8000;
	font-size: 40px; /* Titres de 40 pixels */
}
#horaire {
	/*margin-top: 0.1em;*/
		width: 100%;
}

	#logoreptiland {
	width: 10%;
	min-width: 90px;
	font-size: 100%;
	vertical-align: baseline;
}
}