@charset "utf-8";
* {
font-family: 'Libre Baskerville', serif;
}

.header{
	display:flex;
	flex-wrap:wrap;
	margin-top: 10px;
	margin-bottom: 30px;
	height: 5vh;
	width: 100%;
	color:#2800E2;
}

.emmadmoizelaime{
	font-size: 70px;
	color:#2800E2;
}
.book{
	flex:1;
	text-align: right;
}
.infos{
	flex:1;
	text-align: right;
}
.insta{
	flex:1;
	text-align: right;
}
.conteneur{
	display:flex;
	flex-wrap:wrap;
	flex: 1;
}
.cgauche{
	flex:1 1 30%;
}
.cmilieu{
	flex:1 1 30%;
}
.cdroite{
	flex:1 1 30%;
}
.infosperso{
	margin-top:30px;
	display:flex;
	color:#2800E2;
}
.diplomes{
	flex: 1;
	display:flex;
}
.texteinfos{
	padding-top:30px;
	padding-left:67px;
	padding-right:450px;
	flex:1;
	color:#2800E2;
}
.soustexteinfos{
	padding-left:50px;
	font-size:13px;
}
.projets{
	display:flex;
	flex-wrap:wrap;
	overflow: scroll;
}
.texteprojet{
	padding-left:20px;
	padding-right:20px;
	width: 30%;
	flex:1;
	position: fixed;
	text-overflow:scroll;
}
.descriprojets{
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size:15px;
	margin-top:45px;
	margin-left:40px;	
	color:#3F3F3F;
}
.photoprojet{
	width:65%;
	flex:2;
	position: absolute;
	right:0.5%;
}
a{
	color: inherit;
	text-decoration: none;
}
img{
	width:100%;
}
iframe{
	width: 100%;
	height: 570px;
}
.body{
	margin:0;
	padding:0;
	overflow:hidden;
}
.contenuprojet {
position: relative;
display:flex;
flex-wrap:wrap;
}
.image {
  display: block;
  width: 100%;
  height: auto;
}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #2800E2;
;
}
.contenuprojet:hover .overlay {
  opacity: 1;
}
.textblocprojet {
	color: white;
	font-size: 20px;
	text-align: left;
	padding: 20px;
	display: flex;
}
.textblocprojetbas {
	color: black;
	font-size: 20px;
	text-align: left;
	padding: 20px;
	display: flex;
	position: absolute;
	width: calc(100% - 40px);
	bottom:0;
}
.tgauche{
	color: white;
	text-align:left;
	flex: 50%;
}
.tdroite{
	color: white;
	text-align:right;
	flex: 50%;
}
.tgaucheinfos{
	color:#3F3F3F;
	text-align:left;
	flex: 50%;
}
.tdroiteinfos{
	color:#3F3F3F;
	text-align:right;
	flex: 50%;
}
.overlayphoto{
	cursor: pointer;
	color:#FF9A23;
}
.overlayphoto:hover > .photocache{
	opacity: 1;
}
.photocache{
	position: absolute;
	bottom:0%;
	width:100%;
	opacity: 0;
}
.footer {
    display: flex;
    justify-content: center;
	padding-top:30px;
	font-size: 10px;
	color:#9A9A9A;
}

@media (max-width:800px){
	body{
		background-color: green;
	}
	.conteneur{
		display:block;
	}
}