/** Generated: Wednesday, 4th of June 2025, 05:53:58 PM // Powered by AIOM+ (All In One Minify) created by David Karich **/
@font-face {
	font-family: "Flaticon";
	src: url("/site/templates/fonts/flaticon.eot");
	src: url("/site/templates/fonts/flaticon.eot#iefix") format("embedded-opentype"),
	url("/site/templates/fonts/flaticon.woff") format("woff"),
	url("/site/templates/fonts/flaticon.ttf") format("truetype"),
	url("/site/templates/fonts/flaticon.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
	font-family: Flaticon;
        font-size: 20px;
font-style: normal;
margin-left: 20px;
}.flaticon-plus:before {
	content: "\e000";
}
.flaticon-star:before {
	content: "\e001";
}
.flaticon-close:before {
	content: "\e002";
}
.flaticon-play:before {
	content: "\e003";
}
.flaticon-file:before {
	content: "\e004";
}

@font-face {
	font-family: 'proxima_nova';
	src: url('/site/templates/fonts/proximanova-regular-webfont.eot');
	src: url('/site/templates/fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('/site/templates/fonts/proximanova-regular-webfont.woff2') format('woff2'),
	url('/site/templates/fonts/proximanova-regular-webfont.woff') format('woff'),
	url('/site/templates/fonts/proximanova-regular-webfont.ttf') format('truetype'),
	url('/site/templates/fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'proxima_nova';
	src: url('/site/templates/fonts/proximanova-bold-webfont.eot');
	src: url('/site/templates/fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('/site/templates/fonts/proximanova-bold-webfont.woff2') format('woff2'),
	url('/site/templates/fonts/proximanova-bold-webfont.woff') format('woff'),
	url('/site/templates/fonts/proximanova-bold-webfont.ttf') format('truetype'),
	url('/site/templates/fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
	font-weight: bold;
	font-style: normal;
}

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	list-style: none;
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #2a2924;
	text-decoration: none;
}

body {
	overflow-x: hidden;
	background: url('/site/templates/images/bg.jpg') no-repeat 50% 0 fixed;
}

.deco {
	position: absolute;
	width: 1296px;
	height: 436px;
	top: 350px;
	left: 50%;
	margin-left: -616px;
	background: url('/site/templates/images/deco.png') no-repeat 50%;
}

.wrapper {
	position: relative;
	width: 974px;
	height: 100%;
	margin: 0 auto;
}

/*
HEADER
*/

#header {
	height: 216px;
	z-index: 99;
}

#header .logo {
	position: absolute;
	width: 286px;
	height: 145px;
	display: block;
	top: 15px;
	left: 50%;
	margin-left: -160px;
	background: url('/site/templates/images/logo.png') no-repeat 0 0;
}

#header .baseline {
	position: absolute;
	top: 30%;
	left: 40px;
}

#header .baseline::before,
#header .baseline::after {
	content: '';
	position: absolute;
	width: 22px;
	height: 17px;
	background-repeat: no-repeat;
	background-position: 50%;
}

#header .baseline::before {
	top: -7px;
	left: -23px;
	background-image: url('/site/templates/images/quote-before.png');
}

#header .baseline::after {
	bottom: -17px;
	right: -13px;
	background-image: url('/site/templates/images/quote-after.png');
}

#header .baseline p {
	color: #2c80be;
	font-family: 'proxima_nova';
	font-size: 24px;
}

#header .search {
	position: absolute;
	bottom: 90px;
	right: 0;
	height: 35px;
	line-height: 35px;
}

#header .search .text {
	position: relative;
	float: left;
	width: 220px;
	height: 100%;
	background: #fff;
}

#header .search .text input {
	width: 90%;
	padding: 0 5%;
	color: #5c84b5;
	font-size: 13px;
	background: none;
}

#header .search .submit {
	position: relative;
	float: right;
	width: 40px;
	height: 100%;
	background: #277cbd url('/site/templates/images/icon-search.png') no-repeat 50%;
}

#header .search .submit input {
	width: 100%;
	cursor: pointer;
}

#header .search .submit input {
	background: none;
}

#header .links,
#header .coordonnees {
	position: absolute;
	top: 60px;
	right: 0;
}

#header .links div,
#header .coordonnees div {
	position: relative;
	display: inline-block;
	padding: 0 10px 0 30px;
	background-repeat: no-repeat;
	background-position: 10px 50%;
	overflow: auto;
	height: 16px;
	line-height: 16px;
}

#header .links div a {
	position: relative;
	display: block;
	color: #5c84b5;
	font-size: 10px;
	text-transform: uppercase;
}

#header .links div a:hover {
	text-decoration: underline;
}

#header .links div + div,
#header .coordonnees div + div {
	border-left: 1px solid #b8c9d3;
}

#header .links div.lang {
	padding-left: 10px;
	padding-right: 0;
}

#header .links div.contact {
	background-image: url('/site/templates/images/icon-contact.png');
}

#header .links div.sitemap {
	background-image: url('/site/templates/images/icon-sitemap.png');
}

#header .links .lang ul {
	position: relative;
}

#header .links .lang ul li {
	position: relative;
	float: left;
}

#header .links .lang ul li + li {
	margin-left: 8px;
}

#header .links .lang ul li a {
	position: relative;
	display: block;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: 50%;
}

#header .links .lang ul li.fr a {
	background-image: url('/site/templates/images/flag-fr.png');
}

#header .links .lang ul li.en a {
	background-image: url('/site/templates/images/flag-en.png');
}

#header .coordonnees {
	top: 35px;
}

#header .coordonnees div {
	padding: 0 10px;
	color: #5c84b5;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

#header .coordonnees div.email {
	padding-right: 0;
}

#header .togglenav {
	display: none;
}

#header .nav {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 55px;
	background: #f4f4f4;
	background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f4f4f4));
	background: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=0);
}

#header .nav > ul {
	display: flex;
}

#header .nav > ul > li {
	position: relative;
}

#header .nav > ul > li.parknplaystore {
	flex: 1;
}

#header .nav > ul > li + li::before {
	content: '';
	position: absolute;
	top: 3px;
	left: 0;
	width: 1px;
	height: 47px;
	z-index: 99;
	border-left: 1px dotted #bfb1a8;
}

#header .nav > ul > li.toggle::before,
#header .nav > ul > li.toggle + li::before {
	content: none;
}

#header .nav > ul > li.parknplaystore::before {
	content: none;
}

#header .nav > ul > li > a {
	position: relative;
	display: block;
	height: 50px;
	line-height: 53px;
	padding: 0 15px;
	color: #37729d;
	font-family: 'proxima_nova';
	font-size: 15px;
	text-align: center;
	box-shadow: 0 -5px 0 0 #fff inset;
	border-bottom: 5px solid #274e75;
	background-position: 0 -55px;
	background-repeat: repeat-x;
	z-index: 1;
	overflow: hidden;
}

#header .nav > ul > li > a:hover {
	height: 48px;
	border-bottom-width: 7px;
	background: #fff;
}

#header + .parknplaystore a,
#header .nav > ul > li.parknplaystore a {
	top: -7px;
	height: 57px;
	line-height: 60px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	background: #f57c07;
	background: -moz-linear-gradient(top, #fcaf08 0%, #f57c07 100%);
	background: -webkit-linear-gradient(top, #fcaf08 0%, #f57c07 100%);
	background: linear-gradient(to bottom, #fcaf08 0%, #f57c07 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcaf08', endColorstr='#f57c07', GradientType=0);
	border-color: #f57c07;
	box-shadow: none;
}

#header .nav > ul > li.parknplaystore > a:hover {
	height: 55px;
}

/*#header .nav > ul > li.home > a {
	padding: 0 10px;
}*/

#header .nav > ul > li.toggle > a {
	color: #fff;
	box-shadow: none;
	background-position: 0 0;
}

#header .nav > ul > li > a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	z-index: -1;
	opacity: 0;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-ms-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
}

#header .nav > ul > li.toggle > a::before {
	opacity: 1;
}

#header .nav > ul > li:nth-child(2) > a {
	/*width: 180px;*/
	border-color: #327fb7;
}

#header .nav > ul > li:nth-child(2) > a::before {
	background: #327fb7;
	background: -moz-linear-gradient(top, #02538d 0%, #327fb7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #02538d), color-stop(100%, #327fb7));
	background: -webkit-linear-gradient(top, #02538d 0%, #327fb7 100%);
	background: -o-linear-gradient(top, #02538d 0%, #327fb7 100%);
	background: -ms-linear-gradient(top, #02538d 0%, #327fb7 100%);
	background: linear-gradient(to bottom, #02538d 0%, #327fb7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#02538d', endColorstr='#327fb7', GradientType=0);
}

#header .nav > ul > li:nth-child(3) > a {
	/*width: 180px;*/
	border-color: #c0ca34;
}

#header .nav > ul > li:nth-child(3) > a::before {
	background: #c0ca34;
	background: -moz-linear-gradient(top, #678d02 0%, #c0ca34 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #678d02), color-stop(100%, #c0ca34));
	background: -webkit-linear-gradient(top, #678d02 0%, #c0ca34 100%);
	background: -o-linear-gradient(top, #678d02 0%, #c0ca34 100%);
	background: -ms-linear-gradient(top, #678d02 0%, #c0ca34 100%);
	background: linear-gradient(to bottom, #678d02 0%, #c0ca34 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#678d02', endColorstr='#c0ca34', GradientType=0);
}

#header .nav > ul > li:nth-child(4) > a {
	/*width: 180px;*/
	border-color: #f57c07;
}

#header .nav > ul > li:nth-child(4) > a::before {
	background: #f57c07;
	background: -moz-linear-gradient(top, #be4102 0%, #f57c07 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #be4102), color-stop(100%, #f57c07));
	background: -webkit-linear-gradient(top, #be4102 0%, #f57c07 100%);
	background: -o-linear-gradient(top, #be4102 0%, #f57c07 100%);
	background: -ms-linear-gradient(top, #be4102 0%, #f57c07 100%);
	background: linear-gradient(to bottom, #be4102 0%, #f57c07 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#be4102', endColorstr='#f57c07', GradientType=0);
}

#header .nav > ul > li:nth-child(5) > a {
	/*width: 180px;*/
	border-color: #fcaf08;
}

#header .nav > ul > li:nth-child(5) > a::before {
	background: #fcaf08;
	background: -moz-linear-gradient(top, #e47e0f 0%, #fcaf08 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e47e0f), color-stop(100%, #fcaf08));
	background: -webkit-linear-gradient(top, #e47e0f 0%, #fcaf08 100%);
	background: -o-linear-gradient(top, #e47e0f 0%, #fcaf08 100%);
	background: -ms-linear-gradient(top, #e47e0f 0%, #fcaf08 100%);
	background: linear-gradient(to bottom, #e47e0f 0%, #fcaf08 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47e0f', endColorstr='#fcaf08', GradientType=0);
}

#header .nav > ul > li:nth-child(6) > a {
	border-color: #b61931;
}

#header .nav > ul > li:nth-child(6) > a::before {
	background: #b61931;
	background: -moz-linear-gradient(top, #961517 0%, #b61931 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #961517), color-stop(100%, #b61931));
	background: -webkit-linear-gradient(top, #961517 0%, #b61931 100%);
	background: -o-linear-gradient(top, #961517 0%, #b61931 100%);
	background: -ms-linear-gradient(top, #961517 0%, #b61931 100%);
	background: linear-gradient(to bottom, #961517 0%, #b61931 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#961517', endColorstr='#b61931', GradientType=0);
}

.en #header .nav > ul > li:nth-child(2) > a,
.en #header .nav > ul > li:nth-child(3) > a,
.en #header .nav > ul > li:nth-child(4) > a {
	/*width: 160px;*/
}

.en #header .nav > ul > li:nth-child(5) > a {
	/*width: 240px;*/
}

#header .nav > ul > li.has_children > a::after {
	content: '';
	position: relative;
	display: inline-block;
	top: -1px;
	width: 11px;
	height: 6px;
	margin-left: 5px;
	background: url('/site/templates/images/icon-arrow-nav.png') no-repeat 0 0;
}

#header .nav > ul > li.toggle > a::after {
	content: none;
}

#header .subnav {
	position: absolute;
	top: 55px;
	left: 0;
	padding: 30px;
	width: 914px;
	background: rgba(240, 245, 250, .95);
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
	transform: translateY(30px);
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-ms-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
}

#header .toggle .subnav {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

#header .subnav > ul > li {
	position: relative;
	width: 47%;
	float: left;
}

#header .subnav > ul > li:nth-of-type(2n) {
	margin-left: 3%;
	padding-left: 3%;
}

#header .subnav > ul > li + li + li {
	margin-top: 10px;
}

#header .subnav > ul > li > a {
	display: block;
	height: 30px;
	line-height: 30px;
	color: #02538d;
	font-size: 15px;
	text-indent: 10px;
	background: #d4e5ec;
}

#header .subnav > ul > li > ul {
	margin-top: 20px;
	overflow: auto;
}

#header .subnav > ul > li + li::before {
	content: '';
	position: absolute;
	width: 1px;
	top: 45px;
	bottom: -5px;
	left: 0;
	background: #adc6da;
}

#header .subnav > ul > li > ul > li {
	width: 45%;
	display: inline-table;
}

#header .subnav > ul > li > ul > li:nth-child(2n) {
	margin-left: 10%;
}

#header .subnav > ul > li > ul > li + li + li {
	margin-top: 7px;
}

#header .subnav ul ul a {
	display: block;
	padding-left: 15px;
	color: #7b95ac;
	font-size: 12px;
	background: url('/site/templates/images/icon-arrow-subnav.png') no-repeat 0 3px;
}

#header .subnav ul ul a:hover {
	text-decoration: underline;
}

#header .nav > ul > li:last-child .subnav ul ul {
	display: none;
}

#header .nav > ul > li:last-child .subnav ul li {
	width: 25%;
	margin: 0 !important;
	padding: 0 !important;
}

#header .nav > ul > li:last-child .subnav ul li a {
	display: block;
	height: auto;
	line-height: normal;
	padding-left: 5px;
	color: #7b95ac;
	font-size: 12px;
	background: url('/site/templates/images/icon-arrow-subnav.png') no-repeat 0 3px;
}

#header .nav > ul > li:last-child .subnav ul li + li + li + li + li a {
	margin-top: 7px;
}

#header .nav > ul > li:last-child .subnav ul li a:hover {
	text-decoration: underline;
}

#header .subnav ul ul ul {
	margin-left: 15px;
}

#header .subnav > ul > li:first-child > ul > li + li + li {
	margin-top: 20px;
}

#header .subnav > ul > li > ul > li > ul li {
	margin-top: 5px;
}

#header .respnav {
	display: none;
}

#header + .parknplaystore {
	display: none;
}

#header + .parknplaystore a {
	display: block;
	top: 0;
	height: 50px;
	line-height: 53px;
	text-align: center;
}

/*
SLIDER
*/

#slider {
	margin-top: 30px;
}

#slider .sliders {
	position: relative;
	height: 400px;
	border-bottom: 10px solid #fff;
	background: #b2d5e4;
	overflow: hidden;
}

#slider .sliders .slider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all ease 2s;
	-moz-transition: all ease 2s;
	-ms-transition: all ease 2s;
	-o-transition: all ease 2s;
	transition: all ease 2s;
}

#slider .sliders .slider.current {
	opacity: 1;
	visibility: visible;
}

#slider .sliders .item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	opacity: 0;
	-webkit-transition: opacity ease 2s;
	-moz-transition: opacity ease 2s;
	-ms-transition: opacity ease 2s;
	-o-transition: opacity ease 2s;
	transition: opacity ease 2s;
}

.piscines .sliders .item {
	background-position: 50% 100%;
}

#slider .sliders .item.current {
	opacity: 1;
}

#slider .sliders .item .description {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	text-align: center;
	height: 60px;
	line-height: 60px;
	font-size: 14px;
	font-weight: 700;
	color: #555;
	background: rgba(255, 255, 255, .8);
	-webkit-transition: all ease 1s 0;
	-moz-transition: all ease 1s 0;
	-ms-transition: all ease 1s 0;
	-o-transition: all ease 1s 0;
	transition: all ease 1s 0;
	-webkit-transform: translateY(60px);
	-moz-transform: translateY(60px);
	-ms-transform: translateY(60px);
	-o-transform: translateY(60px);
	transform: translateY(60px);
}

#slider .sliders .item.current .description {
	-webkit-transition: all ease .5s 1s;
	-moz-transition: all ease .5s 1s;
	-ms-transition: all ease .5s 1s;
	-o-transition: all ease .5s 1s;
	transition: all ease .5s 1s;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

#slider .prev,
#slider .next {
	position: absolute;
	top: 50%;
	width: 40px;
	height: 60px;
	margin-top: -30px;
	background-color: #769bb8;
	background-repeat: no-repeat;
	background-position: 50%;
	cursor: pointer;
}

#slider .prev {
	left: 0;
	background-image: url('/site/templates/images/icon-prev.png');
}

#slider .next {
	right: 0;
	background-image: url('/site/templates/images/icon-next.png');
}

/*
CONTENT
*/

#content {
	margin-top: 30px;
}

#content .categories {
	overflow: auto;
}

#content .categories .item {
	position: relative;
	display: block;
	float: left;
	padding-bottom: 25px;
	width: 23.5%;
	overflow: hidden;
}

#content .categories .item + .item {
	margin-left: 2%;
}

#content .categories .item::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 49px;
	bottom: 0;
	left: 0;
	background: url('/site/templates/images/shadow.png') no-repeat 50% 100%;
	z-index: -1;
}

#content .categories .item .img {
	position: relative;
	height: 110px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	-webkit-transition: box-shadow ease .3s;
	-moz-transition: box-shadow ease .3s;
	-ms-transition: box-shadow ease .3s;
	-o-transition: box-shadow ease .3s;
	transition: box-shadow ease .3s;
}

#content .categories .item.piscines-collectives .img {
	background-position: 50% 100%;
}

#content .categories .item:hover .img {
	box-shadow: 0 0 50px #fff inset;
}

#content .categories .item .img img {
	width: 100%;
}

#content .categories .item:nth-of-type(1) .title {
	background: #3480b7;
	background: -moz-linear-gradient(top, #3480b7 0%, #02538d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3480b7), color-stop(100%, #02538d));
	background: -webkit-linear-gradient(top, #3480b7 0%, #02538d 100%);
	background: -o-linear-gradient(top, #3480b7 0%, #02538d 100%);
	background: -ms-linear-gradient(top, #3480b7 0%, #02538d 100%);
	background: linear-gradient(to bottom, #3480b7 0%, #02538d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3480b7', endColorstr='#02538d', GradientType=0);
}

#content .categories .item:nth-of-type(2) .title {
	background: #a2b805;
	background: -moz-linear-gradient(top, #a2b805 0%, #678d02 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a2b805), color-stop(100%, #678d02));
	background: -webkit-linear-gradient(top, #a2b805 0%, #678d02 100%);
	background: -o-linear-gradient(top, #a2b805 0%, #678d02 100%);
	background: -ms-linear-gradient(top, #a2b805 0%, #678d02 100%);
	background: linear-gradient(to bottom, #a2b805 0%, #678d02 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a2b805', endColorstr='#678d02', GradientType=0);
}

#content .categories .item:nth-of-type(3) .title {
	background: #f98d1e;
	background: -moz-linear-gradient(top, #f98d1e 0%, #be4102 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f98d1e), color-stop(100%, #be4102));
	background: -webkit-linear-gradient(top, #f98d1e 0%, #be4102 100%);
	background: -o-linear-gradient(top, #f98d1e 0%, #be4102 100%);
	background: -ms-linear-gradient(top, #f98d1e 0%, #be4102 100%);
	background: linear-gradient(to bottom, #f98d1e 0%, #be4102 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f98d1e', endColorstr='#be4102', GradientType=0);
}

#content .categories .item:nth-of-type(4) .title {
	background: #fbad08;
	background: -moz-linear-gradient(top, #fbad08 0%, #e47e0f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbad08), color-stop(100%, #e47e0f));
	background: -webkit-linear-gradient(top, #fbad08 0%, #e47e0f 100%);
	background: -o-linear-gradient(top, #fbad08 0%, #e47e0f 100%);
	background: -ms-linear-gradient(top, #fbad08 0%, #e47e0f 100%);
	background: linear-gradient(to bottom, #fbad08 0%, #e47e0f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbad08', endColorstr='#e47e0f', GradientType=0);
}

#content .categories .item .title {
	position: relative;
	box-shadow: 1px 1px 0 0 rgba(255, 255, 255, .2) inset;
}

#content .categories .item .title::after {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 20px;
	height: 100%;
	background-image: url('/site/templates/images/icon-arrow.png');
	background-repeat: no-repeat;
	background-position: 50%;
}

#content .categories .item.parc-aquatique .title::after {
	background-color: #043e69;
}

#content .categories .item.parc-de-loisirs .title::after {
	background-color: #517300;
}

#content .categories .item.piscines-collectives .title::after {
	background-color: #e17308;
}

#content .categories .item.thematisation .title::after {
	background-color: #8d2b00;
}

#content .categories .item .title p {
	padding: 10px 13px;
	font-family: 'proxima_nova';
	font-size: 15px;
	color: #fff;
}

#content .categories .item.parc-aquatique .title p {
	text-shadow: 1px 1px #043e69;
}

#content .categories .item.parc-de-loisirs .title p {
	text-shadow: 1px 1px #517300;
}

#content .categories .item.piscines-collectives .title p {
	text-shadow: 1px 1px #e17308;
}

#content .categories .item.thematisation .title p {
	text-shadow: 1px 1px #8d2b00;
}

#content .categories .item .link p {
	padding: 7px 13px;
	text-align: right;
	text-transform: uppercase;
	font-family: 'proxima_nova';
	font-size: 10px;
	font-weight: bold;
	color: #507f9c;
	background: #fff;
}

#content .content {
	overflow: auto;
	padding-bottom: 50px;
}

.home #content .content {
	padding: 25px 0 50px 0;
}

#content .content h1,
#content .content h2 {
	margin-bottom: 20px;
	padding-bottom: 15px;
	font-family: 'proxima_nova';
	font-size: 25px;
	font-weight: bold;
	color: #1e5e8f;
	border-bottom: 1px solid rgba(255, 255, 255, .7);
}

#content .content h2 {
	color: #5F6671;
	padding: 0;
	margin-bottom: 30px;
	font-size: 18px;
	border: none;
}

#content .content p + h2,
#content .content ul + h2 {
	margin-top: 30px;
}

.parc-de-loisirs #content .content h2,
.references #content .content h2 {
	margin: 0;
	padding: 20px 50px;
	font-family: 'proxima_nova';
	font-size: 25px;
	font-weight: bold;
	background: #f6f6f6 url('/site/templates/images/map.png') no-repeat 50% 30%;
	border-bottom: 10px solid #fff;
}

.parc-de-loisirs #content .content h2 {
	background: #f6f6f6 url('/site/templates/images/parc-de-loisirs-2.png') repeat 0 0;
}

.parc-de-loisirs #content .content .details + h2,
.references #content .content .details + h2 {
	margin-top: 14px;
	border-top: 10px solid #fff;
	background-position: 50%;
}

.home #content .content h2,
.home #content .content h2 * {
	margin-bottom: 20px;
	text-align: justify;
	font-family: inherit;
	font-size: 14px;
	color: #498bba;
	font-weight: bold;
	font-style: italic;
	line-height: 20px;
}

.home #content .content h2 a {
	border-bottom: 1px dashed #498bba;
}

#content .content p q::before,
#content .content p q::after {
	content: none !important;
}

#content .content p {
	line-height: 20px;
	text-align: justify;
}

#content .content p + p,
#content .content ul + p {
	margin-top: 20px;
}

#content .content p,
#content .content p *,
#content ul li,
#content ul li * {
	font-size: 14px;
	color: #5F6671;
}

#content .content p strong,
#content ul li strong {
	font-weight: 700;
}

#content .main a {
	padding-bottom: 0px;
	font-weight: 600;
	border-bottom: 1px dashed #5F6671;
}

#content .body a:hover {
	border: none;
}

#content .details ul,
#content .body ul {
	margin-top: 20px;
}

.product #content .details ul {
	margin-top: 0;
}

#content .details ul li,
#content .body ul li {
	position: relative;
	padding-left: 22px;
}

#content .details ul li + li,
#content .body ul li + li {
	margin-top: 10px;
}

#content .details ul li::before,
#content .body ul li::before {
	content: '';
	position: absolute;
	display: block;
	left: 0;
	top: 4px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
}

.sitemap #content ul,
.sitemap #content ul li + li {
	margin-top: 10px !important;
}

.sitemap #content ul {
	display: table;
}

.sitemap #content .body > ul > li {
	display: inline-table;
	width: 33%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.sitemap #content .body > ul > li + li + li + li {
	margin-top: 30px !important;
}

.sitemap #content .body > ul > li > a {
	color: #448abb;
}

#content .content .button {
	float: right;
	padding: 10px 15px;
	font-size: 12px;
	color: #fff;
	border-radius: 5px;
	background: #2373a5;
}

#content .content .button:hover {
	text-decoration: underline;
}

#content .sidebar {
	position: relative;
	float: left;
	width: 260px;
	background: #fff;
}

#content .sidebar .title {
	position: relative;
	padding-left: 50px;
	height: 66px;
	line-height: 60px;
	font-weight: 700;
	color: #fff;
}

#content .sidebar .title::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 6px;
	background: url('/site/templates/images/sidebar-title.png') no-repeat 0 0;
}

.parc-aquatique #content .sidebar .title,
#content .main .details .item.current .title {
	background: #3580b7;
	background: -moz-linear-gradient(left, #3580b7 0%, #5094c3 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #3580b7), color-stop(100%, #5094c3));
	background: -webkit-linear-gradient(left, #3580b7 0%, #5094c3 100%);
	background: -o-linear-gradient(left, #3580b7 0%, #5094c3 100%);
	background: -ms-linear-gradient(left, #3580b7 0%, #5094c3 100%);
	background: linear-gradient(to right, #3580b7 0%, #5094c3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3580b7', endColorstr='#5094c3', GradientType=1);
}

.parc-de-loisirs #content .sidebar .title,
.parc-de-loisirs #content .main .details .item.current .title {
	background: #c0ca34;
	background: -moz-linear-gradient(left, #c0ca34 0%, #d4db4a 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #c0ca34), color-stop(100%, #d4db4a));
	background: -webkit-linear-gradient(left, #c0ca34 0%, #d4db4a 100%);
	background: -o-linear-gradient(left, #c0ca34 0%, #d4db4a 100%);
	background: -ms-linear-gradient(left, #c0ca34 0%, #d4db4a 100%);
	background: linear-gradient(to right, #c0ca34 0%, #d4db4a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0ca34', endColorstr='#d4db4a', GradientType=1);
}

.thematisation #content .sidebar .title,
.thematisation #content .main .details .item.current .title {
	background: #f57c07;
	background: -moz-linear-gradient(left, #f57c07 0%, #ff8f26 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f57c07), color-stop(100%, #ff8f26));
	background: -webkit-linear-gradient(left, #f57c07 0%, #ff8f26 100%);
	background: -o-linear-gradient(left, #f57c07 0%, #ff8f26 100%);
	background: -ms-linear-gradient(left, #f57c07 0%, #ff8f26 100%);
	background: linear-gradient(to right, #f57c07 0%, #ff8f26 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f57c07', endColorstr='#ff8f26', GradientType=1);
}

.piscines #content .sidebar .title,
.piscines #content .main .details .item.current .title {
	background: #fcaf08;
	background: -moz-linear-gradient(left, #fcaf08 0%, #ffc23f 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fcaf08), color-stop(100%, #ffc23f));
	background: -webkit-linear-gradient(left, #fcaf08 0%, #ffc23f 100%);
	background: -o-linear-gradient(left, #fcaf08 0%, #ffc23f 100%);
	background: -ms-linear-gradient(left, #fcaf08 0%, #ffc23f 100%);
	background: linear-gradient(to right, #fcaf08 0%, #ffc23f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcaf08', endColorstr='#ffc23f', GradientType=1);
}

.a-propos #content .sidebar .title,
.a-propos #content .main .details .item.current .title {
	background: #b61931;
	background: -moz-linear-gradient(left, #b61931 0%, #cc243d 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b61931), color-stop(100%, #cc243d));
	background: -webkit-linear-gradient(left, #b61931 0%, #cc243d 100%);
	background: -o-linear-gradient(left, #b61931 0%, #cc243d 100%);
	background: -ms-linear-gradient(left, #b61931 0%, #cc243d 100%);
	background: linear-gradient(to right, #b61931 0%, #cc243d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b61931', endColorstr='#cc243d', GradientType=1);
}

#content .sidebar > ul {
	padding: 30px 50px;
}

/*#content .sidebar ul ul {
	display: none;
}*/

#content .sidebar ul li {
	position: relative;
}

#content .sidebar ul li::before {
	content: '';
	position: absolute;
	top: 0;
	left: -24px;
	width: 1px;
	height: 100%;
	background: #dadada;
}

#content .sidebar ul ul ul li::before {
	content: none;
}

#content .sidebar > ul > li.parent::before,
#content .sidebar > ul > li.current::before {
	content: none;
}

#content .sidebar ul ul li {
	padding-left: 14px;
}

#content .sidebar ul ul li::after {
	content: '';
	position: absolute;
	left: -23px;
	top: 13px;
	width: 14px;
	height: 1px;
	background: #dadada;
}

#content .sidebar ul ul ul li::after {
	left: -37px;
	width: 28px;
}

#content .sidebar ul li a {
	position: relative;
	display: block;
	padding: 6px 0;
	font-size: 13px;
	color: #8a8e94;
}

#content .sidebar > ul > li > a,
#content .sidebar ul li.current > a {
	font-weight: 700;
}

#content .sidebar ul li a:hover {
	text-decoration: underline;
}

.breadcrumb a,
#content .sidebar > ul > li > a,
.parc-aquatique #content .main .header h1,
#content .main .details .item .title,
#content .main .details .item .title::after,
#content .main .header ul li::before,
#content .main .details .item .files .file::before,
.product.parc-aquatique .video::before {
	color: #448abb;
}

.parc-de-loisirs #content .sidebar > ul > li > a,
.parc-de-loisirs #content .main .header h1,
.parc-de-loisirs #content .main .details .item .title,
.parc-de-loisirs #content .main .details .item .title::after,
.parc-de-loisirs #content .main .header ul li::before,
.parc-de-loisirs #content .main .details .item .files .file::before,
.product.parc-de-loisirs .video::before {
	color: #c0ca34;
}

.thematisation #content .sidebar > ul > li > a,
.thematisation #content .main .header h1,
.thematisation #content .main .details .item .title,
.thematisation #content .main .details .item .title::after,
.thematisation #content .main .header ul li::before,
.thematisation #content .main .details .item .files .file::before {
	color: #f57c07;
}

.piscines #content .sidebar > ul > li > a,
.piscines #content .main .header h1,
.piscines #content .main .details .item .title,
.piscines #content .main .details .item .title::after,
.piscines #content .main .header ul li::before,
.piscines #content .main .details .item .files .file::before {
	color: #fcaf08;
}

.a-propos #content .sidebar > ul > li > a,
.a-propos #content .main .header h1,
.a-propos #content .main .details .item .title,
.a-propos #content .main .details .item .title::after,
.a-propos #content .main .header ul li::before,
.a-propos #content .main .details .item .files .file::before {
	color: #b61931;
}

#content .sidebar ul li.parent > a::before,
#content .sidebar > ul > li.current > a::before {
	content: '';
	position: absolute;
	top: 50%;
	left: -27px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-radius: 50%;
	box-shadow: 0 0 0 10px #fff;
}

#content .sidebar ul ul li a::before {
	content: none !important;
}

#content .sidebar > ul > li > a::before,
#content .main .details .item .content .text::before,
#content ul li::before {
	background: #448abb;
}

.parc-de-loisirs #content .sidebar > ul > li > a::before,
.parc-de-loisirs #content .main .details .item .content .text::before,
.parc-de-loisirs #content ul li::before {
	background: #c0ca34;
}

.thematisation #content .sidebar > ul > li > a::before,
.thematisation #content .main .details .item .content .text::before,
.thematisation #content ul li::before {
	background: #f57c07;
}

.piscines #content .sidebar > ul > li > a::before,
.piscines #content .main .details .item .content .text::before,
.piscines #content ul li::before {
	background: #fcaf08;
}

.a-propos #content .sidebar > ul > li > a::before,
.a-propos #content .main .details .item .content .text::before,
.a-propos #content ul li::before {
	background: #b61931;
}

#content .main {
	position: relative;
	float: right;
	width: 700px;
}

.sitemap #content .main,
.search #content .main,
.basic-page #content .main,
.a-propos #content .main,
.parc-de-loisirs #content .main,
.thematisation #content .main,
.piscines #content .main {
	float: none;
	width: 100%;
}

.references #content .main {
	float: right !important;
	width: 700px !important;
}

#content .main .header {
	background: #fff;
}

.references #content .main .header {
	border: none;
}

#content .main .header h1 {
	position: relative;
	margin: 0;
	padding: 30px 50px;
	border: none;
}

#content .main .header h1::after {
	content: '';
	position: absolute;
	top: 0;
	right: 50px;
	width: 58px;
	height: 100%;
	background: url('/site/templates/images/product-title.png') no-repeat 50%;
}

#content .main .header ul,
#content .main .header .general,
#content .main .body,
#content .main .details .item .title {
	background: #f6f6f6;
	background: -moz-linear-gradient(left, #f6f6f6 0%, #f9f9f9 50%, #f6f6f6 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f6f6f6), color-stop(50%, #f9f9f9), color-stop(100%, #f6f6f6));
	background: -webkit-linear-gradient(left, #f6f6f6 0%, #f9f9f9 50%, #f6f6f6 100%);
	background: -o-linear-gradient(left, #f6f6f6 0%, #f9f9f9 50%, #f6f6f6 100%);
	background: -ms-linear-gradient(left, #f6f6f6 0%, #f9f9f9 50%, #f6f6f6 100%);
	background: linear-gradient(to right, #f6f6f6 0%, #f9f9f9 50%, #f6f6f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f6f6f6', GradientType=1);
}


#content .main .header ul {
	display: table;
	width: 100%;
}

#content .main .header .general,
#content .main .body {
	padding: 30px 50px;
	border-bottom: 10px solid #fff;
	overflow: auto;
}

#content .main .header ul li {
	position: relative;
	display: inline-table;
	width: 50%;
	padding: 20px 50px;
	font-size: 13px;
	font-weight: 700;
	color: #aaa;
	border-top: 1px solid #e4e4e4;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#content .main .header ul li:nth-of-type(2n) {
	border-left: 1px solid #e4e4e4;
}

#content .main .header ul li::before {
	content: '\e001';
	position: absolute;
	top: 26px;
	left: 20px;
	margin-top: -5px;
	font-family: 'Flaticon';
	background: none;
}

#content .main .header ul li.empty::before {
	content: none;
}

#content .main .details {
	margin-top: 14px;
}

#content .main .details .item {
	background: #fff;
}

#content .main .details .item + .item {
	margin-top: 2px;
}

#content .main .details .item .title {
	position: relative;
	padding: 0 50px;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
}

#content .main .details .item.current .title {
	color: #fff;
}

#content .main .details .item .title::after {
	content: '\e000';
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 100%;
	font-family: 'Flaticon';
	font-size: 20px;
	text-align: center;
	border-left: 1px solid #e4e4e4;
}

#content .main .details .item.current .title::after {
	content: '\e002';
	color: #fff;
}

#content .main .details .item .content {
	position: relative;
	display: none;
	padding: 30px 50px;
}

#content .main .details .item .content .text {
	padding-left: 30px;
	position: relative;
}

#content .main .details .item .content .text::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 4px;
}

#content .main .details .item .content .text + .photos {
	margin-top: 20px;
}

#content .main .details .item .img {
	position: relative;
	width: 80px;
	height: 80px;
	float: left;
	margin: 5px 10px 5px 0;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
}

#contact,
#result {
	float: right;
	width: 70%;
}

#contact div + div {
	margin-top: 10px;
}

#contact div {
	padding: 15px 20px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
}

#contact input,
#contact textarea {
	width: 100%;
	font-size: 14px;
	color: #5F6671;
}

#contact textarea {
	overflow: auto;
	resize: none;
	height: 100px;
}

#contact .submit,
#contact .result {
	border: none;
	padding: 0;
	background: none;
}

#contact .submit input {
	width: 30%;
	padding: 15px 0;
	border-radius: 4px;
	color: #fff;
	font-weight: 600;
	text-align: center;
	background: #5F6671;
	cursor: pointer;
}

#contact .result {
	margin-top: 30px;
}

#contact .result p {
	color: #b61931;
}

/*
FOOTER
*/

#footer {
	padding: 20px 0;
	background: #1a5388;
	overflow: auto;
}

#footer .wrapper > ul > li {
	float: left;
	width: 145px;
}

#footer .wrapper > ul > li + li {
	margin-left: 20px;
}

#footer ul li a {
	display: block;
	font-size: 10px;
	text-transform: uppercase;
}

#footer ul li a,
#footer ul li a:hover {
	color: #c5ddde;
}

#footer ul ul {
	margin-top: 15px;
}

#footer ul ul li {
	padding-left: 10px;
	background: url('/site/templates/images/icon-arrow-footer.png') no-repeat 0 3px;
}

#footer ul ul li + li {
	margin-top: 5px;
}

#footer ul ul li a {
	font-size: 11px;
	text-transform: none;
	color: #7b9fc0;
}

#footer p {
	width: 100%;
	clear: both;
	padding-top: 80px;
	float: left;
	text-align: center;
	background: url('/site/templates/images/logo-footer.png') no-repeat 50% 0;
}

#footer p,
#footer p * {
	font-size: 11px;
	color: #afbdce;
}

/*
UPDATE
*/

#update {
	padding: 10px 0;
	background: #002748;
}

#update p {
	font-size: 11px;
	font-weight: bold;
	color: #799d02;
	text-align: center;
}

/*
SEARCH
*/

#content .sq {
	font-weight: 700;
	color: #1e5e8f !important;
}

#content p.results {
	padding-bottom: 20px;
	border-bottom: 1px dashed #ccc;
}

/*
BOX
*/

#box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
	z-index: 99999;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity ease .3s;
	-moz-transition: opacity ease .3s;
	-ms-transition: opacity ease .3s;
	-o-transition: opacity ease .3s;
	transition: opacity ease .3s;
}

#box.visible {
	opacity: 1;
	visibility: visible;
}

#box .item {
	position: absolute;
	width: 80%;
	height: 80%;
	top: 10%;
	left: 10%;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	opacity: 0;
	-webkit-transition: all ease 1s;
	-moz-transition: all ease 1s;
	-ms-transition: all ease 1s;
	-o-transition: all ease 1s;
	transition: all ease 1s;
}

#box .item.current {
	opacity: 1;
}

#box .prev,
#box .next {
	position: absolute;
	top: 50%;
	width: 40px;
	height: 60px;
	margin-top: -30px;
	background-color: #769bb8;
	background-repeat: no-repeat;
	background-position: 50%;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
}

#box .prev.visible,
#box .next.visible {
	opacity: 1;
	visibility: visible;
}

#box .prev {
	left: 0;
	background-image: url('/site/templates/images/icon-prev.png');
}

#box .next {
	right: 0;
	background-image: url('/site/templates/images/icon-next.png');
}

#box .close {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	background: #769bb8;
	cursor: pointer;
}

#box .close::after {
	content: '\e002';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	font-family: 'Flaticon';
	font-size: 27px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-weight: 700;
}

/*
VIDEO
*/

.video {
	position: relative;
	cursor: pointer;
}

.product .video::before {
	font-family: 'Flaticon';
	content: "\e003" !important;
	font-size: 20px;
	margin-top: -8px;
	background: none !important;
	top: 7px !important;
}

#content .main .header ul li.video::before {
	content: "\e003";
	font-size: 20px;
	margin-top: -8px;
	background: none !important;
}

#content .main .header ul li.file::before {
	content: "\e004";
	background: none !important;
	font-size: 20px;
	margin-top: -9px;
}

#videobox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
	z-index: 99999;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity ease .3s;
	-moz-transition: opacity ease .3s;
	-ms-transition: opacity ease .3s;
	-o-transition: opacity ease .3s;
	transition: opacity ease .3s;
}

#videobox.visible {
	opacity: 1;
	visibility: visible;
}

#videobox video {
	position: absolute;
	width: 640px;
	height: 360px;
	top: 50%;
	left: 50%;
	margin: -180px 0 0 -320px;
	background: #000;
}

#videobox .close {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	background: #769bb8;
	cursor: pointer;
}

#videobox .close::after {
	content: '\e002';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	font-family: 'Flaticon';
	font-size: 27px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-weight: 700;
}

/*
FILES
*/

#content .main .details .item .files {
	display: flex;
}

#content .main .details .item .files .file {
	position: relative;
	display: inline-block;
	flex: 1;
	text-align: center;
	font-size: 13px;
}

#content .main .details .item .files .file span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	text-align: center;
	-webkit-transition: opacity ease .3s;
	-moz-transition: opacity ease .3s;
	-ms-transition: opacity ease .3s;
	-o-transition: opacity ease .3s;
	transition: opacity ease .3s;
}

#content .main .details .item .files .file:hover span {
	opacity: 0;
}

#content .main .details .item .files .file span img {
	height: 100%;
}

#content .main .details .item .files .file + .file {
	border-left: 1px solid #ddd;
}

#content .main .details .item .files .file::before {
	content: '\e004';
	font-family: Flaticon;
	font-size: 48px;
	position: relative;
	display: block;
	margin-bottom: 10px;
	line-height: 100px;
	height: 100px;
}

/*
BREADCRUMB
*/

.breadcrumb {
	display: none;
	padding: 20px 50px;
	border-bottom: 1px solid #e4e4e4;
}

.breadcrumb a {
	display: inline-block;
	font-size: 12px;
	/*color: #8a8e94;*/
}

.breadcrumb a + a::before {
	content: '/';
	margin: 0 7px;
}

/*
IMG LOAD
*/

body,
.deco,
#slider .item,
#content .categories .img {
	background-position-x: -9999px !important;
}

body.loaded,
.deco.loaded,
#slider .item.loaded,
#content .categories .img.loaded {
	background-position-x: 50% !important;
}

/*
RESPONSIVE
*/

@media screen and (max-width: 1250px) {
	.deco {
		display: none;
	}

	.home #content .content {
		padding-left: 0;
		padding-right: 0;
	}
}

@media screen and (max-width: 974px) {
	.deco {
		display: none;
	}

	.wrapper {
		width: 90%;
	}

	#header .wrapper,
	#slider .wrapper {
		width: 100%;
	}

	#header {
		height: auto;
		min-height: 100px;
	}

	#header .baseline,
	#header .search,
	#header .coordonnees,
	#header .links .sitemap,
	#header .links .contact,
	#header .respnav .links .lang,
	#header .nav {
		display: none;
	}

	#header .respnav .search,
	#header .respnav .coordonnees,
	#header .respnav .links,
	#header .respnav .nav {
		display: block;
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		clear: both;
		float: left;
	}

	#header .respnav .coordonnees,
	#header .respnav .links,
	#header .respnav .nav {
		margin-top: 15px;
	}

	#header .respnav .links .sitemap,
	#header .respnav .links .contact {
		display: block;
	}

	#header .wrapper > .links {
		position: absolute;
		top: 50px;
		right: 5%;
		margin-top: -15px;
		margin-right: 50px;
	}

	#header .links a.sitemap {
		padding-left: 20px;
		background-position: 0 50%;
	}

	#header .links .lang {
		overflow: hidden;
		height: auto;
		width: auto;
		margin: 0;
		background: none !important;
	}

	#header .links .lang ul li {
		padding-left: 0;
	}

	#header .links .lang ul li + li {
		padding-left: 0;
	}

	#header .links .lang ul li a {
		width: 32px;
		height: 32px;
	}

	#header .links .lang ul li.fr a {
		background-image: url('/site/templates/images/flag-fr-2.png');
	}

	#header .links .lang ul li.en a {
		background-image: url('/site/templates/images/flag-en-2.png');
	}

	#header .search .text {
		width: 80%;
	}

	#header .search .submit {
		width: 20%;
	}

	#header .nav {
		height: auto;
		background: none;
		overflow: auto;
	}

	#header .nav > ul {
		display: block;
	}

	#header .nav > ul > li {
		clear: both;
		width: 100%;
	}

	#header .nav > ul > li > a {
		width: auto !important;
		height: 50px;
		line-height: 53px;
		color: #37729d;
		font-size: 15px;
		text-align: left;
		box-shadow: none;
		border-bottom-width: 0;
		border-left: solid 5px;
		padding-left: 30px;
	}

	#header .nav > ul > li > a:hover {
		height: 50px;
		border-bottom-width: 0;
		background: none;
	}

	#header .nav > ul > li + li::before {
		content: none;
	}

	#header .nav > ul > li.has_children > a::after {
		position: absolute;
		top: 50%;
		right: 0;
	}

	#header .nav .parknplaystore {
		display: none;
	}

	#header .subnav {
		display: none;
		position: relative;
		top: 0;
		left: 0 !important;
		padding: 0;
		width: 100%;
		opacity: 1;
		visibility: visible;
		background: none;
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}

	#header .subnav > ul > li {
		width: 100%;
		float: none;
		margin-top: 30px;
	}

	#header .subnav > ul > li + li {
		margin-top: 10px !important;
		margin-left: 0 !important;
		padding-left: 0 !important;
	}

	#header .subnav > ul:last-child {
		margin-bottom: 30px;
	}

	#header .respnav ul li:last-child .subnav ul li {
		margin: 0;
		float: left;
		width: 45%;
	}

	#header .respnav ul li:last-child .subnav ul li a {
		margin: 0 !important;
	}

	#header .respnav ul li:last-child .subnav ul li + li + li {
		margin-top: 7px !important;
	}

	#header .respnav ul li:last-child .subnav ul {
		margin-bottom: 0;
		margin-top: 30px;
		overflow: auto;
	}

	#header .togglenav {
		position: absolute;
		display: block;
		top: 0;
		right: 5%;
		width: 35px;
		height: 100px;
		cursor: pointer;
	}

	#header .togglenav p {
		position: absolute;
		top: 21%;
		font-family: 'Proxima_nova';
		font-size: 12px;
		font-weight: 700;
		color: #277cbd;
		text-transform: uppercase;
	}

	#header .togglenav span,
	#header .togglenav span::before,
	#header .togglenav span::after {
		content: '';
		position: absolute;
		top: 50%;
		right: 0;
		width: 100%;
		height: 4px;
		background: #277cbd;
		-webkit-transition: all ease .3s;
		-moz-transition: all ease .3s;
		-ms-transition: all ease .3s;
		-o-transition: all ease .3s;
		transition: all ease .3s;
	}

	#header .togglenav span {
		margin-top: -2px;
	}

	#header .togglenav span::before,
	#header .togglenav span::after {
		width: 100%;
	}

	#header .togglenav span::before {
		margin-top: -12px;
	}

	#header .togglenav span::after {
		margin-top: 8px;
	}

	#header .togglenav.toggle span::before,
	#header .togglenav.toggle span::after {
		margin-top: -2px;
	}

	#header .respnav {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		bottom: 0;
		display: none;
	}

	#header .respnav > .content {
		position: relative;
		padding: 30px;
		background: #f4f4f4;
		overflow: auto;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	#header .subnav > ul > li + li::before {
		content: none;
	}

	#header .logo {
		position: relative;
		width: 50%;
		height: 100px;
		max-width: 286px;
		max-height: 145px;
		display: block;
		top: 0;
		left: 5%;
		margin-left: -19px;
		background-position: 0 50%;
		background-size: contain;
	}

	#header .links div {
		display: block;
		float: left;
		width: 49%;
		height: 35px;
		line-height: 35px;
		padding: 0;
		text-align: center;
		background: #eaeaea !important;
	}

	#header .links div + div {
		border: none;
		margin-left: 2%;
	}

	#header .links .lang ul {
		left: 0;
		right: 0;
		top: auto;
	}

	#header .links .lang ul li a {
		padding: 0;
	}

	#header + .parknplaystore {
		display: block;
	}

	#slider {
		margin-top: 0;
	}

	#content .categories .item {
		width: 48%;
	}

	#content .categories .item + .item {
		margin-left: 0;
	}

	#content .categories .item + .item + .item {
		margin-top: 20px;
	}

	#content .categories .item:nth-child(2n) {
		margin-left: 4%;
	}

	#content .content {
		padding-left: 0;
		padding-right: 0;
	}

	#content .sidebar {
		display: none;
	}

	#content .content .main {
		width: 100% !important;
	}

	#contact,
	#result {
		float: none;
		width: 100%;
	}

	#contact .submit input {
		width: 100%;
	}

	#contact .result {
		margin-bottom: 30px;
	}

	#footer .wrapper > ul > li {
		float: none;
		width: 16%;
		display: inline-table;
		margin-bottom: 20px;
	}

	#footer .wrapper > ul > li + li {
		margin-left: 0;
	}

	.sitemap #content .body > ul > li {
		width: 100%;
	}
}

@media screen and (max-width: 640px), screen and (max-height: 360px) {
	#videobox video {
		width: 100%;
		height: 100%;
		margin: 0;
		top: 0;
		left: 0;
	}
}

@media screen and (max-width: 480px) {
	#header .nav > ul > li > a {
		padding-left: 20px;
	}

	#header .subnav > ul > li > ul > li {
		width: 100%;
	}

	#header .subnav > ul > li > ul > li + li {
		margin-top: 10px !important;
	}

	#header .subnav > ul > li > ul > li:nth-child(2n) {
		margin-left: 0;
	}

	#header .respnav ul li:last-child .subnav ul li {
		float: none;
		width: 100%;
	}

	#header .respnav ul li:last-child .subnav ul li + li {
		margin-top: 7px !important;
	}

	#slider .sliders {
		height: 200px;
	}

	#content .content,
	.home #content .content {
		padding: 50px 0;
	}

	#content * {
		text-align: justify;
	}

	#content .content p,
	#content .content p strong,
	#content ul li,
	#content ul li strong {
		font-size: 12px !important;
	}

	#content h1 {
		text-align: left;
	}

	#content .categories .item {
		width: 100%;
	}

	#content .categories .item + .item {
		margin-top: 10px;
	}

	#content .categories .item + .item + .item {
		margin-top: 10px;
	}

	#content .categories .item:nth-child(2n) {
		margin-left: 0;
	}

	#content .main .header h1,
	#content .content h2 {
		padding-left: 30px !important;
	}

	#content .main .header h1::after {
		content: none;
	}

	#content .main .header ul li {
		width: 100%;
		border-left: none !important;
	}

	#content .main .details .item .content {
		padding: 30px;
	}

	#content .main .details .item .content::before {
		content: none;
	}

	#content .main .details .item .title {
		padding: 20px 30px;
		padding-right: 80px;
		height: auto;
		line-height: normal;
		font-size: 12px;
	}

	#content .main .details .item .title::after {
		line-height: 55px;
	}

	.product #content .main .details .item + .item .content,
	.references #content .main .details .item .content {
		padding: 30px;
	}

	#content .main .details .item .img {
		width: 50px;
		height: 50px;
	}

	#content .content .general,
	#content .content .body {
		padding: 30px !important;
	}

	#content .content .general h2,
	#content .content .body h2 {
		padding: 0 !important;
	}

	#footer .wrapper > ul > li {
		float: none;
		width: 48%;
		display: inline-table;
		margin-bottom: 20px;
	}

	#footer .wrapper > ul > li + li {
		margin-left: 0;
	}

	#box {
		position: absolute;
	}

	#box .prev,
	#box .next {
		top: auto;
		margin-top: 0;
		bottom: 0;
	}

	#box .item {
		width: 100%;
		left: 0;
	}
}