@charset "utf-8";
/* CSS Mode M1 (480 to 939 px) */

@media screen and (min-width: 480px) and (max-width: 939px){	

/*--- HEADER ---*/

header{
	padding:1% 0 0 0;
	margin:0;
	text-align:left;	
}

header h1{
	position:relative;
	display:block;
	float:left;
	width:250px;

}

#profil{
	position:relative;
	display:block;
	float:left;
	width:48px;
	margin-left:15px;
	margin-top:8px;
	height:auto;
}

#profil img{
	width:100%;
	height:auto;
}

#profil_mobile{
	display:none;
	margin-bottom:0;	
}

#clr_header{
	display:block;
	clear:both;
	width:100%;
	height:1px;
}

#page h1{
	font-size : 3.2em;
	background-color:transparent;
	color : #000;
	line-height:1em;
	clear:both;
	margin:0 0 3% 0;
	font-weight:normal;
	text-align:left;
}

#link_portfolio-web,
#link_portfolio-print,
#link_portfolio-illustration,
#link_portfolio-cv{
	width:32.33%;
	margin-right: 1%;
	margin-bottom: 1%;
}

#link_portfolio-web div,
#link_portfolio-print div,
#link_portfolio-illustration div,
#link_portfolio-cv div{	
	margin-top:20% !important;
	font-size:0.7em !important;
	line-height:1em !important;
}

#link_portfolio-web div img,
#link_portfolio-print div img,
#link_portfolio-illustration div img,
#link_portfolio-cv div img{
	margin-top:5%;
	width:30% !important;
	height:auto !important;
}

.img_ref{ 
	width : 32.33%; 
	font-size:0em;
	line-height:normal;
	margin-right: 1%;
	margin-bottom: 1%;
}

.mark {
	font-weight:600;
}

}