body
{background-color: #454951}

nav{width: calc(20% - 10px);float: left}
header{width: calc(80% - 2px);border-left: 2px solid red;float: right;padding-left: 10px}
section{width: calc(80% - 2px);border-left: 2px solid red;float: right;padding-left: 10px}

h1{width: 95%;text-align:center;color: #e84545;font-size: 3em}
h2{color: white}

p{color: grey;font-size: 1.15em}
a{color: red}
li{color: grey}

video
{height: 30vh;width: 45%;margin-left: 5px}
iframe{height: 30vh;width: 45%}
img{cursor: zoom-in}

#intro{font-size: 1.45em;color: white}

@media (max-device-width: 500px)
{
	body{background-color: #FFF}
	nav{width: 100%;float: none}
	header{width: 100%;border:none;float: none}
	section{width: 100%;border:none;float: none}

	h1{text-align: center}
	h2{color: black;font-family: impact}

	p{color: black}
	a{color: blue}
	li{color: black}

	#intro{color: black;}
	#work{display: none}
	#expo{display: none}
	.pouce{display: none}
}
@media print
{
	body{background-color: #FFF}
	header{width: 100%;border:none;float: none}
	section{width: 100%;border:none;float: none}
	nav{width: 100%;float: none}

	h2{color: black;font-family: impact}
	a{color: black}

	video{background-image: url(Ressources/Videos/Miniature/video.png);border: 2px black dashed}
	iframe{background-image: url(Ressources/Videos/Miniature/video.png);border: 2px black dashed}

	#intro{font-size: 1.35em;color: black;}
	#work{display: none}
	#expo{display: none}
	.pouce{display: none}
}