*, ::before, ::after {
    box-sizing: border-box;
	text-decoration:none;
    margin: 5;
    padding: 0;
}

body {
    font-family: Arial, Helvetica, sans-serif;
	color : hsla(355,91%,45%,1.00);
}

nav {
    display: flex;
    justify-content: center;
    padding: 5px;
    position: fixed;
    min-width: 650px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: hsla(355,91%,45%,1.00);
	font-family: Arial, Helvetica, sans-serif;
	color : #FFFFFF;
}
nav a {
    margin: 45px 35px;
}
section {

    display: flex;
    justify-content: center;
    align-items: center;
}
section h2 {
    font-size: calc(30px + 1vmin);
    margin-bottom: calc(00px + 00vw);
}
section:nth-of-type(1){background-color: #FFFFFF;}
section:nth-of-type(2){background-color: #FFFFFF;}
section:nth-of-type(3){background-color: #FFFFFF;}
section:nth-of-type(4){background-color: #FFFFFF;}


.contenuprojet{
	z-index: 5;
	margin: 0 15% 0 15%;
		transform: skew(0, -14deg);
}



img{
	width:100%;
	height: 100%;
	display:flex;
	flex-wrap:wrap;
    padding: 30px 0 0 0 ;

}

.nom{
	width: 20%;
	margin-right: 5%;
	float:left;
	display: flex-wrap;
	display: flex;
	
}

.menu{
	margin: 0 15% 0 15%;
	width: 10%;
	display: flex;

}

.titre{
	margin:0 3vw 0 3vw;
	display:flex;
	flex-wrap:wrap;
	text-decoration: none;
	
	
	
}

h2{
	    font-size: calc(60px + 1vmin);
    margin-bottom: calc(00px + 00vw);
	color : hsla(355,91%,45%,1.00);
	font-family: "Bauhaus 93";
	
}
hr{
	border-bottom:2px solid hsla(355,91%,45%,1.00);
	margin: 5% 0% 10% 0%;

}
img{
	width: 100%;
   justify-content: center;
}

.texte{
	display: flex;
	column-count: 2;
	color : hsla(355,91%,45%,1.00);

}
.fenetre1{
	flex: 1 1 20%;
	padding: 0 10% 0 10%;
}
.article{
	flex: 2 1 60%;
	margin: 5% 0% 0% 0%;


}
.header{
	position: fixed;
	z-index: 10;
	color: white;
}

a{
	color: white;
}

h1{
	font-size:70px;
	color : hsla(355,91%,45%,1.00);
	font-family: "Bauhaus 93";
	
}

h3{
	color : hsla(355,91%,45%,1.00);
	font-family: "Bauhaus 93";
}

.texto{
	display: inline-block;
	column-count: 2;
	color : hsla(355,91%,45%,1.00);
	margin: 15% 0% 15% 0%;
}


.legende{
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 10px
}

.petit{
    texte-align
	margin: 10% 0 0 10%;
	font-size: 13px;
	color : hsla(355,91%,45%,1.00);
}

.marie{
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 10px
}
.footer{
	margin: 10% 0 0 10%;
}

@media (min-width: 450px) and (max-width: 1350px){
	.titre{
		font-size: 10px;		
	}

}
@media (min-width:200px) and (max-width: 850px){
	.titre{
		font-size: 8.5px;
		margin:0 1.5vw 0 1.5vw;
	
	}
		.texte{
	flex-wrap:wrap;
		
	}
	.fenetre1{
	flex: 1 1 100%;
	padding: 0 10% 0 10%;
}
.article{
	flex: 1 1 100%;
	transform: skew(0, -16deg);

}
	.logo{
		padding: 50%
	}
	
	.footer{
	}
	
	.mowa{
	transform: skew(0, -16deg);
	}
	
	.mail a{
		font-color: hsla(355,91%,45%,1.00); 
	}