.h1-noir{
	color:#000;
}

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

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

/*Medias*/
.grid-partners{
	display:grid;
	column-gap: 10px;
	row-gap: 10px;
	grid-template-columns: repeat(8, 1fr);
}
.grid-partners > .item{
	border-radius:6px;
	border:1px solid #d5d5d5;
}
.grid-partners > .item .title{
	font-weight:bold;
	padding:6px 16px 10px;
	color:#111;
	text-align: center;
	word-break: break-all;
}
.grid-partners > .item .sub-title{
	font-size:12px;
	padding:10px 16px;
	text-align: center;
	word-break: break-all;
}
.grid-partners > .item .photo{
	padding:5px;
	text-align: center;
}
.grid-partners > .item .photo img{
	max-width: 100%;
	max-height:60px;
	max-width:auto;
	display: inline-block;
}

/*Medias*/
.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;
	word-break: break-all;
}
.grid-medias > .item .sub-title{
	font-size:12px;
	padding:10px 16px;
	text-align: center;
	word-break: break-all;
}
.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;
}

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

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

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

.page-width{
	width:1200px;
}
.page-width800{
	width:800px;
}
.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: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;
	color:#fff;
	text-transform: uppercase;
}
.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,
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-logo{
	display: flex;
	column-gap: 20px;
	background: #FFEE02;
}
.header-logo > .item{
	position:relative;
}
.header-logo > #item_logo{
	flex-basis:420px;
}
.header-logo > #item_logo img{
	display:block;
    max-width:100%;
}
.header-logo > #item_banner{
	flex:1;
}

.event-banner{
	display:flex;
	height:100%;
}
.event-banner > .item{
	height:100%;
    flex:1;
}
.event-banner > .item > .title{
	padding:10px 16px 3px;
	text-transform: uppercase;
	font-weight: bold;
	font-size:16px;
	color:#fff;
}
.event-banner > .item > .text{
	padding:0 16px 10px;
	font-size:16px;
	color:#fff;
}

.bg-banner1{
	background: #07d;
	color:#fff;
}
.bg-banner2{
	background: #f08a06;
}
.bg-banner3{
	background: #c4046d;
}

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

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

.block-site{
	margin:20px 0;
    float: left;
    clear: both;
    width:100%;
}
.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 10px 5px;
    font-weight:bold;
}
.grid-steps > .item .text{
	display:block;
	font-size:14px;
	text-align:center;
	color:#fff;
	padding:5px 10px;
}
.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;
}
.btn-full > .item{
	flex:1;
}
.btn-full > .item a,
.btn-full > .item button,
.btn-full > .item input
{
	width:100%;
}

.dl-grid{
	display:flex;
	flex-direction: column;
	row-gap: 2px;
}
.dl-grid > .item{
	display:flex;
}
.dl-grid > .item a{
	display:block;
	width:100%;
	text-decoration: none;
}

.block-center{
	display:flex;
	flex-direction: column;
	align-items: center;
	clear:both;
	position:relative;
}
.block-center > .item{
	margin:0 auto;
	position:relative;
}

.page-wrapper{
	margin:10px auto;
	border-radius:10px;
}

.ads{
    display:block;
    margin:0 0 10px;
}
.ads .horiz img,
.ads .verti img
{
    display:block;
    width:100%;
}
.ads .horiz{
    display:block;
}
.ads .verti{
    display:none;
}

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

	.page-wrapper{
		border-radius:0;
		padding: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:#fff;
	}

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

	.page-width,
	.page-width800{
		width:100%;
	}

	.right-items{
		display:none;
	}

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

	.header-logo,
	.event-banner{
		flex-direction: column;
		width:100%;
	}
	#item_logo{
		display:none;
	}

	.block-body{
		border-radius:0;
		background: #fff;
	}

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

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

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

	.grid-medias{
		column-gap: 16px;
		row-gap: 16px;
		grid-template-columns: repeat(3, 1fr);
	}

	.grid-partners{
		grid-template-columns: repeat(6, 1fr);
	}

    .ads .horiz{
        display:none;
    }
    .ads .verti{
        display:block;
    }
}

@media(max-width:480px){
	.grid-medias{
		grid-template-columns: repeat(1, 1fr);
	}
	.grid-medias > .item .photo img{
		width: 100%;
		border-radius:6px;
	}

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

	.grid-steps{
		flex-direction: column;
		row-gap: 16px;
	}

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

	.grid-conseil{
		column-gap: 16px;
		row-gap: 16px;
		grid-template-columns: repeat(1, 1fr);
	}
}

.ico-step{
	float:left;
	width:100%;
	text-align:center;
	padding:0 0 10px;
}
.ico-step span{
	display:inline-block;
	width:92px;
	height:92px;
	border-radius:50%;
	background-size:60%;
	background-color:#FEF200;
}

.ico_sub{
	background:url(../images/ico_sub.png) no-repeat center;
}
.ico_etab{
	background:url(../images/ico_etab.png) no-repeat center;
}
.ico_discuss{
	background:url(../images/ico_discuss.png) no-repeat center;
}

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

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

/*Ecole*/
.ecole-show{
    display:flex;
    flex-direction: column;
    gap:16px;
}
.ecole-show .couv{
    position:relative;
    border-radius:8px;
    min-height:500px;
    overflow:hidden;
}
.ecole-show .couv img{
    display:block;
    width:100%;
}
.ecole-show .items{
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    /*grid-auto-rows: 1fr;*/
    gap:16px;
}
.ecole-show .items > .item{
    flex:1;
    background:#f0f0f0;
    border-radius:8px;
}
.ecole-show .items > .item .title{
    padding:10px 16px 10px;
    font-weight:bold;
    font-size:18px;
    color:#43AB48;
}
.ecole-show .items > .item .body{
    display:block;
    padding:5px 16px 16px;
}

.contacts-list{
    display:flex;
    flex-direction: column;
    gap:8px;
}
.contacts-list > .item{
    flex:1;
}

.ecole-lo {
    margin:0;
    padding:0 0 0 16px;
}
.ecole-lo li::marker {
    color:#43AB48;
}

.texts{
    gap:20px;
    position:relative;
}
.texts h1{
    color:#000;
    margin:0;
}
.texts .sub-title{
    color:#666;
}
.texts .icon img{
    width:128px;
    height:128px;
    border-radius:8px;
}

.page-panel {
    display:flex;
    gap:20px;
}
.page-panel > .body {
    flex:1;
}
.page-panel > .section {
    flex-basis:280px;
}

.page-panel > .section .menu-section {
    display:block;
    background-color:#cef3d0;
    border-radius:8px;
    overflow:hidden;
    padding:10px 0;
}
.page-panel > .section .menu-section .title {
    font-weight:bold;
    color:#000;
    padding:6px 16px 8px;
}
.page-panel > .section .menu-section .body {
    display:block;
}

.filieres-list{
    display:block;
    min-height:300px;
}
.filieres-list > .item{
    display:block;
    text-decoration: none;
    color:#222;
    font-size:14px;
    padding:6px 16px;
    cursor:pointer;
}
.filieres-list > .item:hover{
    background-color:#8de292;
}
.filieres-list > .item:active{
    background-color:#7fc784;
}

.grid-ecoles{
    grid-template-columns: repeat(4, 1fr) !important;
}

.pub-item{
    display:block;
    margin:10px 0;
    text-align:center;
}
.pub-item img{
    display:inline-block;
    max-width: 100%;
}

@media(max-width:768px){
    .texts .icon img{
        width:92px;
        height:92px;
    }
    .ecole-show .couv{
        min-height:auto;
    }

    .page-panel {
        display:flex;
        flex-direction: column;
    }
    .page-panel > .section {
        flex-basis:auto;
    }

    .filieres-list{
        min-height:auto;
    }
    .filieres-list > .item{
        padding:10px 16px;
    }

    .grid-ecoles{
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media(max-width:480px){
    .ecole-show > .items{
        grid-template-columns: repeat(1, 1fr);
    }

    .grid-ecoles{
        grid-template-columns: repeat(2, 1fr) !important;
    }
}