@font-face {font-family:Basteleur Moonlight;
    src: url(fonts/Basteleur-Moonlight.woff2) format("woff2");
}


*{
	/*border: 1px solid red;*/
}



body{
	margin: 20px;
	/*background: content-box radial-gradient(crimson, skyblue);*/
	scroll-behavior: smooth;
	cursor: crosshair;
	background-color: white;
	/*min-height: 100vh;*/
	/*background-image: url('assets/fond1.png');*/
  	/*background-repeat: repeat;*/
  	background-size: 100% 70%;

 }
.background-image{
	opacity: 0.5;
}

h1{
	font-weight: normal;
	font-family: Basteleur Moonlight;
	color: black;
	font-size: 40px;
	/*mix-blend-mode: exclusion;*/
	margin-top: 10px;
	margin-bottom: 5px;
}

h1 : hover{
	font-weight: bold;
}


h2{
	font-weight: normal;
	color: black;
	/*mix-blend-mode: exclusion;*/
	margin-top: 10px;
	margin-bottom: 0px;
	margin-right: 0px;
	font-family: Basteleur Moonlight;
}

h3{
	font-weight: normal;
	color: black;
	/*mix-blend-mode: exclusion;*/
	font-family: 'Open Sans';
	margin-top: 10px;
	margin-bottom: 0px;
}

h4{
	font-weight: normal;
	color: black;
	/*mix-blend-mode: exclusion;*/
	font-family: 'Open Sans';
	margin-left: 20px;
	margin-top: 0px;
	margin-bottom: 12px;

}

a{	
	text-decoration: none;
	display: inherit;
	color: black;
}

/*.wrapper_header{
position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
  top: 0px;
  
  }*/


.inspirations{
	float: right;

}

.top_titre{
	/*border: 1px solid red;*/
	 
}


.showreel_2022{
	margin-top: 20px;
	margin-bottom: 20px;
}
}

.projet1{
	/*border: 1px solid red;*/
}

.prjt_titre{
	/*margin-left: 10px;*/
}

.trait_dessus{
	border-top: 1px solid #FFFFFF;
	margin-bottom: 30 px;
	margin-top: 20 px;
}


.top_titre_universal{
	margin-top: 10 px;
	margin-bottom: 10 px;
	/*position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
  top: 0px;*/

}

.showreel_2022{
	position: center;
}


.video_vimeo_showreel{
	margin-bottom: 5px;
	margin-top: 10px;
}


@media only screen and (min-width: 1000px)
{	
	.wrapper_header{
		display: grid;
		grid-template-columns: 1fr;
		/*grid-template-columns: 4fr 0.5fr ;*/
	}

.top_link{
		display: grid;
		grid-template-columns: 17fr 1fr ;
	}

	.top_titre{
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	

	.presentation{
		display: grid;
		grid-template-columns: 2fr ;
		/*grid-template-columns: 4fr 0.5fr ;*/
	}

	.projet1{
		display: grid;
		grid-template-columns: 1fr 1fr ;
	}

	.page_projet_universal{
		display: grid;
		grid-template-columns: 1fr 1fr ;
		margin-bottom: 20px;
		margin-top: 20px;
	}
.top_nom{
		display: grid;
		grid-template-columns: 0.5fr 2fr 0.5fr;
	}
	

}	

/*permets de mettre les images responsive, tjrs mettre des images de la même taile*/
	img {
	width: 100%;
    height: auto;
    /*width: 800px;
    /*float: right;*/

	}



@media (max-width: 1000px) {
    img {
        /*width: 100%;*/
    }
}

/*reseaux sociaux*/


.footer-basic {
  padding:20px 0;
  float: center;
  text-align: center;
}

.social {
	display: flex;
	 float: center;
  text-align: center;

	/*padding-bottom:25px;*/
}

.footer-basic li {
  padding:0 10px;
  list-style:none;
  
}

.footer-basic ul a:hover {
  opacity:1;
  text-align: center;
    opacity:0.5;
}

.footer-basic .social > a {
  font-size:24px;
  width:40px;
  height:40px;
  line-height:40px;
  display:inline-block;
  text-align:center;
  margin:0 8px;


}

.footer-basic .copyright {
  margin-top:15px;
  text-align:center;
  font-size:13px;
  color:#aaa;
  margin-bottom:0;
}