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


@media screen and (max-width: 1150px) {
	.btn-navigation{
		display: block;
	}
	nav2{
		display: none;
	}
	.texte{
		font-size: 1.7em;
	}
	.about{
		font-size: 25px;
	}
	.name{
		width: 82vw;
	}
	.explication{
		width: 82vw;
	}
	.image1{
	margin-top: 8vh;
	height: auto;
}
	.prez{
		font-size: 10vw;
		width: 96%;
	}
	.thanks{
    font-size: 55px;
    width: auto;
	}
	.titre{
		 width: 95vw;
	}
	.contactme{
		font-size: 9vw;
	}
	input, textarea, select, button {
	width : 80%;
	}
	
}




/* IPHONE 5 6 7 8*/
@media (max-width:450px){
	nav2{
		display: none;
	}
nav1,nav2,nav3,nav4, header ul li,footer ul li,header a,footer a, header span, footer span{
    	font-size: 14px;
	}
	nav1 ul li {
    	margin-right: 7vw;
	}
	nav1 ul {
		position: absolute;
    	left: 0;
    	margin-left: 20px;
	}
	.navjob {
    	cursor: auto;
    	display: none;
	}
	.btn-navigation{
		right: 35px;
	}
	.navigation ul{
		margin-left: 20px;
	}
	.navigation ul li {
    width: 88vw;
}
	.navigation ul a {
		margin-bottom: 3%;
    	margin-top: 4%;
	}
	.titre{
		width: 96%;
	}
	.prez{
		width: 95vw;
		margin-left: 20px;
		font-size: 13vw;
	}
	.thanks {
    width: auto;
    margin-left: 20px;
    font-size: 7vw;
}
	
	.projet{
		padding-top: 60px;
		padding-bottom: 0px;
	}
	
	.projet .ul .li{
		margin-left: 2%;
	}
	
	.projet .ul .li .a{
		font-size: 14vw;
	}
	
	.texte{
		font-size: 5vw;
		margin-top: 10px;
	}
	.soustitre {
    font-size: 18px;
	}
	.explication {
    font-size: 20px;
	}
	
	.galerie {
    	width: 96vw;
    margin-left: 2vw;
    padding-bottom: 50px;
    margin-top: 8vh;
    	
	}
	
	.image1{
		margin-top: 4px;
	}
	
	.works{
		padding-top: 60px;
		padding-bottom: 50px;
	}
	.works .ul .li {
    list-style: none;
    width: 90vw;
}
	
	.works .ul .li .a{
		font-size: 7.5vw;
		margin-bottom: 6%;
    	margin-top: 7%;
	}
		
	.works{
		padding-top: 60px;
		padding-bottom: 50px;
	}
	.works .ul {
    margin: 0;
    padding: 0;
    width: 90vw;
    margin-left: 5vw;
}
	
	.about{
		font-size: 7vw;
		margin-left: 5%;
		padding-bottom: 80px;
	}
	.follow {
    line-height: 10vw;
    display: block;
}
	.name {
    	padding-top: 75px;
    	width: 95%;
    	margin-bottom: 15px;
}
	.explication {
    	padding-top: 25px;
    	width: 95%;
    	margin-bottom: 15px;
}
	
	.next{
		    margin-left: 15px;
    margin-bottom: 10px;
		font-size: 6vw;
	}
	
	.next.scroll {
    margin-left: 15px;
    margin-bottom: 10px;
    bottom: 0;
    opacity: 1;
    display: block;
    text-align: right;
    font-size: 6vw;
}
	#my-hour{
		display: none;
	}
	.contenu {
    z-index: 5;
    position: relative;
}
	form{
	margin-left: 20px;
}
	.contactme{
		margin-left: 20px;
		font-size: 12vw;
	}
	input{
		margin-top: 7%;
		padding-bottom: 2%;
		font-size: 6vw;
	}
	textarea{
		padding-bottom: 2%;
		margin-top: 7%;
		font-size: 6vw;
	}
	button{
		width: 50%;
		font-size: 7vw;
	}
}

/* IPHONE 5 6 7 8 PAYSAGE*/
@media (min-width:451px) and (max-width:768px) and (max-height:420px){
	.landscape {
    	display: block;
	}
	.site{
		display: none;
	}
}

/* IPHONE X PIXEL 2 XL PORTRAIT*/
@media (max-width:450px) and (min-height:760px){
	nav2{
		display: none;
	}
nav1,nav2,nav3,nav4, header ul li,footer ul li,header a,footer a, header span, footer span{
    	font-size: 14px;
	}
	nav1 ul li {
    	margin-right: 7vw;
	}
	nav1 ul {
    	left: 0;
    	margin-left: 20px;
	}
	.navjob {
    	display: none;
	}
	.btn-navigation{
		right: 35px;
	}
	.navigation ul a {
		    margin-bottom: 3%;
    margin-top: 4%;
	}
	
	.projet{
		padding-top: 60px;
		padding-bottom: 0px;
	}
	
	.projet .ul .li{
		margin-left: 2%;
	}
	
.projet .ul .li .a {
    font-size: 12vw;
    margin-right: 8vw;
}
	
	.texte{
		font-size: 6vw;
		margin-top: 10px;
	}
	.soustitre {
    font-size: 19px;
	}
	
	.explication {
    font-size: 23px;
}
	
	.galerie {
    	width: 96vw;
    	margin-left: 2vw;
    	padding-bottom: 50px;
		margin-top: 8vh;
	}
	
	.image1{
		margin-top: 4px;
	}
	
	.works{
		padding-top: 60px;
		padding-bottom: 50px;
	}
	.works .ul {
    margin: 0;
    padding: 0;
    width: 90vw;
    margin-left: 5vw;
}
	
	.works .ul .li {
    list-style: none;
    width: 88vw;
}
	
	.works .ul .li .a{
		font-size: 7.5vw;
	}
	
	.about{
		font-size: 7vw;
		margin-left: 5%;
		padding-bottom: 80px;
	}
	
	.follow {
    line-height: 10vw;
    display: block;
}
	
	.name {
    	padding-top: 75px;
    	width: 85%;
    	margin-bottom: 15px;
}
	
	.explication {
    	padding-top: 25px;
    	width: 95%;
    	margin-bottom: 15px;
}
	
	.next.scroll {
    margin-left: 15px;
    margin-bottom: 10px;
    bottom: 0;
    opacity: 1;
    display: block;
    text-align: right;
    font-size: 6vw;
}
	#my-hour{
		display: none;
	}
		button{
		width: 50%;
		font-size: 7vw;
	}
}

/*IPHONE X PIXEL 2 XL PAYSAGE*/
@media (min-width:769px) and (max-width:1024px)and (max-height:420px) and (orientation: landscape){
	.landscape {
    	display: block;
	}
	.site{
		display: none;
	}
}

/* IPAD PORTRAIT*/
@media (min-width:451px) and (max-width:768px) and (min-height:421px){
nav2{
		display: none;
	}
nav1,nav2,nav3,nav4, header ul li,footer ul li,header a,footer a, header span, footer span{
    	font-size: 14px;
	}
	
	nav1 ul li {
    	margin-right: 15vw;
	}
	
	nav1 ul {
    	left: 0;
    	margin-left: 20px;
	}
	
	.navjob {
    	display: block;
	}
	
	.btn-navigation{
		right: 35px;
	}
	.projet {
    padding-top: 60px;
    text-decoration: none;
    padding-bottom: 100px;
}
	.projet .ul .li .a{
		font-size: 10vw;
		margin-bottom: 0%;
	}
	.texte{
		font-size: 4vw;
	}
	
	.soustitre {
    font-size: 20px;
	}
	.explication {
    font-size: 22px;
	}
	.galerie {
    width: 92vw;
    margin-left: 4vw;
    padding-bottom: 50px;
}
.image1 {
    margin-top: 6vh;
    height: auto;
}
	.prez {
    font-size: 7vw;
    width: 96%;
}
	.thanks {
    font-size: 7vw;
    width: 96%;
}
	.works .ul .li .a {
    margin-bottom: 4%;
    margin-top: 5%;
}
}

/* IPAD PAYSAGE */
@media (min-width:769px) and (max-width:1024px) and (min-height:421px) and (orientation: landscape){
	.projet {
    padding-top: 60px;
    text-decoration: none;
    padding-bottom: 100px;
}
		.projet .ul .li .a{
		margin-bottom: 0%;
	}
		.image1 {
    margin-top: 6vh;
    height: auto;
}
}

/* IPAD PRO PORTRAIT*/
@media (min-width:769px) and (max-width:1024px) and (min-height:800px){
	nav1 ul li {
    	margin-right: 15vw;
	}
	
	nav1 ul {
    	left: 0;
    	margin-left: 20px;
	}
	
	.navjob {
    	display: block;
	}
	
	.btn-navigation{
		right: 35px;
	}
	.projet {
    padding-top: 60px;
    text-decoration: none;
    padding-bottom: 100px;
}
	.projet .ul .li .a{
		font-size: 10vw;
		margin-bottom: 0%;
	}
	.texte{
		font-size: 4vw;
	}
	.galerie {
    width: 92vw;
    margin-left: 4vw;
    padding-bottom: 50px;
}
.image1 {
    margin-top: 6vh;
    height: auto;
}
}


/* IPAD PRO PAYSAGE*/
@media (min-width:1024px) and (max-width:769px) and (min-height:800px){
	.projet {
    padding-top: 70px;
    text-decoration: none;
    padding-bottom: 100px;
}
		.projet .ul .li .a{
		margin-bottom: 6%;
	}
		.image1 {
    margin-top: 14vh;
    height: auto;
}
}