#sauver {
display: none;	
}

#afficher {
  width: 0.6vw;
  height: 0.6vw;
  margin-left: 0.2vw;
}

.chercher_top_margin {
margin-top: 3px;	
}

.margin_bottom_10 {
	margin-bottom: 0.5vh;
}

/*.journal_info {font-size:0.6rem;}*/

.center {
	text-align: center;
}

.bold {
	font-weight: bold;
	font-size: 0.9vw;
}

.center_width {
	width: 60%;
	margin-right: auto;
	margin-left: auto;

}

#container_grid{
display: grid;
grid-template-columns: 20% 80% ; 
width: 70%;
margin: 30px auto auto;
}



#recherche {
display: flex;
padding-top:0.2rem;
justify-content: center;

}

#blog {
	display: grid;
	grid-template-columns: [main-start] 4fr [content-start] 2fr [content-end] 8fr [main-end];
	grid-template-rows: [main-start] 1fr [content-start] 16fr [content-end] 1fr [main-end];
	grid-column-gap: 3px;
	grid-row-gap: 3px;
}

#journal_number {
grid-column-start: main-start;
 grid-row-start: main-start;
	display: flex;
	align-items: center;
	justify-content: left;
font-size: 0.8vw;

}

#message_journal {
grid-column-start: content-start;
grid-row-start: main-start;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.5rem;

}

#journal_date{
padding-right: 5px;
text-align: right;
}

#voir_journal{
display: flex;
padding-right: 5px;
align-items: center;
}

.date_and_voir{
grid-column-start: content-end;
grid-row-start: main-start;
display: flex;
align-items: center;
justify-content: right;
font-size: 0.8vw;
}



#journal {
  grid-row-start: content-start;
  grid-column-end: main-end;
  grid-column-start: main-start; 
  font-family: 'Open Sans', sans-serif;
  font-size: 0.8vw;
}

.navigation {
  grid-column-start: main-start;
  grid-row-start: content-end;
  display: flex;
  align-items: center;
  justify-content: left;

}

.operations {
  grid-column-start: content-end;
  grid-row-start: content-end;
  display: flex;
  align-items: center;
  justify-content: right;

}


.display_none {
	display: none;
}

/* Icons ---------------------------------- */

.search_element {
	font-size: 1vw;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 0.5vh;
}

.indent {
text-indent: 1.3vw;	
}

.icone_cal{
	background-image: url(https://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/svgs/fi-calendar.svg);
	background-size: 1.3vw 1.3vw;
	background-repeat: no-repeat;
}


.journal_button{
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	border: 1px solid #f8f8f8;
	cursor:pointer;
	background-color: #1e6e45;
	color:white;
	font-size:1vw;
	padding: 0.2vh 1vw;
	transition: all 0.3s;
	font-weight:500;
	display: flex;
	justify-content: center;
	align-items: center;
}

.journal_button:hover{
	background-color: #f9be56;

}