.header-title {
	align-items: center;
	color:black;
}

.header-dates {
	font-style:italic;
	margin-bottom:1em;
}

.header-mainline {
	font-weight:bold;
	color:#b51700;
}

.header-bigger {
	font-size:140%;
}

select {
	font-size:1.3em;
	padding:5px;
	border:1px solid black;
	border-radius:4px;
	background-color:#eee;
	background-image: linear-gradient(to top, #ddd, #eee 33%);
}

button, input[type=button], input[type=submit], input[type=reset] {
  background-color: #d50037;
  border: none;
  color: white;
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
  border-radius:10px;
}

.error-line {
	color:#CC0033;
}

.error-line input[type=text] {
	background-color:#fce4e4;
	border:1px solid #cc0033;
}

	/* Gestion de la liste drop down */
	/* The container must be positioned relative: */
.custom-select {
  position: relative;
  font-family: Arial;
}

.custom-select select {
  /* display: none; hide original SELECT element: */
}

.select-selected {
  background-color: red;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: red;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

/* La gestion FLEX */
.flex {
	display:flex;
}

.flex-column {
	flex-direction:column;
}

.flex-row {
	flex-direction:row;
}

.flex-grow-0 {
	flex-grow:0;
	flex-shrink:0;
}

.flex-grow-1 {
	flex-grow:1;
	flex-shrink:1;
}
	
	/* Les textes */
	.mini-text {
		font-size:70%;
	}
	
	/* L'overlay */
	#overlay, #overlay2 {
    position: fixed;
    top: 0;
    left: 0;
    right:0;
    bottom:0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    overflow-y: scroll;
	}
	
	.content-books {
		display:flex;
		flex-wrap:wrap;
  	justify-content: center;
		border-radius: 25px;
		background-color:#C2C2C2;
		margin:1em;
		z-index:110;
	}

	.thumb {
		display:flex;
		flex-direction:column;
		background-color:white;
		color:black;
		margin:25px;
		padding:10px;
		width:300px;
	}
	
	.button {
		flex-grow:1;
		flex-shrink:0;
		margin:30px 80px 30px 80px;

	}
	
	.book-picture {
		margin:auto;
		text-align:center;
		margin-top:10px;
		margin-bottom:10px;
		flex-grow:0;
		flex-shrink:0;
	}
	
	.book-picture img {
		border:1px solid black
	}
	
	.book-title {
		font-size:16px;
		font-weight:bold;
		flex-grow:0;
		flex-shrink:0;
	}
	
	.book-author {
		font-size:12px;
		font-style:italic;
		flex-grow:0;
		flex-shrink:0;
	}
	
	.book-detail {
		font-size:12px;
		flex-grow:0;
		flex-shrink:0;
	}

	.book-desc {
		font-size:14px;
		margin-top:10px;
		margin-bottom:10px;
		flex-grow:0;
		flex-shrink:0;
	}
	
	.book-select {
		flex-grow:1;
		flex-shrink:1;
		height:2em;
		position:relative;
	}
	
	.book-select a {
		position:absolute;
		bottom:0;
	}
	
	.hide {
		display:none;
	}