@media (max-width: 1440px){
	#logo{
		margin-bottom: 20px;
	}
	#head-foot{
		flex-direction: column;
	}
	.navbar .navbar-nav .nav-item:first-child{
		border-left: none;
	}
	#banner #banner-title{
		top: 20%;
	}
	#banner #banner-link{
		top: 50%;
	}
	#banner #banner-condition{
		top: 70%;
	}
}

@media (max-width: 1200px){
	.navbar .navbar-nav .nav-link{
		width: 180px;
		font-size: 15px;
		padding: 0 5px;
	}
	#banner #banner-title{
		font-size: 35px;
		top: 30%;
	}
	#banner #banner-link{
		font-size: 20px;
		padding: 20px 30px;
		top: 50%;
	}	
	#banner #banner-ico{
		top:10%;
	}
	#banner #banner-ico a{
		width: 50px;
		height: 50px;
		border-width: 5px;
		font-size: 14px;
	}
	#banner #banner-ico a:hover{
		width: 260px;
	}
	#banner #banner-ico a img{
		width: 30px;
	}
	#bloc-5 #bloc-5-1{
		position: relative;
		overflow: hidden;
	}
	#bloc-5 #bloc-5-1 img{
		position: absolute;
		top:50%;
		left: 50%;
		transform: translate(-50%, -50%);
		min-height: 100%;
		min-width: 100%;
		width: auto;
		height: auto;
	}
}

@media (min-width: 992px){
	.navbar .navbar-nav .nav-item.mobile{
		display: none;
	}
}

@media (max-width: 991px){
	#content .list{
		display: block;
	}
	header{
		margin-top: 40px;
	}
	#head-top{
		display: none;
	}
	#head-foot{
		padding: 20px 0;
	}
	.navbar{
		background: #fff;
		border-bottom: solid 4px #b6d23d;
		position: fixed;
		top:0;
		left: 0;
		width: 100%;
		z-index: 9;
	}
	.navbar-toggler-icon{
		background-image: url(../img/btn-menu.png);
	}
	.navbar .navbar-nav .nav-item{
		height: initial;
		width: 100%;
	}
	.navbar .navbar-nav .nav-link{
		padding: 10px 0;
		width: 100%;
	}
	.navbar-nav .dropdown-menu{
		background: #0001;
	}
	.dropdown-item{
		text-align: center;
	}
	#banner #banner-title{
		font-size: 40px;
		top: 15%;
	}
	#banner #banner-link{
		top: 60%;
	}
	.contact {
		padding: 25px 15px;
		flex-direction: column;
		text-align: center;
	}
	.adresse-block {
		padding: 0px 15px;
	}
	.contact .col-xs-12 {
		width: 100%;
		border: none;
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 15px;
	}
	.col-contact{
		flex-direction: column;
	}

	#content .imgG{
		flex-direction: column;
	}
	#content .imgD{
		flex-direction: column-reverse;
	}
	#content .imgG>div:first-child img, #content .imgD>div:last-child img{
		margin: 30px auto;
		width: 100% !important;
		max-width: 100%;
	}
}
@media (max-width: 768px){

	#banner{
		border-bottom: solid 5px #333;
	}
	#banner #banner-title,
	#banner #banner-link,
	#banner #banner-condition,
	#banner #banner-ico{
		position: relative;
		top: initial;
		left: initial;
		right: initial;
		bottom: initial;
		transform: initial;
	}
	#banner #banner-title{
		color: #000;
		padding: 0 15px;
		font-size: 25px;
	}
	#banner #banner-ico{
		flex-direction: row;
		justify-content: center;
	}
	#banner #banner-link{
		font-size: 18px;
		max-width: 310px;
		padding: 10px 20px;
		margin: 0 auto 20px;
	}
	#banner #banner-condition{
		color: #000;
		text-align: center;
	}

	#bloc-2>div{
		height: initial;
	}
	#bloc-2 .bloc-2-box{
		clip-path: initial;
		padding: 20px 20px 130px;
	}
	#bloc-2>div a{
		bottom: 10px
	}
	#bloc-2>div a img.mobile{
		display: initial;
	}
	#bloc-2>div a img.pc{
		display: none;
	}
	#bloc-4 h2{
		font-size: 30px;
	}
	#bloc-4 h3{
		font-size: 20px;
	}
	#bloc-5{
		flex-direction: column;
	}
	#bloc-5>div{
		width: 100%;
	}
	#bloc-5 #bloc-5-1{
		position: relative;
		overflow: hidden;
	}
	#bloc-5 #bloc-5-1 img{
		position: relative;
		top:initial;
		left: initial;
		transform: initial;
		min-height: initial;
		min-width: initial;
		width: 100%;
	}
}