h1 { margin-left: 43%;
        float:left;
        color: #e50000;
        font-size: 30pt;
        font-family: freight-big-pro, serif;
        font-weight: 300;
        font-style: italic;
        position: top fixed;
      
         }

.prez{color:#e50000;
	font-family: freight-big-pro, serif;
	font-weight: 400;
	font-style: italic;
	font-size: 60pt;
	top:0;
	margin: 0 3%;
	position: relative;
	height: 100vh;
	z-index: -1;

}

.prez div {position: absolute;; bottom:40px;
}

.engage {color:#e50000;
	font-family: freight-big-pro, serif;
	font-weight: 400;
	font-style: italic;
	font-size: 60pt;
	margin: 0 3%;
	position: relative;}

.reseaux{color:#e50000;
	font-family: freight-big-pro, serif;
	font-weight: 400;
	font-style: italic;
	font-size: 60pt;
	margin: 0 3%;
	margin-top: 5%;
	position: relative;;
}

.trait {background-color: #e50000;
width: 95%;
margin-left: 2%;
height:1.5px;
margin-top: 3%;
margin-bottom: 3%;
position: relative;
}

.traitdeux {background-color: #e50000;
width: 95%;
margin-left: 2%;
height:1.5px;
margin-top: 3%;
margin-bottom: 3%;
position: relative;
}

.traittrois {background-color: #e50000;
width: 95%;
margin-left: 2%;
height:1.5px;
margin-top: 3%;
margin-bottom: 3%;
position: relative;
}

.traitquatre {background-color:#e50000;
width: 95%;
margin-left: 2%;
height:1.5px;
margin-top: 3%;
margin-bottom: 3%;
position: relative;
}

.name {display :flex;
    flex-wrap: wrap;
    align-content: center;
    width: 90vw;
    justify-content: space-between;
    margin: 0 3%;
	position: relative;
  }

  .workshop {color:#e50000;
  	font-size: 30pt;
  	font-family: freight-big-pro, serif;
	font-weight: 400;
	font-style: italic;
	flex:auto;
	}

	.collab {color: #e50000;
		font-family: arial;
		font-size: 15pt;
		line-height: 21pt;
		flex:initial;
		width: 20%;

}

.collabdeux {color: #e50000;
		font-family: arial;
		font-size: 15pt;
		line-height: 21pt;
		width :20%;
		flex:initial;
}

.formations {display :flex;
    flex-wrap: wrap;
    align-content: center;
    width: 90vw;
    justify-content: space-between;
    margin: 0 3%;
	position: relative;
  }

  .form {color:#e50000;
  	font-size: 30pt;
  	font-family: freight-big-pro, serif;
	font-weight: 400;
	font-style: italic;
	flex:auto;
	}

	.ecv {color: #e50000;
		font-family: arial;
		font-size: 15pt;
		line-height: 16pt;
		flex:initial;
		width: 20%;

}

.experience {display :flex;
    flex-wrap: wrap;
    align-content: center;
    width: 90vw;
    justify-content: space-between;
    margin: 0 3%;
	position: relative;
  }

  .exp {color:#e50000;
  	font-size: 30pt;
  	font-family: freight-big-pro, serif;
	font-weight: 400;
	font-style: italic;
	flex:auto;
	}

	.job {color: #e50000;
		font-family: arial;
		font-size: 15pt;
		line-height: 16pt;
		flex:initial;
		width: 20%;

}



span { font-size: 10pt;
line-height: 8pt;
font-style: italic;}


 body.detailProjet {color:#e50000;
    font-family: hack, sans-serif;
font-style: normal;
line-height: 9pt;
}

	.back {color:#e50000;
font-size:18pt;
font-family: freight-big-pro, serif;
font-weight: 400;
top:3%;
left: 1%;
text-align: left;
z-index: 10;
position: fixed;

}

	a {text-decoration: none;
color:#e50000;}

a:hover {
  text-decoration: underline;
}



	.about {font-size: 18pt;
		font-family: freight-big-pro, serif;
	font-weight: 400;
		color : #e50000;
		z-index: 10;
		top: 3%;
		right: 1%;
		position: fixed;
		text-align: right;
}

.about:hover {
  text-decoration: underline;
}

	 body.detailProjet p {font-size: 9pt;
		line-height: 12pt;}
	
	h2 {
		font-size:70pt;
		font-family: freight-big-pro, serif;
		font-weight: 300;
		font-style: italic;
		width: 100%;
		color :#e50000;
		position :fixed;
		margin-left: 8%;
		margin-top: 9%;
	}

.illu {top:15vh;
position: relative;}
.illu img {width: 42%;
margin-left: 43%;
margin-bottom: 1%;
}

.aurore {top:15vh; 
position: relative;}
.aurore img {width: 50%;
margin-left: 43%;
margin-bottom: 1%; }

.defontaine { top:15vh;
position: relative; }
.defontaine img {width:45%;
margin-left: 48%;
margin-bottom: 1%;}	

.jad {top:15vh;
position: relative;}
.jad img {width: 50%;
margin-left: 43%;
margin-bottom: 1%;}

.lasse {top:6vh;
position: relative;}
.lasse img {width: 48%;
margin-left: 45%;
margin-bottom: 1%;}

.am {top:15vh;
position: relative;}
.am img {width: 45%;
margin-left: 47%;
margin-bottom: 1%;}

.novae {top:15vh;
position: relative;}
.novae img {width: 45%;
margin-left: 47%;
margin-bottom: 1%;}

.sas {top:15vh;
position: relative;}
.sas img {width: 48%;
margin-left: 45%;
margin-bottom:1%;}
video.sas {margin-left: 45%;}


.solo {top:15vh;
position: relative;}
.solo img {width: 50%;
margin-left: 43%;
margin-bottom: 1%;}

video.clip {margin-top:15vh;
margin-left: 42%;}



.desc {
		font-size:15pt;
		font-family: arial;
		line-height: 19pt;
		text-align: left;
		width: 25% ;
		margin-top: 14%;
		margin-left: 8%;
		color:#e50000;
		position: fixed;
		

	}




 @media (max-width: 768px) { 



 	.prez {font-size:15pt;
 		margin-top: 0%;}

 	.engage {font-size:15pt;
 		}

 	.reseaux { font-size:20pt;
 		margin-top: 0%;
 	 }

 .formations { flex:none;

	}


.workshop {font-size: 15pt;
	}

	.collab {
		font-size: 10pt;
		line-height: 14pt;
		flex: auto;

}

.collabdeux {font-size: 10pt;
		line-height: 14pt;
		flex:auto;

}

  .form {
  	font-size: 15pt;
	}

	.ecv {font-size: 10pt;
		line-height: 14pt;
		width: 80%;

	

}

  .exp {font-size: 15pt;

	}

	.job {font-size: 10pt;
		line-height: 14pt;

		width: 80%;

}
 .comp {font-size: 15pt;

	}

	.skill {font-size: 10pt;
		line-height: 14pt;

		width: 80%;

}

	.desc {
		width: 100%;
		position: relative;
		margin-left: 0;
		margin-top: 0;
		padding:10px;
		box-sizing: border-box;;
	}



	 body.detailProjet h2 {position: relative; margin-top: 90px; font-size: 30px}

	 .bloc {
     position: relative;
    top: 0
	}

	.bloc img {
	   width: 100%;
	   margin-left: 0;
	   margin-bottom: 10px;
	   /*margin-bottom: 20px;*/
	}
	.photo15 {display: none;}

	.aurore7 {display:none;}

}

@media (max-width: 480px) { 

.blocprojet{position: relative; top:0; margin:0 auto; width:80%; }
 
 .about {font-size: 10pt;
 	margin-right: 5%;}

 .back {font-size: 10pt;
 	margin-left: 3%;}
	
 h2{margin-left: 3%;}

 }