.block-pad{
	background: #fff;
	border-radius: 8px;
	padding:20px;
}

.page-flex{
	display:flex;
	margin:0 auto;
	column-gap: 30px;
	padding:20px 0;
}
.page-flex > .body{
	flex:1;
	background:#fff;
	border-radius:6px;
}
.page-flex > .side{
	flex-basis:360px;
	border-radius: 6px;	
}
.page-flex-block{
	display:block;
	padding:10px 20px;
}

.page-flex > .side > .item{
	display:block;
	background:#fff;
	border-radius:6px;
	overflow:hidden;
	margin:0 0 16px;
	padding:0 0 12px;
	border:1px solid #e0e0e0;
}
.page-flex > .side > .item > .block{
	padding:16px;
}
.page-flex > .side > .item > .block > .title{
	font-weight:bold;
	padding:0 0 8px;
	color: var(--color1);
}

.slider-thumbs{
	display:grid;
	column-gap: 4px;
	row-gap: 4px;
	margin:4px 0 0;
	grid-template-columns: repeat(5, 1fr);
}
.slider-thumbs > .item{
	cursor:pointer;
	transform: scale(1);
	transition: all ease-in-out 0.3s;
}
.slider-thumbs > .item img{
	display:block;
	width:100%;
}
.slider-thumbs > .item:active{
	transform: scale(1.3);
}

/*swiper-container swiper-wrapper*/

.block-center{
	display:flex;
	align-items: center;
	float:left;
	clear:both;
	width:100%;
}
.block-center > .item{
	margin:0 auto;
}

.page-width{
	width:1200px;
}
.page-width800{
	width:800px;
}
.page-width900{
	width:900px;
}
.page-width1000{
	width:1000px;
}

.header-image{
	height:250px;
}
.header-image > .item h1{
	color:#fff;
	font-size:40px;
	text-shadow: #000 2px 1px 2px;
}

.bg-produits{
	background:#000 url(../images/header_produits.jpg) no-repeat center;
	background-size: cover;
}
.bg-actualites{
	background:#000 url(../images/header_actualites.jpg) no-repeat center;
	background-size: cover;
}
.bg-acheter{
	background:#000 url(../images/header_acheter.jpg) no-repeat center;
	background-size: cover;
}
.bg-partenaires{
	background:#000 url(../images/header_partenaires.jpg) no-repeat center;
	background-size: cover;
}

.block-slides{
	float:left;
	clear: both;
	width:100%;
}

.menu-item-box{
	display:flex;
	line-height: normal;
}
.menu-item-box > .item{
	display:block;
	width:120px;
	height:100px;
	text-align:center;
	flex:1;
}
.menu-item-box > .item .photo{
	padding:15px 0 5px;
}
.menu-item-box > .item .title{
	font-size:14px;
	padding:3px 0;
}
.menu-item-box > .item .photo img{
	display:inline-block;
	height:32px;
	width:auto;
}

h1.main{
	font-weight:bold;
	margin:0 0 16px;
}
h1.article,
h2.article,
h3.article{
	color:#000;
}
h1.article {
	margin-bottom:8px;
}

article h1{
	font-size:34px;
	line-height: 44px;
}

article h2,
article h3{
	font-weight:normal;
}

article,
article p,
article div,
article span
{
	font-size:18px;
	line-height: 26px;
}

article .article-header{
	display:block;
	padding:0 0 20px;
}
article .article-header > .details{
	font-size:14px;
	color:#888;
}
article .article-photo{
	display:block;
	margin:0 0 20px 0;
}
article .article-photo img{
	display:block;
	width:100%;
	border:0;
}

.header-slides{
	display:flex;
	column-gap:2px;
}
.header-slides > .item-pub{
	flex:1;
	background:#666;
}
.header-slides > .item-slides{
	flex-basis: 680px;
	width:680px;
}
.header-slides > .item-pub img{
	display:block;
	width:100%;
}

.block-module{
	padding:20px 0;
}
.block-module h2{
	text-align: left;
	margin:0 0 20px;
	font-weight: normal;
	font-size:24px;
}

.grid-vtheme{
	grid-template-columns: repeat(4, 1fr);
	gap:8px;
	align-items: center;
	justify-content: center;
}
.grid-vtheme > .item{
	border:1px solid #d5d5d5;
}

.grid-voys{
	grid-template-columns: repeat(4, 1fr);
	gap:16px;
	align-items: center;
	justify-content: center;
}
.grid-voys > .item 
{
	background:#fff;
	border:1px solid #d5d5d5;
	border-radius: 8px;
	padding:0;
	height:420px;
	overflow:hidden;
}

.grid-voys > .item .photo
{
	display:block;
	height:auto;
	/*border:1px solid #ccc;*/
	text-align:center;
}
.grid-voys > .item .photo img
{
	display:block;
	width:100%;
}

.grid-spe{
	grid-template-columns: repeat(3, 1fr);
	gap:16px;
	align-items: center;
	justify-content: center;
}
.grid-spe > .item 
{
	background:#fff;
	border:1px solid #d5d5d5;
	border-radius: 8px;
	padding:0;
	height:420px;
	overflow:hidden;
}

.grid-spe > .item .photo
{
	display:block;
	height:auto;
	/*border:1px solid #ccc;*/
	text-align:center;
}
.grid-spe > .item .photo img
{
	display:block;
	width:100%;
}

.grid-view{
	display:grid;
	position:relative;
}
.grid-view > .item{
	flex:1;
	position:relative;
}

.grid-view > .item:hover{
	background: var(--color1-pale);
}
.grid-view > .item:active{
	background: var(--color1-pale-active);
}

.grid-view > .item > a{
	display:block;
	text-decoration:none;
}
.grid-view > .item .photo{
	display:inline-block;
	position:relative;
}
.grid-view > .item .details{
	display:block;
	padding:8px 16px;
	position:relative;
}
.grid-view > .item .details .title{
	font-weight:bold;
	padding:2px 0;
	font-size:16px;
}
.grid-view > .item .details .sub-title{
	font-weight:normal;
	padding:2px 0;
	font-size:14px;
}

.voys-titles{
	display:flex;
}
.voys-titles > .titles{
	flex:1
}
.voys-titles > .voypc{
	flex-basis:60px;
	text-align: right;
}

.voys-prix{
	float:right;
	text-align:right;
	padding:20px 0 0;
}
.voys-prix .text-prix{
	font-size:18px;
	font-weight:bold;
	color:var(--color1);
}

.voys-loc{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
}
.voys-loc > .title{
	position:absolute;
	width:100%;
	bottom:30px;
	text-align:center;
	font-weight:bold;
	font-size:18px;
	color:#fff;
	text-shadow: 0px 2px 0px #000;
}

.vtheme-flex{
	display:flex;
	align-items: center;
	gap:8px;
	background: #fff;
}
.vtheme-flex:hover{
	background: var(--color1-pale);
}
.vtheme-flex:active{
	background: var(--color1-pale-active);
}
.vtheme-flex > .photo{
	flex-basis:60px;
}
.vtheme-flex > .photo img{
	display:block;
	max-width:100%;
}
.vtheme-flex > .title{
	flex:1;
	font-size:14px;
}

.voy-ban {
	float:left;
	clear:both;
	width:100%;
	height:400px;
	position:relative;
}

.voy-home{
	float:left;
	clear:both;
	width:100%;
	background:url(../images/img2000x800.jpg) no-repeat center;
	background-size:cover;
	height:800px;
	position:relative;
}
.voy-home-form{
	position:absolute;
	bottom:0;
	width:100%;
	height:150px;
	background:rgba(0,0,0,0.5);
}

@media(max-width:768px){
	body,td,th,textarea,p,div{
		font-size:16px;
	}

	.voy-ban {
		height:300px;
	}

	.header-items .header-logo img{
		display:none;
	}

	.header-image > .item h1{
		padding:32px 0 0 16px;
	}

	.menu-item-box > .item{
		display:flex;
		align-items: center;
		column-gap: 20px;
		height:auto;
		text-align:left;
		flex:1;
	}
	.menu-item-box > .item .photo{
		padding:0;
	}
	.menu-item-box > .item img{
		float:left;
		margin:0;
		height:32px;
		width:auto;
	}
	.menu-item-box > .item .title{
		font-size:16px;
		padding:0;
		color:#222;
	}

	.block-center,
	.block-center > .item{
		display:block;
	}

	.page-width{
		width:100%;
	}

	.right-items{
		display:none;
	}

	.page-flex{
		flex-direction: column;
		column-gap: 16px;
		row-gap: 16px;
		width:100%;
		padding:20px 16px;
	}

	.grid-spe{
		grid-template-columns: repeat(2, 1fr);
	}
	.grid-voys{
		grid-template-columns: repeat(4, 1fr);
	}

	#article_slider{
		width:100%;
	}

	.header-slides > .item-pub{
		display:none;
	}
	.header-slides > .item-slides{
		flex:1;
		width:100%;
	}
}

@media(max-width:480px){
	.voy-ban {
		height:250px;
	}

	.grid-voys{
		grid-template-columns: repeat(3, 1fr);
	}
	.grid-spe{
		grid-template-columns: repeat(1, 1fr);
	}

	.slider-thumbs{
		grid-template-columns: repeat(3, 1fr);
	}

	/*
	.header-slides{
		flex-direction: column;
		row-gap:10px;
	}
	.header-slides > .item-pub{
		flex:1;
		background:#666;
	}
	.header-slides > .item-slides{
		flex:1;
		width:100%;
	}*/
}

.site-line{
	display:inline-flex;
	column-gap: 5px;
	margin:0 0 12px;
}
.site-line > .item{
	flex:auto;
	color:#888;
}
.site-line > .item a{
	display:block;
}

.bgClicEC{
	cursor:pointer;
	background-color:#ececec;
}
.bgClicEC:hover{
	background-color:#ddd;
}
.bgClicEC:active{
	background-color:#bbb;
}

.meanu-head-ico{
	float:left;
}
.meanu-head-ico img{
	display:block;
	width:20px;
	margin:0 10px 0 0;
}

.voy-article{
	float:left;
	clear:both;
	width:100%;
	position:relative;
}
.voy-article h2,
.voy-article h3,
.voy-article h4
{
	color:var(--color1);
	font-weight:normal;
}

table.voy-slides{
	width:100%;
	height:auto;
	border-spacing: 0;
	margin:0 0 20px;
}

.voy-form{
	margin:0 0 20px;
}
.voy-form select{
	padding:10px;
}
.voy-form .form-section > .item > label{
	padding:10px 0;
	color:var(--color1);
}

.form-section > .item input,
.form-section > .item select
{
	padding:10px;
}

.voy-booking-thumb{
	display:block;
	font-size:14px;
}
.voy-booking-thumb > .photo{
	display:block;
}
.voy-booking-thumb > .photo img{
	display:block;
	width:100%;
}
.voy-booking-thumb > .title{
	display:block;
	font-size:20px;
	font-weight:bold;
	padding:8px 16px;
}
.voy-booking-thumb > .sub-title{
	display:block;
	font-size:14px;
	padding:0 16px;
}
.voy-booking-thumb > .details{
	display:block;
	padding:0 16px;
}
.voy-booking-thumb > .details > .item{
	display:flex;
	font-size:14px;
	padding:6px 0;
	border-bottom:1px solid #e5e5e5;
}
.voy-booking-thumb > .details > .item label{
	flex-basis: 150px;
	font-weight:bold;
}

.list-items{
	display:block;
}
.list-items > .item{
	display:flex;
	font-size:14px;
	padding:6px 0;
	border-bottom:1px solid #e5e5e5;
}
.list-items > .item label{
	flex-basis: 180px;
	font-weight:bold;
}
.list-items > .item > span{
	flex:1;
	text-align:right;
}