@charset "utf-8";

body
{
	margin: 0;
	padding: 0;
}

* ::selection {background: rgba(0, 0, 0, 0.8); color: #FFF;}
* ::-webkit-selection {background:rgba(0, 0, 0, 0.8); color: #FFF;}
* ::-moz-selection {background: rgba(0, 0, 0, 0.8); color: #FFF;}

h1:hover, h2:hover, span:hover, #logo:hover, p:hover, a:hover  {-webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -ms-filter: blur(50px);
  -o-filter: blur(50px);
  filter: blur(10px);}

h1, h2, p
{
	font-family: 'Roboto', Arial, sans-serif;
	font-style: normal;
	margin: 0;
	padding: 0;
	transition-duration: 1s;
}

h1, h2, strong
{
	font-weight: 700;
}

h1
{
	font-size: 30px;
}

h2
{
	font-size: 20px;
}

#logo
{
	height: 200px;
	margin: 20px;
	transition-duration: 1s;
}

strong
{
	font-weight: 700;
}

a /* Flou liens survol */
{
  text-decoration: none;
  transition-duration: 1s;
}

.texte_fr
{
	margin-top: 50px;
	width: 24vw;
	padding-left: 25vw;
}

.texte_de
{
	width: 24vw;
	padding-left: 52vw;
	color: grey;
}

.de
{
	color: grey;
}

.center
{
	text-align: center;
	margin: 100px 0 0px 0;
}

#logo-degre {width: 20vw; padding-top: 30px; padding-bottom: 100px}




@media screen and (max-width: 1024px)
{

header{
	display: flex;
	margin: 50px;
}

#logo
{
	height: 200px;
	margin: auto;
}

.texte_fr
{
	width: 70vw;
	padding-left: 15vw;
}

.texte_de
{
	width: 70vw;
	padding-top: 30px;
	padding-left: 15vw;
	color: grey;
}

#logo-degre {width: 75vw; padding-top: 30px; padding-bottom: 100px}

}