.message {
	color: red;
	font-size: 1.2em;
}
/* -- * -- * -- * -- * -- * -- * -- * -- *-- *->    Corps de page principal    <- * -- * -- * -- * -- * -- * -- * -- * -- */
#page_principal {
	width: 75%;
	margin: 30px auto 50px auto;
	background-color: rgba(255, 255, 255, 0.9) ;/* #FFF; */
	padding: 20px;
}
#page_principal h1 {
	font-family: 'Lobster', cursive;
	font-size: 3em;
	color: red;
	margin: 0;
}

/* ============================================== \    Toutes résolutions   / =========================================== */

/* ============================================== \    Ecran d'ordinateur 1  / ========================================== */
/*@media screen and (max-width: 1500px) {
	/*.page_principal {
		width: 90%;
		margin: 150px auto 20px auto;
		background-color: rgba(255, 255, 255, 0.5) ;/* #FFF; *
		padding: 20px;
	}*/
/*}
/* ============================================== \    Ecran d'ordinateur 2  / ========================================== */
@media screen and (max-width: 1024px) {
	#page_principal {
		width: 90vw;
		/*margin: 150px auto 20px auto;/* */
		/*background-color: rgba(255, 255, 255, 0.5) ;/* #FFF; */
		/*padding: 20px;*/
	}
	#page_principal h1 {
		/*font-family: 'Lobster', cursive; /* */
		font-size: 3em;
		/*color: red;/* */

	}
}
/* ======================================= \    ecrant smartphone (paysage)    / ======================================== */
@media only handheld (orientation: landscape) and (max-device-width:1024px) {
}
/* ===================================== \    ecrant petite tablette (portrait)   / ===================================== */
@media only handheld and (max-device-width: 740px){
}
/* ======================================= \            petit ecrant           / ======================================== */
@media screen and (max-width: 767px) { /* menu hambourger */
	#page_principal {
		width: 100vw ;
		/*height: 100% ;*/
		margin: 0 ;
		padding: 0 ;
		background-color: rgba(255, 255, 255, 0.9) ;/* #FFF; */
		
	}
	#page_principal h1 {
		text-align: center;
		font-size: 2em;
	}
	.containatepicker {
		width: 100%;
		margin: 0 0 0 0 ;
		padding: 0 0 0 0;
	}
}
/* ====================================== \    ecrant smartphone (paysage)    / ========================================= */
@media only handheld (orientation: landscape) (max-device-width:720px) {
}
/* ======================================= \    ecrant smartphone (portrai)    / ======================================== */
@media only screen and (max-width: 480px) {}