/* Les projets */

.projects{
	position:relative;
	left:-30%;
	min-height:800px;
	width:1000px;
}

#explication_gamedev
{
	margin-top: 35px;
	margin-bottom:35px;
	text-align:center;
	color:rgb(143, 143, 143);
	font-style:italic;
	font-size:0.86em;
	padding-left:14%;
	padding-right:14%;
}

#itchio_projects
{
	margin-top: 35px;
	text-align:center;
	color:rgb(143, 143, 143);
	padding-bottom:4px;
	font-size:0.93em;
	
}

.gamedev_part, .desc_project
{
	color:white;
}

.name-project
{
	font-family: 'Trebuchet MS',sans-serif;
	margin:0;
	color:rgb(69, 212, 255);
	border-bottom: rgb(69, 212, 255) 1px solid;
	text-align:center;
	width:50%;
	margin-left:25%;
	margin-right:25%;
}

.header_project
{
	font-family: sans-serif;
	margin:0;
	font-size:0.85em;
	color:rgb(204, 243, 255);
	font-style:italic;
	text-align:center;
	margin-bottom:30px;
	margin-top:2.5px;
}

.header_project span
{
	margin : 10px;
	margin-right:20px;
}

.logo_PS, .logo_Unity, .logo_Blender, .logo_PY, .logo_Krita, .logo_DS, .logo_UE
{
	position:relative;
	top : 10px; 
	margin-left:7px;
}

.logo_PS
{
	width:27px;
	height:27px;
}

.logo_Unity
{
	width:27px;
	height:30px;
}

.logo_Blender
{
	width:30px;
	height:27px;
}

.logo_PY
{
	width:29px;
	height:29px;
}

.logo_Krita
{
	border-left:0px;
	margin-left:3.5px;
	width:29px;
	height:29px;
}

.logo_DS
{
	border-left:0px;
	margin-left:3.5px;
	width:27px;
	height:27px;
}

.logo_UE
{
	width:28.5px;
	height:28.5px;
}

.desc_project p{
	
	margin:0;
	margin-top:15px;
	font-family: 'Andalé Mono',sans-serif;
	font-size: smaller;
	color : rgb(240, 240, 240);
	text-align:justify;
	width:52.5%;
	margin-left:24%;
}

.content-project
{
	max-width:90%;
	margin: 12px auto;
	margin-bottom:57px;
	min-height:425px;
}

.itchio_logo
{
	height : 20px;
	width:80px;
	opacity:100%;
	margin-left:2.5px;
}

.itchio_logo:hover
{
	opacity:50%;
}

.all_projects
{
	
}

/** Gestion par projet **/

.video_project
{
	
	width:55%;
	height: 470px; 
	margin:0 auto;
	margin-left:22.7%;
	margin-right:22.7%;
	margin-bottom:20px;
}

.link_project
{
	font-style:italic;
	color: red;
	opacity:100%;
}

.link_project:hover
{
	opacity:50%;
}

.text_project
{
	min-height:100px;
}

@media screen and (min-width: 1200px) and (max-width: 1600px) {
	
	.video_project
	{
		width:70%;
		height: 500px; 	
		margin-left:15%;
		margin-right:15%;
	}
	
	.desc_project p{
		width:65%;
		margin-left:17.5%;
	}
	
	.name-project
	{
		width:70%;
		margin-left:15%;
		margin-right:15%;
	}
	
}

/* Tablette */
@media screen and (min-width: 745px) and (max-width: 1200px) {
	
	.video_project
	{
		width:90%;
		height: 500px; 	
		margin-left:5%;
		margin-right:5%;
	}
	
	.desc_project p{
		width:80%;
		margin-left:10%;
	}
	
	.name-project
	{
		width:70%;
		margin-left:15%;
		margin-right:15%;
	}
	
}


/* Mobile */
@media screen and (max-width: 744px) {	

	.video_project
	{
		width:90%;
		height: 400px; 	
		margin-left:5%;
		margin-right:5%;
	}
	
	.desc_project p{
		width:80%;
		margin-left:10%;
		line-height: 24.5px;
	}
	
	.name-project
	{
		width:70%;
		margin-left:15%;
		margin-right:15%;
	}
	
}