@charset "UTF-8";
/* CSS Document */

#mk-footer{ z-index:auto !important; }
/*
.footer-col-01{
	width: 30% !important;
    float: left !important;
}
*/
/*
.add-btn-projets{
	float: left !important;
    width: 28% !important;
    width: auto !important;
    padding: 0 !important;
    /* text-align: right; */
    /* position: relative;*/
/*}
	*//*
.footer-col-02{
	float: left !important;
    width: 42% !important;
    text-align: right !important;
}
*/


	.wrap-btn-portfolio-projets{

		position: relative;
		top:0px;
		min-width: 340px;
		max-width: 400px;
		height: 100%;
		width: 100%;
		z-index: 1000;

		float:none;
		margin: 0  15px 0px auto;

	}

	
	#clickBtnPortfolio{ 
		cursor:pointer;
		
		position: relative; 
		top:0px; 
		z-index: 1;
		
		background: #f0e7d4;

		
		border-radius:10px;
		
		display: block;
    	padding: 15px 40px 15px 15px !important;
		text-align: center;
		
		font-family: "Lato" !important;
		font-size:12px !important;
		line-height: 14px !important;
		font-weight: 900 !important;
		letter-spacing: 1px;
		color:#464a35 !important;
		text-transform: uppercase !important;
		
		width:100%;
	}
	
	.wrap-portfolio-projets{
		
		background: #f0e7d4;	
		 
		position:absolute;
		bottom:44px;	
		width:100%;
		max-width: 400px;
		z-index: 100;
		
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}

	.wrap-portfolio-projets img, footer .wrap-portfolio-projets img{
		max-height:100% !important;
	}
	
	
	.menu-portfolio-projets, .menu-portfolio-projets li{
		list-style-type:none;
		margin:0 !important;
		padding: 0 !important;
	}
	

	.click-type-projets:first-child{
		border-top:none;
	}
	.click-type-projets:last-child{
		border-bottom:1px solid #464a35;
	}
	
	.click-type-projets{
		border-top:1px solid #464a35;
	}


	.sous-menu-portfolio-projets{
		
		list-style-type:none;
		padding:20px 0px;
		margin:0;	
			
		display: flex;
		flex-flow: wrap;
		align-content: center;
		align-items: center;
		justify-content: flex-start;
		
	}
	
	.sous-menu-portfolio-projets li{

		width: 100%;
		max-width: 115px;
		padding: 15px 10px !important;
		text-align: center;
			
	}
	
	
	.titre-type-projets {
		
		
		cursor:pointer;
		font-family: "Lato" !important;
		font-size:12px !important;
		line-height: 14px !important;
		letter-spacing: 1px !important;
		font-weight: 900 !important;
		color:#464a35 !important;
		text-transform: uppercase !important;
		display: block;
		padding:15px 0 15px 15px;
		margin:0 !important;
		position: relative;
		text-align:left;
	}

	#clickBtnPortfolio:after,
	.titre-type-projets:after{
		
		content:" ";
		background:url("../img/arrow.png") no-repeat left top;
		display: block;
		width:9px;
		height: 14px;
		background-size: cover;
		
		position: absolute;
		top: 15px;
		right: 15px;
		
		transition: all 200ms linear;

	}


	.titre-type-projets.open-arrow:after{
		transform:rotate(90deg);
	}

	#clickBtnPortfolio.open-arrow:after{
		transform:rotate(-90deg);
	}



@media (max-width:1580px){
	
	
	#clickBtnPortfolio{
		padding:15px 30px 15px 10px !important;
		font-size: 10px !important;
	}
	
	.wrap-btn-portfolio-projets,
	.wrap-portfolio-projets{
		max-width: 300px;
		min-width: auto;
	}
	
}


@media (max-width:1490px){
	
	
	/*#clickBtnPortfolio{
		padding:10px 20px 10px 5px !important;
		font-size: 8px !important;
	}
	
	.wrap-btn-portfolio-projets,
	.wrap-portfolio-projets{
		max-width: 150px;
		min-width: auto;
	}
	
	#clickBtnPortfolio:after{
		right:8px;
	}
	
	.sous-menu-portfolio-projets li{
		width:50%;
	}
	
	ul.sous-menu-portfolio-projets li img {
		max-height: 100% !important;
		max-width: 50px;	
	}*/
	
}
	
	
@media (max-width:1366px){
	
	
	/*#clickBtnPortfolio{
		padding:10px 20px 10px 5px !important;
		font-size: 6px !important;
	}
	.titre-type-projets{ font-size: 9px !important; }
	
	.wrap-btn-portfolio-projets,
	.wrap-portfolio-projets{
		max-width: 115px;
		min-width: auto;
	}
	
	#clickBtnPortfolio:after{
		right:8px;
	}
	
	.sous-menu-portfolio-projets li{
		width:50%;
	}
	
	ul.sous-menu-portfolio-projets li img {
		max-height: 100% !important;
		max-width: 40px;	
	}*/
	
}
	


@media (min-width:1024px) and (max-width:1124px) {
/*	#clickBtnPortfolio{
		display: none;
	}*/
}

@media (max-width:1024px) {
	/*#clickBtnPortfolio{
		display: block;
	}*/
	
	.add-btn-projets{ margin:25px 0; }
	
	.wrap-btn-portfolio-projets{
		float:none;
		margin:40px auto 0 auto;
	}
	
	.sous-menu-portfolio-projets{
		
		justify-content: center;
		
	}
	
	.sous-menu-portfolio-projets li{
		
		max-width: 33%;
		padding:15px;
	}
	
	ul.sous-menu-portfolio-projets li img{
		max-width:80px !important;
	}
	
	.titre-type-projets{
		font-size: 12px !important;
	}
	
	.wrap-btn-portfolio-projets, .wrap-portfolio-projets{
		max-width: 345px;
		margin:0px auto;
		padding:0;
	}

	#clickBtnPortfolio{
		font-size: 12px !important;
		padding:15px 40px 15px 8px !important;
	}
	
	
}
	
 
@media (max-width:768px){
	
	.add-btn-projets{ margin:25px 0; }
	
	.wrap-btn-portfolio-projets{
		float:none;
		margin:40px auto 0 auto;
	}
	
	.sous-menu-portfolio-projets{
		
		justify-content: center;
		
	}
	
	.sous-menu-portfolio-projets li{
		
		max-width: 33%;
		padding:15px;
	}
	
	ul.sous-menu-portfolio-projets li img{
		max-width:80px !important;
	}
	
	.titre-type-projets{
		font-size: 12px !important;
	}
	
	.wrap-btn-portfolio-projets, .wrap-portfolio-projets{
		max-width: 345px;
		margin:0px auto;
		padding:0;
	}

	#clickBtnPortfolio{
		font-size: 12px !important;
		padding:15px 40px 15px 8px !important;
	}

}


@media (max-width:400px){
	
	#clickBtnPortfolio,
	.titre-type-projets{ 
		
		font-size:11px !important;
		line-height: 14px !important;
	}	
	
}