﻿h3, h4, h5 {
	margin-top: 10px;
}

.entete 
	{
	text-align: center;
	width: 100%;
	margin-top: 2rem;
	display: inline-block;
	}
	
form, .encadre, .sauvegarde {
	width: 700px;
	min-width: 700px;
	margin-bottom: 20px;
	margin-left: 10px;
	border-radius: 10px; 
	border: 1px solid #ddd;
	box-shadow: 2px 2px 5px #999 ;
	padding: 0 10px 10px 10px;
}

.sauvegarde-conteneur
	{
	width: 100%;
	display: flex;
	margin-bottom: 20px;
	align-items: center;
	justify-content: center;
	}
.sauvegarde
	{
	width: 1000px;
	border-radius: 10px; 
	border: 1px solid #ddd;
	box-shadow: 2px 2px 5px #999 ;
	padding: 10px;	
	}
	 
.blogue {
	width: 700px;
	background-color: #b0f6fe;
	border: 1px solid black;
	border-radius: 8px;
	box-shadow: 2px 2px 5px #999 ;
	font-family: -apple-system, system-ui, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Fira Sans", Ubuntu, Oxygen, "Oxygen Sans", Cantarell, "Droid Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Lucida Grande", Helvetica, Arial, sans-serif;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	margin: 10px;
  }

.debordement {
	overflow-y: hidden;
	overflow-x: auto;
	width: 100%;
	max-height: max-content;;
	}

table, th, td {
  font-size: 16px;
  font-weight: 600;
  border-top: 0px solid #bbb;
  border-bottom: 0px solid #eee;
  border-right: 0px solid #bbb;
  border-left: 0px solid #bbb;
  border-collapse: collapse;
}

td 
	{
	vertical-align: middle;
	text-align: left;
	/* border: 1px solid black; */
	}	
	
.couverture {
  padding-top: 150px;
  padding-bottom: 40px;
}

.photo-circulaire {
	width: 250px; 
	height: 250px;
	border-radius: 50%; 
	object-fit: cover; 
	border: 2px solid white;
	box-shadow: 8px 8px 15px black;
	position: fixed;
	top: 20%;
	right: 5%;
	z-index: 6000;
	opacity: 100%;
	transition: all 0.5s ease-out;
	}
.photo-cachee {
	width: 250px; 
	height: 250px;
	border-radius: 50%; 
	object-fit: cover; 
	border: 2px solid white;
	box-shadow: 5px 5px 10px black;
	position: fixed;
	top: 20%;
	right: 5%;
	z-index: 6000;
	object-fit: cover; 
	opacity: 0%;
	transition: all 0.5s ease-out;
}


.miniature 
	{
	width: 200px;
	align-items: center;
	}