#main .entry-content .loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 80px;
  height: 80px;
  margin: auto;
  padding-bottom: 50px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#main #error h5 {
	margin-left : 20px;
	margin-right : 20px;
	text-align : center;
	color : #e60a3e;
	background-color : rgba(230, 10, 62, 0.1);
	padding : 20px;
}

#main #error2 h5 {
	margin-left : 20px;
	margin-right : 20px;
	text-align : center;
	color : #e60a3e;
	background-color : rgba(230, 10, 62, 0.1);
	padding : 20px;
}

#main #error3_1 h5 {
	margin-left : 20px;
	margin-right : 20px;
	text-align : center;
	color : #e60a3e;
	background-color : rgba(230, 10, 62, 0.1);
	padding : 20px;
}
#main #error3_2 h5 {
	margin-left : 20px;
	margin-right : 20px;
	text-align : center;
	color : #e60a3e;
	background-color : rgba(230, 10, 62, 0.1);
	padding : 20px;
}

#main .audit h5 {
	margin-left : 20px;
	margin-right : 20px;
}

#main #auditTheme1 input {
    border : none;
}
#main #auditTheme2 input {
    border : none;
}
#main #auditTheme3 input {
    border : none;
}
#main #auditTheme4 input {
    border : none;
}
#main #auditTheme5 input {
    border : none;
}
#main #auditTheme6 input {
    border : none;
}
#main #auditTheme7 input {
    border : none;
}
#main #auditTheme8 input {
    border : none;
}
#main #auditTheme9 input {
    border : none;
}
#main #auditTheme10 input {
    border : none;
}
#main #auditTheme11 input {
    border : none;
}
#main #auditTheme12 input {
    border : none;
}
#main #auditTheme13 input {
    border : none;
}
#main #auditTheme14 input {
    border : none;
}

#main #auditthemesforts div.themefortetfaible {
    width : 50%;
    display : inline-block;
}

@media (max-width: 620px) {
	#main #auditthemesforts div.themefortetfaible {
		width : 100%;
		display : inline-block;	
	}
}

#main #auditthemesforts div.themefortetfaible p {
    font-weight : bold;
	font-size : 16px;
	text-align : center;
}

#main #auditthemesforts div.themefortetfaible h4 {
	text-align : center;
}

#main #auditthemesforts div.themefortetfaible p.themename {
    font-weight : bold;
	font-size : 14px;
}

#main #auditthemesforts div.themefortetfaible p.themenote {
    font-weight : normal;
	font-size : 14px;
}

#main #auditthemesforts div.themefortetfaible p.themenote span {
    font-weight : bold;
	font-size : 14px;
}
#rating1 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

#rating2 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.bubble {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: lightgray; /* Vide */
  position: relative;
  overflow: hidden;
  transition: background-color 0.3s ease, background-image 0.3s ease;
}

.bubble.filled {
  background-color: #19b394; /* Couleur remplie */
}

.bubble.partial {
  background-image: linear-gradient(to right, #19b394 50%, lightgray 50%);
  background-size: 200%; /* Pour gérer l'animation fluide */
  background-position: left;
}

#main #auditpartheme {
	text-align: center;
}

#main #auditpartheme .detailtheme {
	text-align: center;
    width: 30%;
    display: inline-block;	
	margin-left: 3%;
	vertical-align: top;
	box-shadow: 3px 3px 3px grey;
	min-height: 245px;
	margin-bottom: 20px;
}

#main #auditpartheme .detailtheme.fullwidth {
	text-align: center;
    width: 90%;
    display: inline-block;	
}

@media (max-width: 1120px) {
	#main #auditpartheme .detailtheme {
		text-align: center;
		width: 40%;
		display: inline-block;
		margin-left : 5%;
		vertical-align: top;
		box-shadow: 3px 3px 3px grey;
		min-height: 315px;
		margin-bottom: 20px;
	}
}

@media (max-width: 620px) {
	#main #auditpartheme .detailtheme {
		text-align: center;
		width: 90%;
		display: inline-block;
		vertical-align: top;
		box-shadow: 3px 3px 3px grey;
		margin-bottom: 20px;
		min-height: 170px;
	}
}

#main #auditpartheme .detailtheme p.evaluation {
	font-weight : bold;
}

#main #auditpartheme .detailtheme p.force {
	color : #19b394;
	font-weight : 600;
}

#main #auditpartheme .detailtheme p.prog {
	color : #ef7278;
	font-weight : 600;
}
#main #auditalready h5 {
	text-align : center;
}

#main #auditalready #buttonalready {
  background-color: #19b394; /* Couleur principale */
  color: white; /* Couleur du texte */
  border: none;
  padding: 10px 20px;
  border-radius: 5px; /* Coins arrondis */
  font-size: 16px;
  font-weight: bold;
  cursor: pointer; /* Curseur pointeur */
  transition: background-color 0.3s ease, transform 0.2s ease; /* Effets d'animation */
  margin: 0px 25px;
  width : 40%;
}

#main #auditalready #buttonalready:hover {
  background-color: rgb(20, 164, 139); /* Couleur au survol */
  transform: scale(1.05); /* Légère augmentation de taille */
}

#main #auditalready #buttonalready:active {
  background-color: #19b394; /* Couleur au clic */
  transform: scale(0.95); /* Réduction légère pour l’effet de clic */
}

#main #auditalready #buttonreset {
  background-color: #fff; /* Couleur principale */
  color: #19b394; /* Couleur du texte */
  border: none;
  padding: 10px 20px;
  border-radius: 5px; /* Coins arrondis */
  font-size: 16px;
  font-weight: bold;
  cursor: pointer; /* Curseur pointeur */
  transition: background-color 0.3s ease, transform 0.2s ease; /* Effets d'animation */
  margin: 0px 25px;
  width : 40%;
}

#main #auditalready #buttonreset:hover {
  background-color:  rgb(248, 248, 248); /* Couleur au survol */
  transform: scale(1.05); /* Légère augmentation de taille */
}

#main #auditalready #buttonreset:active {
  background-color: #fff; /* Couleur au clic */
  transform: scale(0.95); /* Réduction légère pour l’effet de clic */
}

@media (max-width: 675px) {
	#main #auditalready #buttonreset {
		width : 90%;
	}
	#main #auditalready #buttonalready {
		width : 90%;
	}
}

#main #buttonemail1,
#main #buttonemail2
{
  background-color: #19b394; /* Couleur principale */
  color: white; /* Couleur du texte */
  border: none;
  padding: 10px 20px;
  border-radius: 5px; /* Coins arrondis */
  font-size: 16px;
  font-weight: bold;
  cursor: pointer; /* Curseur pointeur */
  transition: background-color 0.3s ease, transform 0.2s ease; /* Effets d'animation */
  margin: 0px 25px;
  width : 70%;
}

#main .buttonemail {
	text-align : center;
	margin : 40px auto;
}

#main #buttonemail1:hover,
#main #buttonemail2:hover {
  background-color: rgb(20, 164, 139); /* Couleur au survol */
  transform: scale(1.05); /* Légère augmentation de taille */
}

#main #buttonemail1:active,
#main #buttonemail2:active {
  background-color: #19b394; /* Couleur au clic */
  transform: scale(0.95); /* Réduction légère pour l’effet de clic */
}

#main #auditthemesforts {
	margin-bottom : 45px;
}