/*//////////////// SITE //////////////*/
body{
	background-color: #fafafa;
}

.TexteNormal{
	color: #8a8a8a;
}

.titrePage{
	color: #090a1d;
}

.lien-rapide {
	background-color: #fafafa;
}

.le-pied {
	display:none;
}

.titreInfocert {
	color: #252525;
	font-size: 24px;
	font-weight: bold;
	margin: 1rem 0;
}
h2 {
	font-size: 22px;
}
.bloc-menu {
	border: 1px solid #e8e8e8;
	text-align:center;
	background-color: #ffffff;
	height:calc(100svh);
    position: fixed;
	overflow: auto;
}
@media print, screen and (max-width: 64em) {
  .bloc-menu {
    position: inherit;
	height:auto;
  }
}
.ul-menu {
	text-align:left;
	display:inline-block;
	width:80%;
}

.menu > li > a {
	color: #8a8a8a;
	font-size: 20px;
	border-radius: 7px;
	font-weight:bold;
	margin: 0.5rem 0;
}

.menu > li > a:hover {
	background-color: #090a1d;
	color: #ffffff;
	font-size: 20px;
}

.menu > li > a.actif {
	background-color: #090a1d;
	color: #ffffff;
	font-size: 20px;
}

.erreur {
	border: 1px solid red;
	color: red;
}

.erreur::placeholder  {
	color: red;
}

.messageErreur{
	color: red;
	display: none;
}

.separateur-menu {
	border-bottom: 1px solid #e8e8e8;
}

.button-ajout-produit {
	width: auto !important;
}


.sombre {
	background-color: #090a1d;
	color: #ffffff;
}

.sombre .titreInfocert{
	color: #ffffff;
}

.bloc-form {
	border-radius: 7px;
	background-color: #ffffff;
	padding: 20px 0;
	box-shadow:0px 0px 5px #cacaca;
	font-size: 0.875rem;
}

a.lienGras {
	font-weight: bold;
	color: inherit;
}

a.lienGras:hover {
	text-decoration: underline;
}
input, textarea {
	border-radius: 5px !important;
}

.button {
	border-radius: 20px !important;
	background-color: #ffffff;
	color: #000000;
}
.button:focus, .button:hover {
	background-color: #cacaca;
	color: #000000;
}

.button.success {
	background-color: #4e4feb;
	color: #ffffff;
}
.button.success:focus, .button.success:hover {
	background-color: #1213b4;
}
.bouton-menu {
	width: 100%;
}

.bouton-page {
	box-shadow: 0px 0px 5px #cacaca;
	width: 100%;
}

input:checked ~ .switch-paddle {
	background:#4e4feb
}

.switch-paddle {
	border-radius: 20px;
}

.switch-paddle::after {
	border-radius: 20px;
}

.switch-inactive {
	right: 10%;
}

.incrustationBouton {
	position: relative;
}

.incrustationBouton input {
	padding-right: 100px;
}

.incrustationBouton button {
	position: absolute;
	right: 10px;
	top: 35px;
}

.box-etapeGouv {
	position:absolute;
	display:none;
	border: 1px solid rgba(10, 10, 10, 0.25);
	border-radius: 5px;
	padding: 10px;
	background-color: #ffffff;
}

.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
}

.page-selector {
	list-style: none;
	padding: 0;
	display: flex;
	align-items: center;
	margin-bottom: 0px;
}

.page-selector li {
	margin: 0 5px;
}

.page-selector li a {
	text-decoration: none;
	color: #000;
	padding: 5px 10px;
	border: 1px solid #000;
	border-radius: 3px;
}

.page-selector>li{
	border: 1px solid #818BC0;
	width: 15px;
	color: #1213b4;
	border-radius: 10px;
	text-align: center;
}

.page-selector li a:hover {
	background-color: #000;
	color: #fff;
}

.pagination button {
	margin: 0 5px;
}

.liActif {
  color: #ffffff !important;
  background-color: #1213b4 !important;
}

.nobr {
	white-space: nowrap;
}

.input_photo {
	display: none;
}

.input_photo + label{
	cursor: pointer;
	width: fit-content;
}

.input_photo + label > div{
	border: 1px solid #a6a6a6;
}

.input_photo + label:hover > div{
	border: 1px solid #1213b4;
}

.close-button-produit {
	font-size: 14px;
}

.label-checkbox-inscruste {
	cursor: pointer;
	display: inline;
}


.bloc-tableauDeBoard {
	border-radius: 7px;
	background-color: #ffffff;
	padding: 20px;
	box-shadow:0px 0px 5px #cacaca;
	font-size: 0.875rem;
}

.bloc-tuile {
	text-align: center;
}

.une-tuile {
	display: inline-block;
	text-align: left;
	border: 0px solid #b3b3b3;
	vertical-align: top;
	border-radius: 10px;
	background-color: #ffffff;
	padding: 10px;
	box-shadow:0px 0px 5px #cacaca;
	font-size: 0.875rem;
	transition: all 0.5s ease;
	margin:15px;
	color: #000;
}

.une-tuile:hover {
	transform: scale(1.05);
	box-shadow:0px 0px 10px #5e5e5e;
	cursor: pointer;
	color: #000;
}

.une-tuile  a:hover {
	text-decoration: none;
}

.une-tuile img{
	width: 35px;
}

.tooltip {
	z-index: 2000 !important;
}

.tooltip {background:#0a0a0a;color:#FEFEFE;font-size:0.875rem;padding:0.75rem;position:absolute;z-index:2000 !important;top:calc(100% + 0.6495rem);max-width:50rem !important;border-radius:0}
.tooltip::before, .tooltip.top::before, .tooltip.left::before, .tooltip.right::before {content:'';display:block;width:0;height:0;border:inset 0.75rem;position:absolute}
.tooltip::before, .tooltip.left::before, .tooltip.right::before {-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.tooltip.left::before, .tooltip.right::before {bottom:auto;top:50%}
.tooltip::before {border-color:transparent transparent #0a0a0a;border-bottom-style:solid;border-top-width:0;bottom:100%;left:50%}
.tooltip.top::before {border-color:#0a0a0a transparent transparent;border-top-style:solid;border-bottom-width:0;top:100%;bottom:auto}
.tooltip.left::before {border-color:transparent transparent transparent #0a0a0a;border-left-style:solid;border-right-width:0;left:100%}
.tooltip.right::before {border-color:transparent #0a0a0a transparent transparent;border-right-style:solid;border-left-width:0;left:auto;right:100%}

.image-langue{
	width: 30px;
	height: auto;
	transition: transform 0.2s ease;
}
.image-langue:hover {
	animation: wave-flag 0.8s ease-in-out infinite;
	transform-origin: left center;
}

@keyframes wave-flag {
	0% {
		transform: skewY(0deg) translateX(0);
	}
	25% {
		transform: skewY(-5deg) translateX(1px);
	}
	50% {
		transform: skewY(5deg) translateX(-1px);
	}
	75% {
		transform: skewY(-3deg) translateX(1px);
	}
	100% {
		transform: skewY(0deg) translateX(0);
	}
}