@media (max-width: 640px) {
	* {
		box-sizing: border-box;
	}
	
	/* passer body (et tous les éléments de largeur fixe) en largeur automatique */

	body {
		width: auto;
		margin: 0;
		padding: 0;
		font-size:25px;
	}

	img {
		height: auto;
	}
	
	/* 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é */
	}
	
	/* Un message personnalisé */
	/*
	body:before {
		content: "Version mobile du site";
		display: block;
		text-align: center;
		font-style: italic;
		color: #777;
	}
	*/
	.pp_next, .pp_prev{display: none;}
	.pp_back{bottom: 0px;}

	.album .descr{
		bottom:0px;
		width:120px;
		margin-left: -60px;
	}
	
	#pp_firstpic{
		z-index: -5;
		width: 100%;
		margin-top: -50%;
		margin-left: -50%;
	}
	#pp_firstpic img{
		width: 100%;
		height: auto;
	}

	#pp_thumbContainer .content{
		position:absolute;
		top:0px;
		height:180px;
		margin-left:-55px;
		cursor:pointer;
	}
	#pp_thumbContainer img{
		border:5px solid #fff;
		-moz-box-shadow:1px 1px 7px #000;
		-webkit-box-shadow:1px 1px 7px #000;
		box-shadow:1px 1px 7px #000;
		width: 100px;
		height: 100px;
	}
}

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