@media screen and (max-width:1280px){
	#projets div.scroll_To{
		font-size:1em;
		padding:10px 15px;
	}
	#projets .btn{padding:15px 8px;width:auto;max-width:80%;}
}
@media screen and (max-width:1024px){
	#pres div div:first-child{
		display:none;	
	}
	#pres div div:last-child{
		width:80%;
		display:block;
		margin:auto;
	}
	#pres p{
    color:#f2f2f2;
    background-color:transparent;
	}
}
@media screen and (max-width:960px){
	body{font-size:80%;}
	section{padding:30px 0 40px;}
	#idee{font-size:0.8em;}
	#contact form{padding-top:20px;}
	#contact form>div{
		width:84%;
		margin:0 8%;
	}
	#contact input:not([type=submit]){
		margin-bottom:30px;
		width:46%;
		display:inline-block;
		margin-right:4%;
	}
	#contact input:not([type=submit]):first-child{display:block;}
	#contact textarea{
		height:300px;
		min-height:300px;
		margin:20px 8% 0 8%;
		display:block;
		width:84%;
		min-width:84%;
		max-width:84%;
	}
	#contact input[type=submit]{margin-right:8%;}
}
@media screen and (max-width: 860px) {
	.decouv{
	background-size:contain;
	width:100%;
	}
}
@media screen and (max-width:640px){
	#myCanvas{display:none;}
	#comp>div{margin-top:20px;}
	#projets>div>a, #projets>div>div:not(.btn){width:100%;}
	#contact{min-height:650px;}
	#pres p{
		padding:0;
		padding-top:20px;
	}
	#tests>div:not(#idee)>a{
	width:30%;
	margin-left:13.33%;
	}
	.deco{width:300px;}
	#idee{top:65px;}
	#idee>a>img{width:50%;}
	#idee a:nth-child(2){
		margin-top:80px;
		margin-right:-120px;
	}
	#idee a{margin-right:-130px;}
	#contact p{padding-bottom:10px;}
	footer div p span{display:none;}
}
@media screen and (max-width:480px){
	body{font-size:0.7em;}
	#pres>div{padding-top:0;}
	
	#contact textarea{
	height:200px;
	min-height:200px;
	}
	#contact{min-height: 540px;}

}
@media screen and (max-width:480px){
	.deco{width:300px;}
}