/************************************************
*									 	    	*
*     Document CSS - Chats 2.0 - Handheld       *
*                                   	        *
************************************************/
/*
/* Définitions pour l'adaptation au mode portrait utilisé sur un mobile. */
/*
*/
@media only screen and (orientation:portrait) {
/*@media only screen and (min-width: 740px)  { */

	/* Disposer la grille en colonnes */
	main {
		display:flex;               /* sera le conteneur d'une boîte flexible */
		flex-flow:column wrap;      /* direction et renvoi */
		justify-content:flex-start; /* aligner sur l'axe de base (de flex-flow), ici : colonne */
		align-items:stretch;     /* aligner sur l'axe secondaire (pas de flex-flow), ici : ligne */
	}

	.chat, .vieuxchat {
		margin:0.2em;
		padding:0.4em;
		width:98%;
	}
	.unchat {
		margin:0;
		padding:0;
	}

	figure {
		margin:0.2em 0;
		text-align:center;
	}

	img {
		width:240px;
		height:160px;
	}

	/* Pages chats / photos */
	.photos {
		display:flex;               /* sera le conteneur d'une boîte flexible */
		flex-flow:column wrap;      /* direction et renvoi */
		justify-content:flex-start; /* aligner sur l'axe de base (de flex-flow), ici : colonne */
		align-items:stretch;     /* aligner sur l'axe secondaire (pas de flex-flow), ici : ligne */
		margin:0;
		padding:0;
		width:100%;
	}
	.photos > figure {
		margin:0.4em auto;
		padding:0.4em;
		width:102%;
		min-width:260px;
	}
}