/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.12,
* Autoprefixer: v10.4.4
* Browsers: last 4 version
*/

body {
	background-color: navy;
	margin: 0;
}

::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-track {
    background: white;
}
::-webkit-scrollbar-thumb {
    
    background: teal;
}


h2 {
	color: white;
	letter-spacing: 0.5em;
	text-align: center;
	margin-bottom: 2px;
}
#galerie {
	width: 650px;
	margin: auto;
	margin-top: 10px;

	border: 2px solid black;
	padding: 1px;
	background-color: white;
	border-radius: 5px;
	position: relative;
	
}
.entete {
	text-align: center;
	background-color: teal;
	color: white;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 2px;
	font-family: arial;
	margin-bottom: 4px;
}
.entete i {
	font-size: 30px;
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
}
.entete i:hover {
	color: yellow;
}
.images {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
padding-left: 1px;
}
#colonne-1, #colonne-2, #colonne-3, #colonne-4,#colonne-5, #colonne-6{
	width: 16.6%;
}
img {
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
	
}

.retour {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
-ms-flex-pack:distribute;
    justify-content:space-around ;
}

.retour a{
	
	color: white;
	text-align: center;
	margin-top: 10px;
	
}


#scroll_to_top {
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 50px;
  right: 10px;
  z-index: 5;
}
#scroll_to_top  {
  width: 50px;
 
}

div .fleche {
	outline: none;
}


@media screen and (max-width: 600px) {
#galerie {
	width: 90%;
}
#colonne-1, #colonne-2, #colonne-3, #colonne-4, #colonne-5, #colonne-6  {
	width: 50%;
}
i[class="fas fa-th"] {
	display: none;
}


#scroll_to_top {
 
  
  bottom: 2px;
  right: 1px;
  
  border-radius: 2px;
}
#scroll_to_top  {
  width: 20px;
  height: 20px;
 
}
}