@media screen and (max-width: 1200px){
	
	div.projet-wrap{
		grid-template-columns: repeat(1, 1fr);
		max-width: 900px;
	}
	

    div.projet, div.projet.demi{
        grid-column: 1 / auto;
		padding-bottom: 75%;
    }
	

}






@media screen and (max-width: 1000px){
	
	
	div.menu-gauche, div.menu-droite{
		display: none;
	}
	
	
	div.menu-mobile{
		display: block;
	}
    
    
    div.projet, div.projet.demi{
        grid-column: 1 / auto;
		padding-bottom: 75%;
    }
	
	
	img.projet-photo.paysage-80-mobile{
		height: 80%;
	}
	
	
	div.nav-wrap{
		display: inherit;
	}
	
	div.menu-mobile{
		display: inherit;
	}
	
	
	div.paru-wrap{
		grid-template-columns: repeat(1, 1fr);
		grid-row-gap: 20px;
		max-width: 700px;
	}
    
    
    div.paru{
        grid-column: 1 / auto;
    }
	
	
	div.paru-mobile{
		margin-top: 40px;
	}
	
    
    
}




@media screen and (max-width: 650px){
    
    
	
	div.paru-wrap, div.projet-wrap, div.cv-wrap{
		padding: 0px 40px 0px 40px;
	}
	
	
	div.colophon{
		padding: 0px 40px 40px 40px;
	}
	
	
	div.pied{
		padding: 80px 40px 40px 40px;
	}
	
	
	table.cv p{
		text-align: left;
		padding: 10px 0px 10px 20px;
	}
	

	div.menu-gauche{
		left: 20px;
	}


	div.menu-droite, div.menu-mobile{
		right: 20px;
	}
	
    
    
}