#portfolio
{
	text-decoration:underline;
}

@media (max-width: 1024px) {
  .menunav ul
  {
	margin: 1em;
  }
}

@media (min-width: 1024px) {
  .menunav ul
  {
	margin: 5em;
  }
}

.menunav ul
{
	border-bottom: rgba(0,0,0,0.2) solid 1px;
	border-top: rgba(0,0,0,0.2) solid 1px;
	
}

.menunav li
{
	text-align:center;
	background-color: #E5E5E5;
	padding: 1em;
	font-size: 1.5em;
	list-style: none;
	text-decoration: underline;
}

.menunav li a
{
	color: black;
	font-weight: 800;
}

h2
{
	text-align:center;
	border-bottom: rgba(0,0,0,0.2) solid 1px;
	padding-bottom: 0.5em;
	font-size: 2em;
}

@media (max-width: 1024px) {
  video, .video
  {
    width: 100%;
	height: auto;
  }
}

@media (min-width: 1024px) {
  video, .video
  {
   	width: 1024px;
	height: 576px;
  }
}

video
{
	border: solid #2B75EB 2px;
	margin-left:auto;
	margin-right:auto;
	border-radius: 10px;
	background-color: black;
}

.video
{
	margin-left:auto;
	margin-right:auto;
	margin-top: 5em;
	margin-bottom: 5em;
	display: flex;
}

@media (max-width: 1024px) {
  .cv
  {
	margin: 0em;
  }
}

@media (min-width: 1024px) {
  .cv
  {
	margin: 5em;
  }
}

.cv
{
	background-color: #E5E5E5;
	padding: 1em;
	border-radius: 5px;
}

@media (max-width: 1024px) {
  .commentaires
  {
	margin: 0em;
  }
}

@media (min-width: 1024px) {
  .commentaires
  {
	margin: 5em;
  }
}

.commentaires
{
	background-color: #E5E5E5;
	margin: 5em;
	padding: 1em;
	border-radius: 5px;
}

.illustration
{
	transition:0.5s;
	background-attachment:fixed;
	background-size: cover;
	background-position: center;
	height: 550px;
	opacity: 0.9;
}

.illustration:hover
{
	opacity: 1;
	transition:0.5s;
}

form 
{
	width: 50%;
	margin-left:auto;
	margin-right:auto;
	display: flex;
	flex-direction: column;
}

form div
{
	margin-top: 1em;
	width: 100%;
}

label 
{
  display: inline-block;
  width: 80%;
}

input, textarea
{
	width: 100%;
	padding: 5px;
	font-size: 1.1em;
	border-color: transparent;
	border-radius: 5px;
}

.button
{ /* button's div, used to center the button */
	display: flex;
	justify-content: center;
}

.txtbuttonCGU
{
	display: inline;
}

.buttonCGU
{
	width: 10px;
}

.g-recaptcha
{
	display:flex;
	justify-content: center;
	margin-top: 0em;
}

.commentaire
{
	background-color: rgba(0,0,0,0.5);
	margin: 5em;
}

.infoTranslated
{
	border-top: 1px rgba(0,0,0,0.3) solid;
	padding-top: 2px;
}

.translated
{
	color: grey;
	font-size: 0.8em;
}

.yandex
{
	font-weight: bold;
	color: black;
}

.com
{
	margin:1em;
	margin-top:80px;
	margin-bottom:80px;
	font-size: 1.2em;
	padding-bottom: 10px;
	border-bottom: 1px rgba(0,0,0,0.2) solid;
}

.nomentreprise
{
	font-style: italic;
	text-decoration: underline;
	text-align: right;
	margin-right: 5em;
	font-size: 1rem;
}

p 
{
	font-size: 1.3em;
	margin-top: 30px;
	margin-bottom: 30px;
	white-space: pre-wrap;
}

article
{
	margin-bottom: 200px;
	border-bottom: rgba(0,0,0,0.2) solid 1px;
}