@media (max-width: 640px) {
	/* header */
	.top-title h1 {
	margin-top: -15pt; 
		font-size: 14vw;
	}

	.top-title h2 {
		 font-size: 4vw;
		 margin-top: -20pt; 
	 }

	.top-title h2 span.place {
		display: block;
	}

	.top-title h2 span.place:before {
		content: "";
	}
	
	.nav-button {
	font-size:13px;
		padding:0 0pt 0 0;
	}
	
	.nav-button:not(:last-child):after {
	content:'·';
	margin:0 3pt;
	font-weight:400;
}
	
	
	footer {
	padding-left:5%;
	padding-right:5%; 
	margin-top:5pt; 
	margin-bottom:5pt; 
	}
	
	
	.nav-image {
	height:100%;
	width:0%;
}
	

	/* content */
	.content {
		margin:7%;
	}

	/* index content */
	.bio {
		display: block;
	}
	.soft {
		display: block;
	}
	
	.psoft {
	 margin-top: 10pt; 
	}
	
	.soft-right {
	margin-left: 0pt; 
	}

	.bio-right {
		margin-left: 0;
	}

	.curriculum {
		display: block;
	}

	/* research content */
	.social-networks.inner {
		padding: 0 7%;
	}
    
    	.social-networks.innerb {
		padding: 0 7%;
	}
	
	a.social-buttons {
		height: 100px;
		padding: 10px 0;
}

	.publication {
		flex-flow: row wrap;
	}

	.publication .title {
		flex: 0 0 100%;
		margin-bottom: 5pt;
	}

	.publication .link {
		flex: 1 0 0;
		text-align: center;
	}
	
	a.social-buttons {
	height: 60px;
	}

	/* gestion des mots longs */
	textarea,
	table,
	td,
	th,
	code,
	pre,
	samp {
		-webkit-hyphens: auto; /* césure propre */
		-moz-hyphens: auto;
		hyphens: auto;
		word-wrap: break-word; /* passage à la ligne forcé */
	}

	/* masquer/afficher les éléments  */
	.u-mobile {
		display: block;
		display: revert !important; /* affichage des éléments */
	}
	.u-no-mobile {
		display: none !important; /* masquage des éléments */
	}
}

@media (max-device-width:768px) and (orientation: landscape) {
  html {
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
  }
}