html, body{
 	width: 100%;                 
  min-height: 100%;
 	margin: 0;                      
  font-family: sans-serif;
  font-size:16pt;
  background-color: lightsteelblue;
  background: transparent;
}
header{
	height: 40px;
	background-color: steelblue;
	color:#FFF;
}

			header nav {
	font-size: 20pt;
	vertical-align: top;
	display:flex;	
	height: 100%;
}
			header nav ul {
	 width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    text-transform: uppercase;
}
			header nav ul li {
	display:flex;
		margin: 0;
	height: 100%;
	width: 25%;

}
			header nav ul li a{
	 color: black;
    text-decoration: none;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
			header nav ul li a:hover{
background-color:#333;
color: steelblue;
display: flex;
font-size: 33pt;
}
#bandeau{
	display: flex;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	background-color: lightsteelblue;
	width:70% ;
	border-radius: 10px;
}
#bandeau img{
	 display: flex;
	 align-items: center;
	 width: 30%;
	 height: auto;
	 float: left;
	}
	#bandeau h1{
		display: flex;	
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		float: right;
		font-size:40pt;
		text-transform: uppercase;
		text-decoration: none;
		color: black;
	}
	h1{
		color: darkred;
		text-decoration: underline;
	}
.Cv{
	width: 70%;
	display: flex;
	flex-direction: row-reverse;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
}
#body{
	display: flex;
	flex-direction: column;
	width: 70%;
	background-color: whitesmoke;
}
#contact{
	display: flex;
	flex-direction: column;
	text-align: center;
	background-color: lightgrey;
	width: 30%;
}
#contact ul{
	text-align: left;

}
footer{
	display:flex;
	align-items:flex-end ;
	bottom: 0;
  width: 100%;
 height: 150px;
  padding: 5px;
  background-color: steelblue;
  color: #000;
}
form{
	display: flex;
	text-align: center;
	flex-direction: column;
}
.phone img{
	display: flex;
	align-items: center;
	margin-left: auto;
	margin-right:auto ;
  width: 100px;
  height: 100px;
}
.mail img{
	display: flex;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
  width: 100px;
  height: 100px;
}
hr{
	width: 100%;
}
#ptfl{
	width: 80%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
}
#ptfl div {
  display: flex;              
  align-items: center;        
  justify-content: space-between; 
  margin: 30px 0;
  gap: 20px;                  
}
#ptfl img {
  width: 40%;
  height: auto;
  border-radius: 10px;
}

#ptfl h2{
	font-size: 25pt;
	display: flex;
	flex-wrap: nowrap;
}
#job{
	display: flex;
	flex-direction: row;
}
.Films{
	display: flex;
	flex-wrap: wrap;
	margin-top: 0;
	background-color:lightsteelblue;
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#ptfl div:nth-child(even) {
  flex-direction: row-reverse;
}
.game{
	display: flex;
	flex-wrap: wrap;
	margin-top: 0;
	background-color:lightsteelblue;
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#ptfl a{
	color:steelblue;

}
#ptfl a:hover{
	font-size: 25pt;
	text-decoration: none;
}
video{ 
	width: 640 px; 
	height: 360px;
}