/************************************
*												*
*		TRANSPORTS.INFO PROVISOIRE		*
*			======SCREEN======			*
*												*
************************************/


/************************
* Conteneurs principaux *
************************/

body {
	display:flex;
	flex-direction:column;
	flex-wrap:nowrap;
	justify-content:flex-start;
	align-items:stretch;
	align-content:stretch;
	margin:0;
	padding:0;
	background-color:var(--fond-principal);
	color:var(--texte-principal);
	font-family:Parisine, sans-serif;
	font-size:1rem;
	min-height:100vh;
}

header {
	display:none;
}


#langues {
	flex-grow:1;
	flex-shrink:1;
	flex-basis:0;
	display:flex;
	flex-wrap:nowrap;
	justify-content:flex-end;
	align-items:center;
	align-content:stretch;
	list-style-type:none;
	margin:0 0 0 auto;
	padding:0;
}

#langues li {
	flex-grow:0;
	flex-shrink:0;
	flex-basis:auto;
	list-style-type:none;
	display:block;
	margin:0;
	padding:0.4rem;
	border-radius:0.2rem;
}

#langues img {
	width:24px;
	height:auto;
	border-radius:0.2rem;
}

#langues .langue {
	background-color:var(--fond-entete-selection);
}

main {
	order:2;
	flex-grow:2;
	flex-shrink:0;
	flex-basis:auto;
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	align-items:stretch;
	align-content:stretch;
	height:100%;
}

footer {
	display:none;
}

/****************
* Corps du site *
*****************/
/* Deux blocs */

main .bloc {
	flex-grow:0;
	flex-shrink:0;
	flex-basis:auto;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
	margin:0;
	padding:0;
	width:50%;
	border:none;
}

main .plein {
	order:2;
	background-color:var(--fond-plein);
	color:var(--texte-plein);
}

main .vide {
	order:3;
	background-color:var(--fond-vide);
	color:var(--texte-vide);
}

main h2 {
	order:1;
	flex-grow:0;
	flex-shrink:0;
	flex-basis:auto;
	font-size:1.6rem;
	font-weight:normal;
	text-align:center;
}

main picture {
	order:2;
	flex-grow:0;
	flex-shrink:0;
	flex-basis:auto;
	margin:4rem auto;
}

main img {
	height:250px;
	width:auto;
}

main p {
	order:3;
	flex-grow:0;
	flex-shrink:0;
	flex-basis:auto;
	font-size:2rem;
	font-weight:bold;
}

/**********************************/
/* Messages erreur et information */
/**********************************/

#messages {
	order:1;
	flex-grow:1;
	flex-shrink:0;
	flex-basis:auto;
	display:block;
	margin:1rem auto 0;
	padding:0;
	width:100%;
}
#messages p {
	margin:0 auto 1rem auto;
	padding:0.5rem;
	border-radius:0.6rem;
	text-align:center;
	width:50%;
}

#messages .erreur {
	background-color:var(--fond-erreur);
	color:var(--texte-erreur);
}
#messages .info {
	background-color:var(--fond-info);
	color:var(--texte-info);
}