.mailing_POPUP {
	max-height:90%;
	overflow-y: auto;
}
@media (max-width: 768px) {
	.mailing_POPUP {
		width: 90%;
	}
}									
.common_title {
	font-size:42px;
	font-weight:500;
	padding:1% 0px;
}
.fdbck_box {
	position:absolute;
	right:5px;
	bottom:5px;
	z-index:10;
	padding:4%;
	border-radius:5px;
}
.input_long input[type="text"],
.input_long input[type="password"],
.input_long input[type="number"],
.input_long input[type="email"] {
	width: 100%;
}
.input_30 input[type="text"],
.input_30 input[type="password"],
.input_30 input[type="number"],
.input_30 input[type="email"] {
	width:30%;
}
.input_80 {
	width:80%;
}
.input_60 {
	width:60%;
}
img {
	width:100%; 
	height:auto;
}
.grecaptcha-badge {
	width: 70px !important;
	overflow: hidden !important;
	transition: all 0.3s ease !important;
	left: 4px !important;
	z-index:5000;
}
.grecaptcha-badge:hover {
	width: 256px !important;
}
.common_page_container b {
	font-weight:bold;
}
.ariane_box .fa-plus:hover {
	color:black;
}
.ariane_box #search:focus {
	outline-width: 0;
}
.ariane_box nav {
	padding:0px 2%;
	width:100%;
}	
.ariane_box .breadcrumb {
	padding:0px 0px 0px 1%;
}
@media screen and (max-width: 785px) {
	.ariane_box .breadcrumb {
		font-size:18px;
	}
}
@media screen and (max-width: 560px) {
	.ariane_box .breadcrumb {
		font-size:14px;
	}
}
@media screen and (max-width: 400px) {
	.ariane_box .breadcrumb {
		font-size:12px;
	}
}
.filter_content_page .select2 {
	border: none;
	height:100%;
	width:40%;
	color:black;
	border-radius:0px;
	background-color:rgba(254,248,108,0.3);
	margin:0px;
	padding-left:2%; 
	padding-right:8%; 
}
.filter_content_page .ariane_box #search_inner_div {
	padding:0px 1% 0px 0px;
	width:75%;
	height:100%;
	position:absolute;
	right:0px;
}
.filter_content_page .ariane_box #search_inner_div input {
	width:60%;
	padding-left:15px;
	height:100%;
}		
.filter_content_page .ariane_box .open_filter {
	width:25px;
	height:25px;
	background-color:rgba(254,248,108,0.8);
}								
.filter_content_page #filter_box .select {
	border:solid rgb(254,248,108) 4px;
	padding:0.5%;
	padding-left:2%;
	color:black;
	font-size:14px;
	border-radius:20px;
	background-color:white;
	margin-right:15px;
	margin-bottom:5px;

}
.filter_btn_validate {
	border:solid rgb(254,248,108) 4px;
	padding:0.5% 0.5% 0.5% 2%;
	font-size:14px;
	border-radius:20px;
	background-color:rgba(254, 248, 108, 0.3);
	margin-bottom:5px;
}
.filter_btn_validate div:nth-child(2) {
	margin-left:15px;
	width:15px;
	height:15px;
	border-radius:50%;
	background-color:rgba(254,248,108);
}
.filter_content_page .filterDisplay_box2 {
	flex-wrap:wrap;
	display:flex;
}
.filter_content_page #filter_box  #filterDisplay_box3 .filterDisplay_box_choosen {	
	border: solid rgba(254,248,108,0.8) 4px;
	padding:0px 5px 0px 10px;
	min-width:55px;
	width:150px;
	height:30px;
	margin-right:15px;
	margin-bottom:5px;
}
.filter_content_page #filter_box #filterDisplay_box3 .filterDisplay_box_close {
	background-color:rgba(254,248,108,0.8);
	padding:10px;
	margin:0px;
	border-radius:50%;
}
.contentSlider {
	height:100% !important;
	max-height:100% !important;
}
.img_download svg {
	width:30px;
	height:30px;
	margin-right:5px;
}
.img_download span {
	font-size:20px;
}
@media screen and (max-width:768px) 
{	
	.img_download svg {
		width:25px;
		height:25px;
	}
	.img_download span {
		font-size:12px;
	}
}
.common_page_container .img_download {
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;				
}
.common_page_container .img_download .full_image_SVG {
	z-index:450;
}
.mosaik .grid-img {
	margin-bottom:5px;
}
@media screen and (max-width:768px) 
{  /* 2 columns */
  .mosaik .grid-sizer,
  .mosaik .grid-img {
    width: calc((100% - 5px) / 2);
  }
}
@media screen and (min-width:769px) 
{  /* 3 columns */
  .mosaik .grid-sizer,
  .mosaik .grid-img {
    width: calc((100% - 10px) / 3);
  }
}								
.grid-item .names_list {
	top:10px;
	right:10px;
}
.common_page_container .grid-item .image img {
  transition: transform 0.3s ease-in-out;
}
.common_page_container .grid-item:hover .image img {
  transform: scale(1.1);
}
.filter_content_page .grid {
	width:100%;
	height:100%;
	padding:55px 0px 10% 0px;
	margin:0px auto;
}
.filter_content_page .grid-item { 
	margin-bottom:15px;
	padding:0px;
	transition:filter .15s ease-in-out;
	color:black;
	background-color:white;
	overflow: hidden;
	border-radius:3px;
}
.filter_content_page .is_hover:hover {
	filter: drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.5));
}
@media screen and (max-width:768px) 
{  /* 2 columns */
	.filter_content_page .grid-size,
	.filter_content_page .grid-item {
		width: calc((100% - 15px) / 2);
	}
}						
@media only screen and (min-width:769px) and (max-width: 1024px) {
	/* 3 columns */
	.filter_content_page .grid-size,
	.filter_content_page .grid-item {
		width: calc((100% - 30px) / 3);
	}
}
@media only screen and (min-width: 1025px) {
	/* 5 columns */
	.filter_content_page .grid-size,
	.filter_content_page .grid-item {
		width: calc((100% - 60px) / 5);
	}
}
.filter_content_page .masonry-description {
	border-top: 7px solid rgba(254,248,108,0.3);
}	
.filter_content_page .masonry-quizzInfos {
	color: black;
	background-color:rgba(254,248,108,0.3);
}						
.filter_content_page .grid .item_miniApp .masonry-quizzInfos {
	background-color:rgba(255,255,0,0.3) !important;
}
.filter_content_page .grid .item_miniApp .masonry-description {
	border-top:solid 1px rgba(255,255,0,0.3) !important;
}							
@media only screen and (max-width: 550px) {
	.filter_content_page .masonry-description {
		padding: 4% 12% ;
		font-size: 12px;
	}
	.filter_content_page .masonry-quizzInfos {
		font-size:11px;
		padding: 3% 4%;
	}		
}
@media only screen and (min-width: 550px) and (max-width: 767px)  {
	.filter_content_page .masonry-description {
		padding: 7% 15% ;
		font-size: 12px;
	}
	.filter_content_page .masonry-quizzInfos {
		font-size:11px;
		padding: 3% 6%;
	}		
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {	
	.filter_content_page .masonry-description {
		padding: 7% 17% ;
		font-size: 12px;
	}
	.filter_content_page .masonry-quizzInfos {
		font-size:11px;
		padding: 6%;
	}								
}
@media only screen and (min-width: 1024px) {	
	.filter_content_page .masonry-description {
		padding: 5% 10%;
		font-size: 12px;
	}
	.filter_content_page .masonry-quizzInfos {
		font-size:12px;
		padding: 8%;
	}								
}										
.filter_content_page .masonry-description {
	margin: 0;
}
.filter_content_page .masonry-description h2 {
	font-size:16px;
	font-family:Tahoma;
	font-weight:600;
}
.filter_content_page .masonry-description p {
	font-size:12px;
	color:black;
	font-family:Tahoma;
	font-weight:normal;
}
.filter_content_page .contentInner p {
	margin: 0px;
	padding: 0px;
}
.filter_content_page .lecturePub {
	border: double red 15px;
	width: 100%;
	background-color:white;
}			
.filter_content_page a {
	color: unset;
	text-decoration:none;
}
.filter_content_page .difficulty_circle .one .far:nth-child(-n+1),
.filter_content_page .difficulty_circle .two .far:nth-child(-n+2),
.filter_content_page .difficulty_circle .three .far:nth-child(-n+3),
.filter_content_page .difficulty_circle .four .far:nth-child(-n+4) {
	color:black;
	background-color: rgba(255,0,0,0.6);
	border-radius: 25px;
}						
.filter_content_page .lock_sequence {
	margin:30px 0px 5px 0px;
	text-align:center;
}
.filter_content_page .lock_sequence i {
	margin-top:15px;
}
.filter_content_page .lock {
	margin:30px 0px 5px 0px;
}
.filter_content_page .lock .link {
	margin-top:5px;
}			
.common_page_container .image_post {
	width:100%;
}						
.common_page_container .pagination {
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
}
.common_page_container .pagination_box {
	padding:0px;
	margin:0px;
	position:absolute;
	bottom:0px;
	right:0px;
	width:100%;
	background-color:white;
	z-index:8;
}
.common_page_container .pagination_box a {
	color:black;
}	
.common_page_container .pagination_box .page-item:first-of-type .page-link,
.common_page_container .pagination_box .page-item:last-of-type .page-link {
	width:45px;
	height:45px;
	margin:0px 35px;
	color:black;
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
}
.common_page_container .pagination_box .page-link {
	width:45px;
	height:45px;
	margin:0px 2px;
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
}
.common_page_container .pagination_box .active .page-link {
	background-color:rgba(254,248,108,0.8);
}
.common_page_container .pagination_box .page-item:first-of-type .page-link, 
.common_page_container .pagination_box .page-item:last-of-type .page-link,
.page-link {
	border-radius: 0px;
	border: solid rgba(254,248,108,0.8) 6px;
	background-color:rgba(254,248,108,0.3);
	font-size:25px;
}
@media only screen and (max-width: 550px) 
{
	.common_page_container .pagination_box .page-item:first-of-type .page-link,
	.common_page_container .pagination_box .page-item:last-of-type .page-link {
		border-radius:30px;
		width:25px;
		height:25px;
	}
	.common_page_container .pagination_box .page-link {
		border-radius:30px;
		width:25px;
		height:25px;
		font-size:14px;
	}
}
.common_page_container li.page-item  {
	display: none;
}
.common_page_container .pagination_box .page-item:first-child,
.common_page_container .pagination_box .page-item:nth-child( 2 ),
.common_page_container .pagination_box .page-item:nth-last-child( 2 ),
.common_page_container .pagination_box .page-item:last-child,
.common_page_container .pagination_box .page-item.active,
.common_page_container .pagination_box .page-item.disabled  {
	display: block;
}
.common_page_container .image {
	overflow:hidden;
}
.common_page_container .image img {
	transition: all 0.3s ease-in-out;
}
.cart_box svg {
	transition: transform 0.3s ease, stroke 0.3s ease, fill 0.3s ease;
}
.cart_box:hover svg {
	transform: scale(1.2) rotate(-5deg);
	stroke: var(--carmin-red);
	fill: var(--mimosa-yellow);
}
				
														/* * { */
															/* outline: 1px dashed red; */
														/* } */

.icon-stroked {
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.m-menu-dropdown::before {
	content: '';
	position: absolute;
	top: -4px;
	right: 10px;
	width: 60px;
	height: 4px;
	background-color: var(--mimosa-yellow);
	border-radius: 4px;
	z-index: 999;
}
@media (max-width: 768px) {
	.m-menu-dropdown::before {
		right: 10px;
		width: 43px;
		height: 3px;
	}
}
.m-menu-dropdown.show {
  display: flex;
  opacity: 1;
  transform: translateY(0) scale(1);
  visibility: visible;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s 0s;
}
.menu-link .menu-link-icon {
  width: 20px;
  height: 20px;
  stroke: var(--primary-blue);
  transition: var(--transition);
}
.menu-link.has-submenu { justify-content: flex-start; }
.submenu-arrow { width: 18px; height: 18px; transition: transform 0.3s ease; margin-left: auto; }
.menu-link.open .submenu-arrow { transform: rotate(180deg); }
.submenu-container {
	max-height: 0;
	transition: max-height 0.4s ease-out, padding 0.4s ease-out;
	background-color: rgba(0, 83, 156, 0.03);
	padding: 0;
	border-radius: 0 0 8px 8px;
	margin: 0 8px;
	overflow:hidden;
}
.submenu-container.open { 
	max-height: 200px;
	padding: 8px 0;
	border-top: 1px solid rgba(0, 83, 156, 0.08); 
}
.submenu-container .menu-link {
	font-size: 0.95em;
	padding: 12px 24px 12px 48px;
	background-color: transparent !important;
}
.submenu-container .menu-link:hover {
	background: linear-gradient(to right, rgba(244, 208, 63, 0.2), transparent) !important;
}
.submenu-container .menu-link::after {
	display: none;
}
.menu-link:hover {
  background: linear-gradient(to right, rgba(244, 208, 63, 0.15), transparent);
  color: var(--primary-blue);
}
.menu-link:hover .menu-link-icon {
  transform: scale(1.1);
  animation: iconWiggle 0.5s ease;
}
@keyframes iconWiggle {
  0%, 100% { transform: rotate(0) scale(1.1); }
  25% { transform: rotate(-12deg) scale(1.1); }
  75% { transform: rotate(12deg) scale(1.1); }
}
.menu-link::after {
  content: '';
  position: absolute;
  left: 0;
  width: 3px;
  height: 0;
  background: var(--mimosa-yellow);
  transition: height 0.2s ease;
}
.menu-link:hover::after {
  height: 100%;
}
.cta-button:hover {
		overflow: visible !important;
}
.header-content .auth_box select {
	outline:none;
}
.bubbles {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
}
.bubble {
	position: absolute;
	bottom: -150px;
	border-radius: 50%;
	/* background-color: rgba(255, 255, 255, 0.1); */
	/* background-color: rgba(254, 248, 108,0.7); */
	animation: rise 25s infinite;
}
@keyframes rise {
  0% {
	transform: translateY(0) scale(1);
	opacity: 1;
  }
  90% {
	opacity: 1;
  }
  100% {
	transform: translateY(-100vh) scale(0.5);
	opacity: 0;
  }
}
.bubble:nth-child(1) { background-color:rgba(254, 248, 108,0.7); width: 80px; height: 80px; left: 10%; animation-duration: 15s; animation-delay: 0s; }
.bubble:nth-child(2) { background-color:rgba(254, 248, 108,0.1); width: 20px; height: 20px; left: 20%; animation-duration: 12s; animation-delay: 2s; }
.bubble:nth-child(3) { background-color:rgba(254, 248, 108,0.9); width: 50px; height: 50px; left: 35%; animation-duration: 20s; animation-delay: 4s; }
.bubble:nth-child(4) { background-color:rgba(254, 248, 108,0.8); width: 100px; height: 100px; left: 50%; animation-duration: 18s; animation-delay: 1s; }
.bubble:nth-child(5) { background-color:rgba(254, 248, 108,0.1); width: 35px; height: 35px; left: 65%; animation-duration: 13s; animation-delay: 3s; }
.bubble:nth-child(6) { background-color:rgba(254, 248, 108,0.5); width: 45px; height: 45px; left: 80%; animation-duration: 22s; animation-delay: 5s; }
.bubble:nth-child(7) { background-color:rgba(254, 248, 108,0.2); width: 90px; height: 90px; left: 90%; animation-duration: 17s; animation-delay: 1.5s; }
.bubble:nth-child(8) { background-color:rgba(254, 248, 108,0.3); width: 25px; height: 25px; left: 5%; animation-duration: 14s; animation-delay: 6s; }
.bubble:nth-child(9) { background-color:rgba(254, 248, 108,0.9); width: 60px; height: 60px; left: 55%; animation-duration: 19s; animation-delay: 2.5s; }
.bubble:nth-child(10) { background-color:rgba(254, 248, 108,0.7); width: 70px; height: 70px; left: 25%; animation-duration: 16s; animation-delay: 7s; }
.userAvatar {
	z-index: 10; 
	width:50px;  
	height:50px;  
	float:left;  
	border-radius:50%;  
	margin-right:5px;		
	border: solid blue 3px;
}
.addCommentForm textarea {
	width:450px;
	height:95px;
}
.btn_save {
	width:40px;
	height:40px;
	border:solid black 2px;
	border-radius:6px;
	background-color:white;
}
.item_programmed {
	width:10%;
}
.post .competence_box {
	margin-left:5%;
}
.seanceContentBox .reload_button {
	padding:1%;
	background-color:rgba(255,0,0,0.3);
	border-radius:3px;
	margin-left:10px;
}
.common_verify .starter > :not(:first-child):not(.starter > :nth-child(2)) {
	display:none;
}
.teacher_about img {
	width:200px;
	height:200px;
	border-radius:50%;
}
@media screen and (max-width: 768px) {
	.teacher_about img {
		width:120px;
		height:120px;
	}
}
.cart_redirection,.commun_miniApps_box {
	border:solid 15px rgba(254,245,108);
	border-radius:15px;
}
 /* PAGE INDEX START */
.index_page .home-grid {
	column-count: 1;
	column-gap: 20px;
	max-width: 1200px;
	margin: 0px auto;
	padding: 20px;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}
.index_page .card, 
.index_page .card-wide {
  background-color: var(--white);
  padding: 30px;
  break-inside: avoid;
  margin-bottom: 20px;
}
.index_page .card {
  background-color: var(--white);
  padding: 30px;
  border-radius: 16px;
  box-shadow: 0 4px 15px rgba(0, 83, 156, 0.05);
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  border: 1px solid #eef2f7;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.index_page .card:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 10px 30px rgba(0, 83, 156, 0.12);
}
.index_page .card.card-community:hover {
  box-shadow: 0 10px 30px rgba(0, 83, 156, 0.12), 0 0 0 3px var(--mimosa-yellow);
}
.index_page .card:hover .card-icon {
  transform: translateY(-4px) rotate(-10deg) scale(1.1);
  background-color: var(--mimosa-yellow);
  color: var(--primary-blue);
  box-shadow: 0 6px 15px rgba(0,0,0,0.15);
}
.index_page .card:hover .book-icon svg {
  animation: book-open 0.6s ease-out forwards;
}
@keyframes book-open {
  0% { transform: rotateY(0deg) scaleX(1); }
  50% { transform: rotateY(-20deg) scaleX(1.1); }
  100% { transform: rotateY(0deg) scaleX(1); }
}
.index_page .card:hover .star-icon svg {
  animation: star-spin-pop 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
@keyframes star-spin-pop {
  0% { transform: rotate(0) scale(1); }
  50% { transform: rotate(180deg) scale(1.2); }
  100% { transform: rotate(360deg) scale(1); }
}
.index_page .card:hover .apps-icon .app-rect {
  animation: app-wiggle-and-pop 1s ease-out forwards;
}
.index_page .apps-icon .app-rect {
  transform-origin: center;
  transform-box: fill-box;
}
.index_page .apps-icon .app-rect:nth-child(2) { animation-delay: 0.1s; }
.index_page .apps-icon .app-rect:nth-child(3) { animation-delay: 0.2s; }
.index_page .apps-icon .app-rect:nth-child(4) { animation-delay: 0.3s; }
@keyframes app-bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}

@keyframes app-wiggle-and-pop {
  0% {
    transform: rotate(0deg) scale(1);
  }
  20% {
    transform: rotate(-20deg) scale(1.3);
  }
  40% {
    transform: rotate(15deg) scale(0.8);
  }
  60% {
    transform: rotate(-10deg) scale(1.2);
  }
  80% {
    transform: rotate(5deg) scale(0.9);
  }
  100% {
    transform: rotate(0deg) scale(1);
  }
}
.index_page .card:hover .award-icon svg {
  animation: award-shine 1s ease-in-out forwards;
}
@keyframes award-shine {
  0% {
    transform: scale(1) rotate(0deg);
    filter: brightness(1);
  }
  20% {
    transform: scale(1.15) rotate(-5deg);
    filter: brightness(1.5);
  }
  40% {
    transform: scale(1) rotate(5deg);
    filter: brightness(1);
  }
  60% {
    transform: scale(1.15) rotate(-5deg);
    filter: brightness(1.5);
  }
  100% {
    transform: scale(1) rotate(0deg);
    filter: brightness(1);
  }
}
.index_page .card:hover .award-icon {
  background-color: rgba(0, 83, 156, 0.08); /* Keep original bg color from .card-icon */
}
.index_page .card:hover .rocket-icon svg {
  animation: rocket-launch 0.7s ease-in-out infinite alternate;
}
@keyframes rocket-launch {
  from { transform: translate(0, 0) rotate(0); }
  to { transform: translate(0px, -5px) rotate(3deg); }
}
.index_page .card:hover .user-check-icon svg {
  animation: user-check-gentle-float 0.8s ease-in-out infinite alternate;
}
@keyframes user-check-gentle-float {
  from { transform: translateY(0); }
  to { transform: translateY(-3px); }
}
.index_page .card:hover .user-heart-icon {
  background-color: var(--white);
  color: var(--carmin-red);
}
.index_page .card:hover .user-heart-icon svg {
  animation: user-heart-pulse 1s ease-in-out infinite;
}
@keyframes user-heart-pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.15); }
  100% { transform: scale(1); }
}
.index_page .card:hover .users-icon svg {
  animation: users-shake 0.5s cubic-bezier(.36,.07,.19,.97) both;
}
@keyframes users-shake {
  10%, 90% { transform: translate3d(-1px, 0, 0) rotate(-3deg); }
  20%, 80% { transform: translate3d(2px, 0, 0) rotate(3deg); }
  30%, 50%, 70% { transform: translate3d(-2px, 0, 0) rotate(-3deg); }
  40%, 60% { transform: translate3d(2px, 0, 0) rotate(3deg); }
}
.index_page .card:hover .megaphone-icon {
  background-color: var(--white);
  color: var(--carmin-red);
}
.index_page .card:hover .megaphone-icon svg {
  animation: megaphone-shout 0.8s ease-in-out forwards;
}
@keyframes megaphone-shout {
  0% { transform: scale(1) translateX(0); }
  10% { transform: scale(1.05) translateX(-2px); }
  20% { transform: scale(1) translateX(2px); }
  30% { transform: scale(1.05) translateX(-2px); }
  40% { transform: scale(1) translateX(0); }
  100% { transform: scale(1) translateX(0); }
}
.index_page .card-gratuit {
  position: relative;
  overflow: hidden;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
.index_page .card-gratuit .card-content {
  flex: 1;
  position: relative;
  z-index: 2;
}
.index_page .card-gratuit:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 10px 30px rgba(164, 52, 58, 0.2);
}
.index_page .card-gratuit .heart-icon {
  position: relative;
  z-index: 1;
  opacity: 0.8;
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.4s ease;
  flex-shrink: 0;
}
.index_page .card-gratuit:hover .heart-icon {
  opacity: 1;
  animation: heart-peek-and-beat 1.2s ease-in-out forwards;
}
@keyframes heart-peek-and-beat {
  0% { transform: scale(1) rotate(-10deg); }
  30% { transform: scale(1.2) rotate(10deg); }
  50% { transform: scale(1.1) rotate(-5deg); }
  70% { transform: scale(1.15) rotate(5deg); }
  100% { transform: scale(1.1) rotate(0deg); }
}
.index_page .card .heart-icon {
  background: transparent;
  box-shadow: none;
  width: auto;
  height: auto;
  color: var(--carmin-red);
}
.index_page .card .heart-icon svg {
  width: 56px;
  height: 56px;
}
.index_page .card:hover .heart-icon {
  background: transparent;
  box-shadow: none;
  transform: none; /* Disable the general icon tilt/move */
  color: var(--carmin-red); /* Keep color consistent on hover */
}
.index_page .card:hover .shield-icon svg {
  animation: shield-pulse 1.2s ease-in-out infinite alternate;
}
@keyframes shield-pulse {
  from { transform: scale(1); }
  to { transform: scale(1.05); }
}
.index_page .card:hover .highlight-link,
.index_page .card:hover .tag-link,
.index_page .card:hover .link-highlight {
  transform: translateY(-2px) scale(1.05);
}
.index_page .card.card-hero {
  background-color: var(--mimosa-yellow);
  color: var(--text-dark);
  text-align: center;
  padding: 60px 30px;
  background-image:
    radial-gradient(circle at 10% 10%, rgba(255,255,255,0.3) 0%, transparent 30%),
    radial-gradient(circle at 90% 80%, rgba(255,255,255,0.3) 0%, transparent 30%);
  /* display: none; */
  grid-column: 1 / -1;
}
@media (min-width: 992px) {
  .index_page .card.card-hero {
    grid-column: span 2;
  }
}
.index_page .card-icon {
  width: 48px;
  height: 48px;
  margin-bottom: 20px;
  background-color: rgba(0, 83, 156, 0.08);
  color: var(--primary-blue);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  transition: var(--transition-med);
}
.index_page .card-icon svg {
  width: 28px;
  height: 28px;
}
.index_page .card-dark-blue .card-icon,.index_page .card-carmin .card-icon {
    background-color: rgba(255,255,255,0.15);
    color: var(--white);
}
.index_page .card-dark-blue {
  background-color: var(--royal-blue);
  color: var(--white);
}
.index_page .card-light-blue {
  background-color: #eaf2fa;
  color: var(--royal-blue);
}
.index_page .card-carmin {
  background-color: var(--carmin-red);
  color: var(--white);
}
.index_page .card-wide {
  background-color: var(--white);
  text-align: center;
}
.index_page .card h1 {
  font-size: clamp(2rem, 5vw, 3.2rem);
  color: var(--text-dark);
  margin: 0 0 1rem;
}
.index_page .card h2 {
  font-size: clamp(1.5rem, 4vw, 1.8rem);
  margin: 0 0 0.75rem;
  line-height: 1.3;
}
.index_page .card.card-wide h2 {
    text-align: center;
}
.index_page .card-dark-blue h2,.index_page  .card-carmin h2 {
    color: var(--white);
}
.index_page .card-light-blue h2 {
    color: var(--royal-blue);
}
.index_page .card h3 {
    font-size: clamp(1.2rem, 3vw, 1.4rem);
    color: var(--royal-blue);
    margin: 0 0 0.75rem;
}
.card-carmin h3 {
  color: var(--white);
}
.index_page .card p {
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
  flex-grow: 1; /* Allow p to grow to fill space */
}
.index_page .card-wide p {
    font-size: 1.1rem;
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}
.index_page .card p + p {
  margin-top: 1rem;
}
.index_page .emoji {
  font-size: 1.5rem;
  vertical-align: middle;
}
.index_page .highlight-link,.index_page  .tag-link,.index_page  .link-highlight {
  display: inline-block; /* Necessary for transform to work reliably */
  text-decoration: none;
  font-weight: 600;
  transition: var(--transition-fast);
  padding: 0.2em 0.5em;
  border-radius: 6px;
  margin: 0.1em 0.2em;
}
.index_page .highlight-link {
  background-color: rgba(244, 208, 63, 0.4); /* mimosa transparent */
  color: var(--royal-blue);
}
.index_page .highlight-link:hover {
  background-color: var(--mimosa-yellow);
  color: var(--text-dark);
}
.index_page .tag-link {
  background-color: var(--royal-blue); /* royal-blue transparent */
  color: var(--white);
}
.index_page .tag-link:hover {
  background-color: var(--white);
  color: var(--royal-blue);
}
.index_page .link-highlight {
  background-color: var(--mimosa-yellow);
  color: var(--text-dark);
  padding: 0.2em 0.5em;
  border-radius: 6px;
  text-decoration: none;
  transition: var(--transition-med);
}
.index_page .link-highlight:hover {
  background-color: var(--white);
  color: var(--royal-blue);
}
.index_page .features {
  text-align: center;
  position: relative;
  padding: 40px 0;
}
.index_page .features::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 4px;
  background: linear-gradient(90deg, var(--primary-blue), var(--mimosa));
  border-radius: 2px;
}
@keyframes slideUp {
  from {
    transform: translateY(30px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.index_page .features h2 {
  font-size: 2.5rem;
  color: var(--text-dark);
  margin-bottom: 40px;
}
.index_page .features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
}
.index_page .feature-card {
  background: #fff;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0, 83, 156, 0.08);
  text-align: left;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.index_page .feature-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 25px rgba(0, 83, 156, 0.12);
}
.index_page .feature-card svg {
  width: 48px;
  height: 48px;
  margin-bottom: 20px;
  color: var(--primary-blue);
}
.index_page .feature-card h3 {
  font-size: 1.4rem;
  margin-bottom: 10px;
  color: var(--primary-blue);
}
.index_page .feature-card p {
  font-size: 1rem;
  line-height: 1.6;
  color: var(--text-light);
}
.index_page .card .social-links {
  display: flex;
  gap: 15px;
  justify-content: center;
  margin-top: 20px;
}
.index_page .card .social-links a {
  transition: all 0.3s ease;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
}
.index_page .card .social-links a.social-link--highlight {
  background-color: var(--mimosa-yellow);
  color: var(--primary-blue);
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  border: 2px solid transparent;
}
.index_page .card.card-light-blue .social-links a.social-link--highlight {
  border-color: var(--white);
}
.index_page .card .social-links a:hover {
  transform: translateY(-3px) scale(1.1);
}
.index_page .card .social-links a.social-link--highlight:hover {
  background-color: var(--white);
  color: var(--carmin-red);
}
.index_page .card .social-links svg {
  width: 24px;
  height: 24px;
}
.index_page .icon-stroked {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.index_page .card:hover .settings-icon svg {
  animation: settings-spin 2s linear infinite;
}
@keyframes settings-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@media (min-width: 768px) {
  .index_page .home-grid {
    column-count: 2;
  }
  .index_page .card,.index_page  .card-wide {
    margin-bottom: 20px;
  }
  main {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 15px;
  }
}
@media (min-width: 992px) {
  .index_page .home-grid {
    column-count: 3;
  }
}
@media (max-width: 767px) {
  .index_page .home-grid {
    gap: 15px;
  }
  .index_page .card {
    padding: 20px;
  }
  .index_page .card h1 {
    font-size: clamp(1.8rem, 7vw, 2.5rem);
  }
   .index_page .card h2 {
    font-size: clamp(1.3rem, 5vw, 1.6rem);
  }
}
@media (min-width: 769px) {
  .index_page .card.card-hero {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.index_page .card.card-partners {
  text-align: center;
display:none;
}
.index_page .card.card-partners .heart-icon {
  margin: 0 auto 20px auto;
  color: var(--primary-blue);
  background-color: rgba(0, 83, 156, 0.08);
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  transition: var(--transition-med);
}
.index_page .card.card-partners:hover .heart-icon {
  background-color: var(--mimosa-yellow);
}
.index_page .card.card-partners:hover .heart-icon svg {
  animation: user-heart-pulse 1s ease-in-out infinite;
}
.index_page .card.card-partners .heart-icon svg {
  width: 28px;
  height: 28px;
}
.index_page .card.card-partners h2 {
  color: var(--primary-blue);
}
.index_page .card.card-partners .partner-logos {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 20px;
  flex-wrap: wrap;
  background:red;
}
.index_page .card.card-partners .partner-logos svg{
	color:blue;
}
.index_page .card.card-partners .partner-logo {
  transition: transform 0.3s ease;
}
.index_page .card.card-partners .partner-logo:hover {
  transform: translateY(-5px);
}
.index_page .card.card-partners .partner-logo img {
  height: 40px; 
  filter: saturate(0.8);
  opacity: 0.9;
  transition: all 0.3s ease;
}
.index_page .card.card-partners .partner-logo:hover img {
  filter: saturate(1) drop-shadow(0 4px 8px rgba(0, 83, 156, 0.2));
  opacity: 1;
}
/* PAGE INDEX END */
/* PAGE SRANCE START */
.seancePage .comment_box {
	padding:1%;
}	
	.post .book_img {
		max-width:190px;
		transform-origin:center center;
		transform:rotate(-3deg);
		transition:transform 0.6s ease;
		margin-right:35px;
	}
	.post .book_img:hover {
		transform: rotate(0deg);
	}
	.post .slider_content {
		transition: transform 0.3s ease-in-out;
	}
	.post .slider_controls {
		top:0px;
		bottom:0px;
	}
	.post .next_button {
		right:0px;
	}
	.post .prev_button {
		left:0px;
	}
.post .grid-item {
	width:155px !important;
	margin:0px 3px 0px 3px !important;
}
.post .grid-item:nth-child(odd) {
    transform: rotate(-2deg);
}
.post .grid-item:nth-child(even) {
    transform: rotate(2deg);
}

.common_page_container .post .featuredImage .title {
	width:90%;
	margin:0px auto;
}
.common_page_container .post .content_image {
	overflow:hidden;
	width:100%;
}	
.common_page_container .post .featuredImage img {
	height:350px;
	object-fit:cover;
}
.common_page_container .post .featuredImage img:hover,.common_page_container .post .featuredImage svg:hover {
	transform: scale(1.1); 
}
#quizzBox_content {
	width:100%;
}
.seancePage .seanceContentBox {
	margin-top:0px;
	padding:0px;
	word-break: break-word;
	overflow-wrap: break-word;
}
.seancePage .quizz_instructions {
	padding:2%;
}
.seancePage .seanceContentBox .content {
	padding:0px;
	margin:0px;
}		
.seancePage .seanceContentBox .contentEmbedded {
	width:100%;
	/* height:100%; */
	text-align:center;
	/* margin:2% 0px; */
	padding:0px;
	/* border:solid red; */
}
.seancePage .seanceContentBox .contentEmbedded iframe {
	margin:0px;
	/* max-width: 100% !important; */
}
@media screen and (max-width:600px) {  
	.seancePage .seanceContentBox .contentEmbedded iframe {
		width:100%;
	}
}
.seancePage .seanceContentBox .contentLink {
	position: relative;
	height:420px;
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	padding:0px;
	margin:5px 0px;
}
.seancePage .seanceContentBox .contentText {
	margin:15px 0px;
	padding:0px 5%;
}
.seancePage .seanceContentBox .contentAudio {
	width:90%;
	min-height:50px;
	padding:0px;
	margin:15px 5% 15px 5%;
	overflow:hidden;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
}
.seancePage .seanceContentBox .contentSlider {
	width:90%;
	margin:0px auto;
	position:relative;
	height:600px;
	max-height:600px;
	overflow:hidden;
	border-radius:2px;
}
@media screen and (max-width:1024px)  {
	.seancePage .seanceContentBox .contentSlider {
		max-height:450px;
	}
}
@media screen and (max-width:768px)  {
	.seancePage .seanceContentBox .contentSlider {
		max-height:360px;
	}
}
@media screen and (max-width:500px)  {
	.seancePage .seanceContentBox .contentSlider {
		max-height:230px;
	}
}
@media screen and (max-width:300px)  {
	.seancePage .seanceContentBox .contentSlider {
		max-height:150px;
	}
}
.contentSlider .carousel-item img {
	object-fit:cover;
	width:100%;
	height:100%;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
}
.seancePage .contentSlider .carousel-indicators {
	position:absolute;
	z-index:200;
	left:0px;
	bottom:0px;
	width:100%;
	padding:4% 0px;
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
}	
.seancePage .contentSlider .carousel-indicators li {
	background-color:rgba(255,255,255,0.5);
	width:20px;
	height:20px;
	border-radius:10px;
	margin:0px 2px;
}	
.seancePage .contentSlider .carousel-indicators .active {
	background-color:rgba(255,0,0,0.1);
}	
.seancePage .contentSlider .indicator {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	padding:3%;
}
.seancePage .contentSlider .indicator_arrows {
	background-color:rgba(255,255,255,0.3);
	font-size:32px;
	width:45px;
	height:45px;
	border-radius:45px;
	display:flex;
	padding:2%;
	flex-direction:row;
	justify-content:center;
	align-items:center;
}
.seancePage .contentSlider .indicator .feather {
	color:white;
	width:35px;
	height:35px;
}	
@media screen and (max-width:768px) {
	.seancePage .contentSlider .indicator_arrows {
		width:35px;
		height:35px;
	}
	.seancePage .contentSlider .carousel-indicators li {
		width:15px;
		height:15px;
	}	
}
@media screen and (max-width:500px)  {
	.seancePage .contentSlider .indicator_arrows {
		width:20px;
		height:20px;
	}
	.seancePage .contentSlider .carousel-indicators li {
		width:10px;
		height:10px;
	}	
}
.seancePage .seanceContentBox .contentPhoto {
	width:100%;
	position:relative;
}
.seancePage .seanceContentBox .contentPhoto .image_legende {
	width:100%;
	position:absolute;
	bottom:5%;
	left:5%;
	width:90%;
	background-color:white;
	padding:1%;
	border-radius:1px;
}
.seancePage .seanceContentBox .contentPhoto img {
	width:100%;
}
.seancePage .quizz_container_hide h1,.seancePage .quizz_container_hide #quizz_instruction,.seancePage .quizz_container_hide #quizz_feedbackChoice {
	z-index:1000;
}	
.seancePage .seanceContentBox .starter {
	margin:0px;
	padding:0px;
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	z-index:10;
}
.seancePage .seanceContentBox .text {
	position:absolute;
	left:5%;
	bottom:5%;
	right:5%;
	min-height:30px;
	display:none;
	color:red;
	padding:1%;
	background-color:white;
	border-radius:1px;
	z-index:1000;
}
.seancePage .seanceContentBox .starter .far {
	color:white;
	width:135px;
	height:135px;
}
@media screen and (max-width:1024px) {
	.seancePage .seanceContentBox .starter .far {
		width:100px;
		height:100px;
	}	
}
@media screen and (max-width:768px) {
	.seancePage .seanceContentBox .starter .far {
		width:100px;
		height:100px;
	}	
}
@media screen and (max-width:600px) {
	.seancePage .seanceContentBox .starter .far {
		width:60px;
		height:60px;
	}	
}
@media screen and (max-width:400px) {
	.seancePage .seanceContentBox .starter .far {
		width:40px;
		height:40px;
	}	
}
.seancePage .quizz_container {
	display:none;
}														
.seancePage #SELECT #content #quizz,.seancePage #quizz_inputText #content #quizz,.seancePage #quizz_feedback_content #feedback {
	padding:2%;
}	
.seancePage .quizz_hide p,.seancePage #quizz_feedback_content #feedback p {
	margin:0px;
	padding:0px;
	line-height:1.5;
}
.seancePage #quizz_box {
	margin: 0px;
}			
.seancePage #quizz_box .quizz_hide {
	display: none;
}
.seancePage input[type='radio'] {
	width: 20px;
	height: 20px;
}
.seancePage .TEXTAREA_content {
	padding:1% 0px 2% 0px;
	color:black;
	text-align:justify;
	font-size:18px;
	font-family:Arial,Geneva,Tahoma,Arial;
}
.seancePage .TEXTAREA_content p {
	line-height:normal;
	margin:0px;
}
.seancePage .iframe_classe {
	border:solid orange 5px;
	width:100%;
}								
.seancePage #quizz_box #quizz_feedbackChoice {
	background-color:navy;
	flex-wrap:wrap;
	padding:4% 2%;
	margin:0px;
}
.seancePage #quizz_box #quizz_feedbackChoice select {
	border: none;
	border-radius:5px;
	margin-left: 10px;
	padding:6px 10px;
}														
.seancePage #quizz_box  #quizz_results_shared {
	display:none;
	border:solid black 1px;
	min-height:250px;					
	padding-top:1%;
}
.seancePage #quizz_box  #quizz_results_shared div {
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: center;
}
.seancePage #quizz_box  #quizz_results_shared div p {
	margin: 0px;
	font-size: 22px;
}
.seancePage .progressbar_box {
	background-color:white;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
}
.seancePage .progressbar_box .progress_bar {
	width: 0px;
	height:5px;
	background-color:red;
}
.seancePage #QCM #answers .answer_box,.seancePage #feedback #answers .answer_box {
	display: flex;
	flex-direction:row;
	overflow:hidden;
	margin-bottom:5px;
	border-radius:5px;
}
.seancePage #QCM  #content #answers .answer_box:nth-child(odd),.seancePage #feedback #content #answers .answer_box:nth-child(odd) {
	background-color: rgba(85,51,237,0.1);
}
.seancePage #QCM  #content #answers .answer_box:nth-child(even),.seancePage #feedback #content #answers .answer_box:nth-child(even) {
	background-color: rgba(255,255,255);
}																	
.seancePage #QCM  #content #answers .answer_box .content_qcm_text,.seancePage #feedback  #content #answers .answer_box .content_qcm_text {
	width: 90%;
	margin: 0px;
	padding: 2%;
	display: flex;
	flex-direction: row;
	justify-content:flex-start;
	align-items: center;
}
.seancePage #QCM  #content #answers .answer_box .content_qcm_text p,.seancePage #QCM  #feedback #answers .answer_box .content_qcm_text .text {
	margin: 0px;
}
.seancePage #QCM  #content #answers .answer_box .content_button,.seancePage #feedback  #content #answers .answer_box .content_button {
	padding:2% 3% ;
	margin: 0px;
}
.seancePage #QCM  #content #question,.seancePage #feedback  #content #question {
	/* min-height:105px; */
	padding:1% 2%;
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	margin:0px;
}
.seancePage #quizz_box #quizz_feedback_content {
	display: none;
}
.seancePage #quizz_box #quizz_feedback_content #title {
	margin-top: 5px;
	background-color: rgba(85,51,237,0.1);
	padding: 2%;
}
.seancePage #quizz_box #quizz_feedback_content #feedback {
	margin-top: 5px;
	background-color: rgba(85,51,237,0.1);
	padding: 2%;
}
.seancePage #quizz_box #quizz_feedback_content #feedback .feedback_inner_qcm {
	border:solid red 3px; 
	margin-top:55px;
}
.seancePage #quizz_box #quizz_feedback_content #feedback .feedback_inner_qcm #question,.seancePage .quizz_common #question {
	padding:4% 0px;
}
.seancePage #quizz_box .quizz_results_shared #results_stars {
	margin: 25px 0px;
	flex-wrap: wrap;
}
.seancePage #quizz_box .quizz_results_shared #results_stars .far, .seancePage #quizz_box .quizz_results_shared #results_stars .fas  {
	background-color: gold;
	margin-right:15px;
}
.seancePage #quizz_box .quizz_results_shared .results_svg {
	margin-right:15px;
	width:15px;
	height:15px;
}
.seancePage #quizz_box .quizz_results_shared .feather_star {
	color: gold;
}
.seancePage #quizz_box .quizz_results_shared .feather_circle {
	color: red;
}
.seancePage .quizz_results_shared  {
	display:none;
	background-color:rgba(65,105,255,0.1);
	padding:0px 1%;
}
.seancePage .quizz_results_shared .is_hover:hover {
	background-color:white;
	box-shadow:unset;
}		
.seancePage .quizz_results_shared .quizz_results_shared_top {
	padding:2% 0px;
	align-self: stretch;
}
.seancePage .quizz_results_shared .quizz_results_shared_bottom {
	align-self:stretch;
}
.seancePage .quizz_results_shared .quizz_results_shared_bottom_left {
	width:50%;
	padding:4% 0px;
	margin:1% 0.5% 1% 0px;
	align-self:stretch;
}
.seancePage .quizz_results_shared .results_button_retry {
	border:solid red 1px;
	border-radius:35px;
	height:35px;
	padding:3% 2%;
	background-color:white;
}
.seancePage .quizz_results_shared .results_button_retry svg {
	width:10px;
	height:10px;
	margin-right:15px;
}
.seancePage .quizz_results_shared .quizz_results_shared_bottom_right {
	width:50%;
	padding:4% 0px;
	margin:1% 0px 1% 0.5%;
	align-self:stretch;
	font-size:24px;
}
.seancePage .quizz_common {
	position:relative;
	padding:3% 2% 0px 2%;
}
.seancePage .contentQuizz .instruction {
	margin-bottom:15px;
}
.seancePage .quizz_feedback {
	margin:15px 0px;
	background-color:white;
	padding:4% 1%;
}
.seancePage .contentQuizz .instruction .counter {
	margin-right:15px;
}
.seancePage .contentQuizz .instruction .counter .counter_inner {
	font-weight:bold;
	width:35px;
	height:35px;
	background-color:navy;
	border-radius:20px;
	padding:1%;
	color:white;
}
.seancePage .contentQuizz .instruction .text_instruction {
	min-width:80%;
}
.seancePage .seanceContentBox .contentQuizz svg {
	transform: scale(1.9);
}

.common_quizz_container .seanceContentBox .contentQuizz {	
	width:90%;
	padding:0px;
	margin:15px 5% 15px 5%;
	overflow:hidden;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	position:relative;
}
.common_quizz_container .quizz_bottom  {
	padding:2%;
	background-color:#e7e7e7;
}
.common_quizz_container .contentQuizz .quizz_bottom  .quizz_bottom_right {
	align-self: stretch;
	flex:1;
	max-width:25%;
}									
.common_quizz_container .contentQuizz .quizz_bottom  .quizz_bottom_right .common_bottom {
	margin-left:10px;
}
.common_quizz_container .quizz_bottom  .common_bottom {
	background-color:white;
	padding:15px;
	border-radius:2px;
}
.common_quizz_container .quizz_bottom .chevron {
	color:#e7e7e7;
	width:20px;
	height:20px;
}
.common_quizz_container .contentQuizz .quizz_bottom .quizz_bottom_left .common_bottom {
	background-color:white;
	color:#e7e7e7;
	border-radius:35px;
	border:3px rgba(255,255,0,0.3) solid;
}									
@media all and (max-width: 968px) {
	.common_quizz_container .quizz_bottom .chevron {
		width:15px;
		height:15px;
	}
	.common_quizz_container .quizz_bottom  .common_bottom {
		padding:10px;
	}
}	
.common_quizz_container .contentQuizz .quizz_bottom .quizz_bottom_right .quizz_finish {
	color:red;
	background-color:rgba(255,0,0,0.3);
	padding:0px 10%;
	margin-left:15px;
	align-self: stretch;
}
.common_quizz_container .contentQuizz .quizz_bottom .quizz_bottom_right .chevron_finish {
	margin-left:15px;
	width:15px;
	height:15px;
	color:red;
}
.common_quizz_container .contentQuizz .alert_box {
	margin-top:15px;
	padding:2%;
	background-color:#e7e7e7;
}
.common_quizz_container .contentQuizz .alert_box .alert_box_inner {
	padding:1% 2%;
	background-color:white;
	width:100%;
}
.common_quizz_container .contentQuizz .alert_box .alert_box_chevron {
	margin-left:15px;
	width:35px;
	height:35px;
	border-radius:20px;
	background-color:#e7e7e7;
	color:white;
}
.common_quizz_container .contentQuizz .alert_box .chevron_info {
	width:10px;
	height:10px;
}
.common_quizz_container .content_text {
	padding:0px 2%;
	margin:15px 0px;
}
.common_quizz_container .content_text p {
	color:black;
	font-size:20px;
	margin:0px;
}
.common_quizz_container .quizz_inner {
	position:relative;
	height:auto;
}
.common_quizz_container .select_theme {
	padding:1%;
}
.common_quizz_container .select_theme option {										
	font-size:15px;
	padding:15px;
}
@media screen and (max-width: 991px) {
	.common_quizz_container .select_theme {
		padding:1px;
	}
	.common_quizz_container .select_theme option {										
		font-size:12px;
		padding:5px;
	}
}
.common_quizz_container .contentQuizz .config_box  {
	align-self: stretch;
	/* background-color:rgba(255,255,0,0.3); */
	border-radius:15px;
	padding:2% 3%;
}
.common_quizz_container .config_box .box_common {
	padding:1%;
	/* margin:10px 0px; */
	margin:5px 0px;
	background-color:white;
	border-radius:5px;
}
.common_quizz_container .config_box .button_common {
	width:25px;
	height:25px;
	background-color:rgba(255,0,0,0.3);
	border-radius:15px;
	margin-left:10px;
}
.common_quizz_container .contentQuizz .content_configuration_inner  {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:25;
	/* margin:45px 15px; */
}
@media screen and (max-width: 991px) {
	.common_quizz_container .title {
		font-size:25px;
	}
	.common_quizz_container .content_text p {
		font-size:18px;
	}
	.common_quizz_container .contentQuizz .config_box {
		font-size:11px;
	}
	.common_quizz_container .config_box .button_common {
		width:18px;
		height:18px;
	}
	.common_quizz_container .config_box .box_common {
		margin:5px 0px;
	}
}
.seancePage .quizz_common #control #two .fas {
	width:15px;
	height:15px;
}
.seancePage .quizz_common #SELECT,.seancePage .quizz_common #INPUTTEXT {
	margin:0px;
	background-color:white;
}
.seancePage .quizz_common #INPUTTEXT .input #content_text:focus {
	outline: none !important;
}
.seancePage #content_text {
	width:100px;
	height:15px;
	padding-left:5%;
	margin:0px;
	border-radius:25px;
}
.seancePage .feedback {
	padding:4px 5px;
	margin-left:10px;
	border-radius:25px;
	font-size:10px;
}		
#SELECT .selectList,.quizz_feedback .selectList {
	border-radius:25px;
	margin:0px;
}
#SELECT .selectList:focus {
	outline: none !important;
}			
.seancePage #WS .control {
	background-color: white;
	flex-wrap: wrap;
	padding: 2%;
}	
.seancePage #WS .content_inner {
	padding:2% 0px;
}
.seancePage #WS .action_select {
	padding: 2%;
}
.seancePage #WS .select_quizz {
	border: solid rgba(85,51,237) 1px;
	border-radius:35px;
	padding:2%;
	margin-right:35px;
}
.seancePage #WS .action_select .select_quizz {
	padding:1%;
}
.seancePage .wrap_feedback {
	display:inline-flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
}
.seancePage .ws_text_feedback {
	font-size:11px;
	display:inline-flex;
	font-style: italic;
	margin:0px 5px 0px 10px;
}
.seancePage .ws_text_feedback2 {
	color:red;
	margin-right:5px;
}