body {
	font-family:serif;
	}

	::selection {
	color: white;
	background: rgba(180,10,32,0.2);}

	.titre {
	font-family:serif;
	font-size:10vw;
	color:#fff;
	}

	.titre:hover {color:rgba(255,255,255,0);}

	a{color:#fff;}

	#retourne:hover { color:black;}

	#copyr a, #tousDroits {color: rgba(180,10,32,0.2);}

	#fond {background-color: rgba(180,10,32,0.2); background-attachment: fixed; padding:0.5vw 4vw; box-sizing: border-box;}


/*	.lettres {
	animation:ombretxt 8s;
	text-shadow: -2vw 1vw 5px rgba(0,0,0,0.1)
	}*/

	.lettre, .lettre1{text-decoration:none;color:white;}
	
	#elem_toile {display:none; color:rgba(100,121,81,0.4); animation: appear 2s;}
	
/*	#carotte{filter:grayscale(50%) drop-shadow( -1vw 1vw 3.5px rgba(0,0,0,0.1)); animation :ombrecarotte 5s;}*/
	
	.sticker{
	/*animation:ombreimg 5s;
	filter : drop-shadow( -1vw 1vw 3.5px rgba(0,0,0,0.1));*/
	}

	.caract{font-size:10vw;}

	@keyframes ombretxt{
  	from {text-shadow: 0px 0px rgba(0,0,0,0.1)}
  	to {text-shadow: -2vw 1vw 5px rgba(0,0,0,0.1)}
	}

	@keyframes ombreimg{
  	from {filter:drop-shadow( 0px 0px rgba(0,0,0,0.1))}
  	to {filter:drop-shadow( -1vw 1vw 3.5px rgba(0,0,0,0.1))}
	}

	@keyframes ombrecarotte{
  	from {filter:grayscale(50%) drop-shadow( 0px 0px rgba(0,0,0,0.1))}
  	to {filter: grayscale(50%) drop-shadow( -1vw 1vw 3.5px rgba(0,0,0,0.1))}
	}


	@keyframes fade{
  	from {background-color: rgba(180,10,32,0.2);}
  	to {background-color: rgba(0,0,0,0);}
	}
	
	.galerie div {width:12vw; padding:0vw;}

	.flottegauche{float:left;}
	.flottedroite{float:right;}
	
	.galerie {
	margin:0px
	margin-top:10vh;
  	display: -ms-flexbox; /* IE10 */
  	display: flex;
  	-ms-flex-wrap: wrap; /* IE10 */
  	flex-wrap: wrap;
  	padding: 0 4px;
	}

	.colonne {
	-ms-flex: 15; /* IE10 */
	flex: 15%;
	max-width: 15%;
	padding: 0 4px;
	}

	.titre{line-height: 100%;}

	@media screen and (max-width: 1100px) {
	.titre{font-size:15vw; }
	.caract{font-size:15vw;}
	}

	@media screen and (max-width: 900px) {
	.colonne {-ms-flex: 32%; flex: 32%; max-width: 32%;}

	}

	@media screen and (max-width: 700px) {
		.colonne {-ms-flex: 45%; flex: 45%; max-width: 45%;}

	.titre{font-size:35vw;}
	.caract{font-size:20vw;}
	.galerie img {width:20vw;}

	}