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

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

.grid-medias{
	display:grid;
	column-gap: 20px;
	row-gap: 30px;
	grid-template-columns: repeat(4, 1fr);
}
.grid-medias > .item{
	border-radius:6px;
	cursor:pointer;
}
.grid-medias > .item .title{
	font-weight:bold;
	padding:6px 16px 10px;
	color:#111;
	text-align: center;
}
.grid-medias > .item .sub-title{
	font-size:12px;
	padding:10px 16px;
	text-align: center;
}
.grid-medias > .item:hover{
	background:#c0f5c3;
}
.grid-medias > .item:active{
	background: #77b97a;
}
.grid-medias > .item .photo{
	padding:0;
}
.grid-medias > .item .photo img{
	max-width: 100%;
	border-radius:6px;
}

.list-produits{
	grid-template-columns: repeat(3, 1fr);
}
.list-produits > .item .title{
	font-size:16px;
	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:#0175C4;
}

.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-medias a,
.grid-actualites a{
	text-decoration:none;
}

#banSlider{
	width:100%;
	height:auto;
}

.swiper-slide img{
	display:block;
	width:100%;
	height:auto;
}

.block-center{
	margin:0 auto;
	position:relative;
}

.page-width{
	width:1200px;
}
.page-w400{
	width:400px;
}
.page-w700{
	width:700px;
}
.page-w800{
	width:800px;
}
.page-w900{
	width:900px;
}
.page-pad{
	display:block;
	padding:0 30px 30px;
}
.header-produits{
	height:160px;
	background:#000 url(../images/header_produits.jpg) no-repeat center;
	background-size: cover;
}
.header-produits > .item h1{
	color:#fff;
	font-size:40px;
	font-weight: normal;
}

.menu-item-box{
	display:flex;
	line-height: normal;
}
.menu-item-box > .item{
	display:block;
	width:120px;
	height:80px;
	text-align:center;
	flex:1;
}
.menu-item-box > .item .photo{
	padding:6px 0 4px;
}
.menu-item-box > .item .title{
	font-size:14px;
	padding:2px 0 10px;
	color:#fff;
	text-transform: uppercase;
}
.menu-item-box > .item .photo img{
	display:inline-block;
	height:32px;
	width:auto;
}

h1.article,
h2.article,
h3.article{
	color:#000;
}
h1.article {
	margin-bottom:0;
}

article h1{
	font-size: 30px;
	line-height: 40px;
}
article,
article p,
article div,
article span
{
	font-size:16px;
	line-height: 26px;
}

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

.header-logo{
	display: flex;
    flex-direction: row;
	column-gap: 30px;
	padding:12px 16px;
    align-items: center;
}
.header-logo > .section{
	flex:1;
}
.header-logo > .logo{
	position:relative;
}
.header-logo > .logo img{
	max-width: 100%;
	height:auto;
}

.section-btns{
	display:flex;
    align-items: flex-end;
    gap:8px;
}
.section-btns > .item{
    flex:1;
}
.section-btns > .item a{
    display:block;
    padding:8px 12px;
    background:#000;
    border-radius:5px;
    font-size:14px;
    color:#fff;
    text-decoration: none;
    background: var(--color1-hover);
}
.section-btns > .item a:active{
    background: var(--color1-active);
}
.section-btns > .item > a .ico-text{
    align-items: center;
    justify-content: center;
}

.block-body{
	background: #fff;
	border-radius:0 0 10px 10px;
    padding:0 0 20px;
}

.block-pad{
	padding:20px 20px 25px;
}

.block-site{
	margin:25px 0;
}
.block-site > .title{
	display:block;
	text-align:center;
	margin:0 0 10px;
}
.block-site > .title h1,
.block-site > .title h2
{
	margin-bottom:2px;
	padding: 0;
	margin:0 0 3px;
}
.block-site > .title hr{
	display:inline-block;
	width:70px;
	height:4px;
	border:0;
	background:#FFEE02;
}

.module-steps{
	background:#43AB48;
	border-radius:10px;
	color:#fff;
}

.module-photos{
	background:#43AB48;
	border-radius:10px;
	color:#fff;
}

.module-videos{
	background:#111;
	border-radius:10px;
	color:#fff;
}
.module-videos .grid-medias > .item .title{
	color:#fff;
}
.module-videos .grid-medias > .item:hover .title{
	color:#222;
}

.module-salons{
	background:#ececec;
	border-radius:10px;
}

.grid-steps{
	display: flex;
	position:relative;
	column-gap: 20px;
}
.grid-steps > .item{
	flex:1;
	border-radius:6px;
	background:#339237;
	padding:10px;
}

.grid-steps > .item:active{
	background:#246e27;
}
.grid-steps > .item .photo{
	display:block;
	text-align: center;
}
.grid-steps > .item .title{
	display:block;
	font-size:16px;
	text-align:center;
	color:#fff;
	padding:10px 15px;
}
.grid-steps > .item a{
	text-decoration: none;
}

.grid-editions{
	display:grid;
	column-gap: 10px;
	row-gap: 10px;
	grid-template-columns: repeat(4, 1fr);
}
.grid-editions > .item{
	flex:1;
	background:#07d;
	border-radius:5px;
	text-align: center;
}
.grid-editions > .item:hover{
	background:#2d97f5;
}
.grid-editions > .item:active{
	background:#111;
}
.grid-editions > .item a{
	display:block;
	color:#fff;
	text-decoration:none;
	padding:10px;
}

.grid-conseil{
	display:grid;
	column-gap: 20px;
	row-gap: 20px;
	grid-template-columns: repeat(5, 1fr);
}
.grid-conseil > .item{
	text-align:center;
	border-radius:10px;
	padding:8px;
}
.grid-conseil > .item:hover{
	background:#c0f5c3;
}
.grid-conseil > .item .photo{
	display:inline-block;
	width:140px;
	height:140px;
	border-radius:50%;
	margin:0 0 5px;
}
.grid-conseil > .item .title{
	display:block;
	margin:0 0 5px;
	font-weight:bold;
}
.grid-conseil > .item .sub-title{
	display:block;
	margin:0 0 5px;
	color:#999;
	font-size:14px;
	line-height:14px;
}

.btn-full{
	display:flex;
    gap:5px;
}
.btn-full > .item{
	flex:1;
}
.btn-full > .item a,
.btn-full > .item button,
.btn-full > .item input
{
	width:100%;
}
.flex-col{
    flex-direction: column;
}
.flex-row{
    flex-direction: row;
}

.news-top{
	display:flex;
	flex-direction: row;
	position:relative;
	background:#000;
	height:420px;
    gap:1px;
}
.news-top > .item-big{
    flex: 1;
	position:relative;
}
.news-top > .item-big .news,
.news-top > .item-min > .item .news
{
	position:relative;
    display:block;
    height:100%;
}
.news-top > .item-min{
    flex:1;
	display:flex;
    flex-direction: row;
	position:relative;
    gap:1px;
}
.news-top > .item-big a,
.news-top > .item-min a
{
	display:block;
	text-decoration: none;
}
.news-top > .item-min > .item{
    flex:1;
}

.news-top > .item .news{
	float:left;
	clear:both;
	width:100%;
	background-size:cover;
	background-repeat: no-repeat;
}

.news-top > .item-big .news .details,
.news-top > .item-min > .item .news .details
{
	position:absolute;
	bottom:0;
    background: linear-gradient(to bottom, transparent 0%, black 100%);
	width:100%;
	min-height:25%;
	padding:16px 16px 24px;
}

.news-top > .item-big .news .details .title{
	color:#fff;
	font-weight:bold;
	font-size:22px;
    text-shadow: 2px 1px 1px #000;
}
.news-top > .item-min > .item .news .details .title{
	color:#fff;
	font-weight:bold;
    text-shadow: 2px 1px 1px #000;
}

.page-flex{
	display:flex;
}
.page-flex > .body{
	flex:1;
	padding:16px 20px 20px;
}
.page-flex > .section{
	flex-basis:390px;
	padding:20px;
}

h2.body-title{
	display:block;
	font-size:24px;
	color:var(--color1);
	margin:0;
	padding:10px 0;
}

.section-menu{
	display:block;
	background:#f0f0f0;
	border-radius:10px;
	min-height:200px;
	margin:0 0 20px;
}
.section-menu > .title{
	display:block;
	padding:12px 16px 8px;
	font-size:16px;
	font-weight:bold;
	color:var(--color1);
}
.section-menu > .title .icon-text .text{
	color:var(--color1);
}
.section-menu > .body{
	display:block;
	padding:8px 16px;
	font-size:14px;
}

.section-ads{
	display:block;
	border-radius:10px;
	margin:0 0 20px;
    overflow:hidden;
}
.section-ads a{
    display:block;
}
.section-ads a img{
    display:block;
    width:100%;
    border-radius:10px;
}

.news-rows{
	display:flex;
	flex-direction: column;
}
.news-rows > .item{
	display:flex;
	flex-direction: row;
	padding:12px 0;
	text-decoration: none;
	border-radius:8px;
}
.news-rows > .item:hover{
	background:#f0f0f0;
}
.news-rows > .item:active{
	background:#ccc;
}
.news-rows > .item > .photo{
	flex-basis:210px;
	overflow: hidden;
}
.news-rows > .item > .photo img{
	display:block;
	max-width:100%;
	height:auto;
	border-radius:8px;
}
.news-rows > .item > .details{
	flex:1;
    padding:0 20px;
}
.news-rows > .item > .details .title{
	display:block;
	font-weight:bold;
	font-size:18px;
	padding:0 0 6px;
}
.news-rows > .item > .details .text{
	display:block;
	font-size:14px;
	color:#888;
}

.agenda-flex{
    display: flex;
    flex-direction: column;
}
.agenda-flex > .item{
    border-radius:6px;
    display: flex;
    flex-direction: row;
    column-gap: 12px;
    padding:8px 0;
}
.agenda-flex > .item:hover{
    background:#fff;
}
.agenda-flex > .item .date{
    flex-basis:60px;
}
.agenda-flex > .item .text{
    flex:1;
    font-size:14px;
}
.agenda-flex > .item .date .date-box{
    display:block;
    border-radius:6px;
    color:#fff;
    font-size:16px;
    font-weight:bold;
    text-align: center;
    padding:8px;
}

.agenda-flex > .item .date .date-on{
    background:#07d;
}
.agenda-flex > .item .date .date-off{
    background:#ccc;
}

.articles-menu .news-rows > .item{
    display:flex;
    flex-direction: row;
}
.articles-menu .news-rows > .item:hover{
    background:#fff;
}
.articles-menu .news-rows > .item:active{
    background:#ccc;
}
.articles-menu .news-rows > .item .photo{
    flex-basis:100px;
}
.articles-menu .news-rows > .item .details .title{
    font-size:14px;
}
.articles-menu .news-rows > .item .details{
    padding:0 12px 0 16px;
}

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

.dl_list{
    display:block;
}
.dl_list > .item{
    display:block;
    border-bottom:1px solid #d5d5d5;
    padding:6px 10px;
    font-size:14px;
}
.dl_list > .item:hover{
    background:#e5e5e5;
}
.dl_list > .item:active{
    background:#ccc;
}

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

	.header-logo{
		display: none;
	}

	.menu-item-box > .item{
		display:flex;
		align-items: center;
		column-gap: 16px;
		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:#fff;
	}

	.block-center{
		display:block;
	}

	.block100{
		float: left;
		clear: both;
		width:100%;
		position: relative;
	}

	.page-width,
	.page-w700,
	.page-w800,
	.page-w900
	{
		width:100%;
	}
    .block-center{
        float: left;
		clear: both;
		width:100%;
    }

	.right-items{
		display:none;
	}

	.block-body{
		border-radius:0;
	}

	.page-pad{
		padding:0 16px 16px;
	}

	.block-site{
		margin:20px 0;
	}

	.news-top{
        flex-direction: column;
        height:650px;
    }

    .page-flex{
        flex-direction: column;
    }
    .page-flex .body{
        padding:10px 20px;
    }
    .page-flex .section{
        padding:10px 20px;
    }

    .news-rows > .item{
        flex-direction: row;
    }
    .news-rows > .item .details .title{
        font-size:18px;
    }
}

@media(max-width:480px){
    .news-top{
        height:500px;
    }

	.news-rows{
        gap:16px;
    }
	.news-rows > .item{
        flex-direction: column;
        padding:0;
    }
    .news-rows > .item .photo img{
        display:block;
        width:100%;
    }
    .news-rows > .item .details{
       padding:8px 16px;
    }
}

.text-center{
	text-align: center;
}
.text-left{
	text-align: left;
}
.text-right{
	text-align: right;
}

.float-left{
	float:left;
}
.float-right{
	float:right;
}