body{
		background-color: #E5E5E5;
	}
	html, body {
	  height: 100vh;
	  width: 100%;
	  margin:0;
	  padding:0 0.8em;
	}

	/*.pic{
		border:8px solid #FFF;
		margin: 0.2rem;
		display: inline-block;
		text-align: center;
	}*/
	
	.pic{
		border:8px solid #FFF;
	    max-height: 215px;
	}

	.infos{
	    font-family: 'Raleway', sans-serif;
	    font-size: 0.9rem;
	}
	.infos H1{
	    font-size: 2.3rem;
	    margin-bottom: 0.3em;
	}
	.infos H3{
	    font-size: 1rem;
		font-weight:bold;
	}
	.infos LI{
	    font-size: 0.9rem;
	}
	.infos UL{
	    margin: 0;
		padding-left: 1.6em;
	}
	
	.footer A{
	    color: #444;
		font-size: 0.9em;
	}
	
	/*
	.gallery {
	  max-width: 1200px;
	  margin: 1rem auto;
	  /:*display: grid;
	  gap: 0.1rem;
	  grid-template-columns: repeat(2, 1fr);*:/
	  text-align: center;
	}
	.gallery img {
		/:*width:100%;
		padding: 0.5rem;
		background-color: #FFF;
		*:/
		max-height: 230px;
	}
	
	.gallery img:hover {
		background-color: #F6F6F6;
	}
	*/


	/* mobile */
	@media (max-width: 600px) {
		/*.infos{
			text-align:center;
		}*/
		.picfirst{
			/*max-height: 250px !important;*/
			max-height: none !important;
		}
		
	}

	/* desktop */
	@media (min-width: 601px) {
	
		#gallery_container{
			/*display: flex;
			justify-content: center;
			min-height: 100vh; Activer si la galerie est petite et/ou n'a pas de vidéo donc tient sur une page */ 
		}
		/*
		.gallery {
			align-self: center;
			max-width:1200px;
		}
		*/
	}