.block-produits{
	background-color: #fff;
	padding:30px 0;
}

.block-actualites{
	background-color: none;
	padding:30px 0;
}

.grid-produits{
	display:grid;
	column-gap: 20px;
	row-gap: 20px;
	margin:0 0 20px;
	grid-template-columns: repeat(4, 1fr);
}
.grid-produits > .item{
	border-radius:6px;
	border:1px solid #d5d5d5;
	cursor:pointer;
}
.grid-produits > .item .title{
	font-size:22px;
	font-weight:bold;
	padding:10px 16px;
	color:#111;
	text-align: center;
}
.grid-produits > .item .sub-title{
	font-size:18px;
	padding:10px 16px;
	text-align: center;
}
.grid-produits > .item:hover{
	background:#e5e5e5;
}
.grid-produits > .item:active{
	background: #ccc;
}
.grid-produits > .item .photo{
	padding:0;
}
.grid-produits > .item .photo img{
	width: 100%;
	border-radius:6px;
}

.list-produits{
	grid-template-columns: repeat(3, 1fr);
}
.list-produits > .item .title{
	font-size:14px;
	padding:0 0 10px;
}
.list-produits > .item .sub-title{
	font-size:14px;
	padding:3px 0;
	color:#888;
}

.home-actualites{
	column-gap: 20px;
	grid-template-columns: repeat(3, 1fr);
}

.rows-actualites{
	flex-direction: column;
}
.rows-actualites > .item{
	display: flex;
	column-gap: 20px;
	margin:0 0 10px;
}
.rows-actualites > .item .photo{
	display:block;
	flex:0.30;
}
.rows-actualites > .item .photo img{
	display:block;
	width:100%;
	height:auto;
}
.rows-actualites > .item .details{
	display:block;
	flex:0.70;
}
.rows-actualites > .item .details .title{
	font-size:16px;
	color:#111;
	font-weight: bold;
}
.rows-actualites > .item .details .sub-title{
	color:#888;
	padding:5px 0;
}
.rows-actualites > .item .details a{
	color:#111;
}
.rows-actualites > .item .details a:hover{
	color:#CA9B3A;
}

.rows-actualites-inbody > .item .details .title a{
	font-size:22px;
	color:#000;
	font-weight: normal;
}

.actualites-menu-side{
	padding:16px 16px;
}
.actualites-menu-side > .item{
	column-gap: 16px;
	margin:0 0 16px;
}
.actualites-menu-side > .item .title a{
	font-size:14px;
}

.grid-actualites{
	display:flex;
}
.grid-actualites > .item{
	border-radius:6px;
	cursor:pointer;
	flex:0.25;
}
.grid-actualites > .item .title{
	font-size:18px;
	font-weight:bold;
	padding:10px 16px;
	color:#111;
	text-align: left;
}
.grid-actualites > .item .sub-title{
	font-size:18px;
	padding:10px 16px;
	text-align: left;
}
.grid-actualites > .item:hover{
	background:#fff;
}
.grid-actualites > .item:active{
	background: #bbb;
}
.grid-actualites > .item .photo{
	padding:0;
}
.grid-actualites > .item .photo{
	display:block;
	overflow:hidden;
}
.grid-actualites > .item .photo img{
	width: 100%;
	border-radius:6px;
}
.grid-actualites > .actualites-main{
	flex: 0.5;
}
.grid-actualites > .actualites-main .title{
	font-size:26px;
	font-weight: bold;
	color: #000;
}

.grid-produits a,
.grid-actualites a{
	text-decoration:none;
}

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

.page-flex{
	display:flex;
	margin:0 auto;
	column-gap: 20px;
	padding:20px 0;
}

.page-flex .page-menu{
	flex:0.30;
	background: #fff;
	border-radius: 8px;
	padding:10px 0;
	
}
.page-flex .page-body{
	flex:0.70;
	background:#fff;
	border-radius:6px;
	padding:20px;
}

.page-flex .page-menu > .item{
	display:block;
	padding:5px 0;
}
.page-flex .page-menu > .item > .title{
	font-weight: bold;
	font-size:16px;
	padding:8px 16px;
	color:#CF0019;
}
.page-flex .page-menu > .item > .title a{
	color:#000;
}
.page-flex .page-menu > .item > a{
	display:block;
	padding:5px 16px;
}
.page-flex .page-menu > .item > .menu-link:hover{
	background:#dcdcdc;
}
.page-flex .page-menu > .item > .menu-link:active{
	background:#ccc;
}

#banSlider0,
#banSlider1{
	display:block;
	height:auto;
}

#banSlider0{
	display:block;
}
#banSlider1{
	display:none;
}

#banSlider{
	display:block;
	height:auto;
}

#article_slider{
	float:left;
	clear: both;
	width:800px;
	margin:0 0 30px 0;
	position:relative;
}
#article_slider .swiper-slide img{
	display:block;
	width:100%;
	height:auto;
}

.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;
}

.header-image{
	height:200px;
}
.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;
}

.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%;
}

.dl_list{
	display:flex;
	flex-direction: column;
	row-gap: 4px;
	margin:10px 0 0;
}
.dl_list > .item{
	flex:1;
}
.dl_list > .item a{
	display:block;
	padding:8px 12px;
	text-decoration: none;
}

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

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

	#banSlider0{
		display:none;
	}
	#banSlider1{
		display:block;
	}

	.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-produits{
		grid-template-columns: repeat(2, 1fr);
		column-gap: 16px;
		row-gap: 16px;
		margin:0 auto 20px;
		width:100%;
	}
	.grid-produits > .item .photo{
		display:block;
		width:100%;
		height:auto;
	}

	.list-produits{
		row-gap: 16px;
	}

	.grid-actualites{
		grid-template-columns: repeat(2, 1fr);
		flex-direction: column;
		row-gap: 16px;
		margin:0 auto;
		width:100%;
		padding:0 16px;
	}
	.grid-actualites > .item{
		border-radius:6px;
		flex:1;
	}
	.grid-actualites > .actualites-main{
		flex: 1;
	}

	.rows-actualites > .item{
		column-gap: 16px;
		row-gap: 16px;
		margin:0 0 16px;
	}
	.rows-actualites > .item .photo{
		flex:0.35;
	}
	.rows-actualites > .item .details{
		flex:0.65;
	}

	.rows-actualites-inbody > .item .details .title,
	.rows-actualites-inbody > .item .details .title a{
		font-size:16px;
		color:#000;
		font-weight: bold;
	}

	.rows-actualites-inbody > .item .details .sub-title {
		font-size:14px;
	}

	#article_slider{
		width:100%;
	}

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

	.block-produits{
		background-color: #fff;
		padding:16px;
	}
}

@media(max-width:480px){
	.grid-produits{
		grid-template-columns: repeat(1, 1fr);
		row-gap: 16px;
	}

	.grid-actualites{
		grid-template-columns: repeat(1, 1fr);
	}
	.grid-actualites > .item{
		border-radius:6px;
		flex:1;
	}
	.grid-actualites > .actualites-main{
		flex: 1;
	}

	.rows-actualites > .item{
		flex-direction: column;
		border:1px solid #d5d5d5;
	}
	.rows-actualites > .item .details{
		padding:0 16px 16px;
	}

	.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;
}