#modal-wait-dialog .please_wait {
	font-size: 16px;
	font-weight: bold;
	color: #505050;
}

#modal-wait-dialog .dont_close {
	font-size: 16px;
	font-weight: bold;
	color: #85c942;
}

#modal-wait-dialog .progress_bar_container {
	padding: 15px 0 35px;
}

#modal-wait-dialog .quizz_container {
	background-color: #505050;
	color: #FFF;
	border-radius: 7px;
	min-height: 70px;
	position: relative;
}

#modal-wait-dialog .quizz_container .title .joined {
	text-shadow: transparent 0 0 0;
	color: transparent;
}

#modal-wait-dialog .quizz_container .title {
	font-family: 'Pacifico', cursive;
	position: absolute;
	top: -25px;
	left: 50%;
	transform: translate(-50%);
	color: #85c942;
	font-size: 40px;
	text-shadow: rgb(255, 255, 255) 9px 0px 0px, rgb(255, 255, 255) 8.95px 1px 0px, rgb(255, 255, 255) 8.78333px 1.98333px 0px, rgb(255, 255, 255) 8.5px 2.95px 0px, rgb(255, 255, 255) 8.13333px 3.86667px 0px, rgb(255, 255, 255) 7.65px 4.75px 0px, rgb(255, 255, 255) 7.06667px 5.56667px 0px, rgb(255, 255, 255) 6.41667px 6.31667px 0px, rgb(255, 255, 255) 5.66667px 6.98333px 0px, rgb(255, 255, 255) 4.86667px 7.56667px 0px, rgb(255, 255, 255) 4px 8.06667px 0px, rgb(255, 255, 255) 3.06667px 8.46667px 0px, rgb(255, 255, 255) 2.11667px 8.75px 0px, rgb(255, 255, 255) 1.13333px 8.93333px 0px, rgb(255, 255, 255) 0.133333px 9px 0px, rgb(255, 255, 255) -0.866667px 8.96667px 0px, rgb(255, 255, 255) -1.85px 8.8px 0px, rgb(255, 255, 255) -2.81667px 8.55px 0px, rgb(255, 255, 255) -3.75px 8.18333px 0px, rgb(255, 255, 255) -4.63333px 7.71667px 0px, rgb(255, 255, 255) -5.45px 7.15px 0px, rgb(255, 255, 255) -6.21667px 6.5px 0px, rgb(255, 255, 255) -6.9px 5.78333px 0px, rgb(255, 255, 255) -7.5px 4.98333px 0px, rgb(255, 255, 255) -8px 4.11667px 0px, rgb(255, 255, 255) -8.41667px 3.2px 0px, rgb(255, 255, 255) -8.71667px 2.25px 0px, rgb(255, 255, 255) -8.91667px 1.26667px 0px, rgb(255, 255, 255) -9px 0.266667px 0px, rgb(255, 255, 255) -8.96667px -0.716667px 0px, rgb(255, 255, 255) -8.83333px -1.71667px 0px, rgb(255, 255, 255) -8.58333px -2.68333px 0px, rgb(255, 255, 255) -8.23333px -3.61667px 0px, rgb(255, 255, 255) -7.78333px -4.51667px 0px, rgb(255, 255, 255) -7.23333px -5.35px 0px, rgb(255, 255, 255) -6.6px -6.11667px 0px, rgb(255, 255, 255) -5.88333px -6.81667px 0px, rgb(255, 255, 255) -5.08333px -7.41667px 0px, rgb(255, 255, 255) -4.23333px -7.93333px 0px, rgb(255, 255, 255) -3.33333px -8.36667px 0px, rgb(255, 255, 255) -2.38333px -8.68333px 0px, rgb(255, 255, 255) -1.4px -8.88333px 0px, rgb(255, 255, 255) -0.416667px -8.98333px 0px, rgb(255, 255, 255) 0.583333px -8.98333px 0px, rgb(255, 255, 255) 1.58333px -8.86667px 0px, rgb(255, 255, 255) 2.55px -8.63333px 0px, rgb(255, 255, 255) 3.5px -8.3px 0px, rgb(255, 255, 255) 4.4px -7.85px 0px, rgb(255, 255, 255) 5.23333px -7.31667px 0px, rgb(255, 255, 255) 6.01667px -6.7px 0px, rgb(255, 255, 255) 6.71667px -5.98333px 0px, rgb(255, 255, 255) 7.35px -5.2px 0px, rgb(255, 255, 255) 7.86667px -4.35px 0px, rgb(255, 255, 255) 8.31667px -3.45px 0px, rgb(255, 255, 255) 8.63333px -2.51667px 0px, rgb(255, 255, 255) 8.86667px -1.53333px 0px, rgb(255, 255, 255) 8.98333px -0.55px 0px, rgb(255, 255, 255) 5.23333px -7.31667px 0px, rgb(255, 255, 255) 6.01667px -6.7px 0px, rgb(255, 255, 255) 6.71667px -5.98333px 0px, rgb(255, 255, 255) 7.35px -5.2px 0px, rgb(255, 255, 255) 7.86667px -4.35px 0px, rgb(255, 255, 255) 8.31667px -3.45px 0px, rgb(255, 255, 255) 8.63333px -2.51667px 0px, rgb(255, 255, 255) 8.86667px -1.53333px 0px, rgb(255, 255, 255) 8.98333px -0.55px 0px, rgb(255, 255, 255) 5.23333px -7.31667px 0px, rgb(255, 255, 255) 6.01667px -6.7px 0px, rgb(255, 255, 255) 6.71667px -5.98333px 0px, rgb(255, 255, 255) 7.35px -5.2px 0px, rgb(255, 255, 255) 7.86667px -4.35px 0px, rgb(255, 255, 255) 8.31667px -3.45px 0px, rgb(255, 255, 255) 8.63333px -2.51667px 0px, rgb(255, 255, 255) 8.86667px -1.53333px 0px, rgb(255, 255, 255) 8.98333px -0.55px 0px, rgb(255, 255, 255) 5.23333px -7.31667px 0px, rgb(255, 255, 255) 6.01667px -6.7px 0px, rgb(255, 255, 255) 6.71667px -5.98333px 0px, rgb(255, 255, 255) 7.35px -5.2px 0px, rgb(255, 255, 255) 7.86667px -4.35px 0px, rgb(255, 255, 255) 8.31667px -3.45px 0px, rgb(255, 255, 255) 8.63333px -2.51667px 0px, rgb(255, 255, 255) 8.86667px -1.53333px 0px, rgb(255, 255, 255) 8.98333px -0.55px 0px;
}

#modal-wait-dialog .quizz_container #quizz_zone {
	padding: 57px 20px 0;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
	font-family: 'Comfortaa', sans-serif;
}

#modal-wait-dialog .quizz_container #quizz_zone .reponse {
	display: inline-block;
	padding: 9px 17px;
	border: 3px solid #505050;
	margin: 0 8px 12px;
	background-color: #FFF;
	border-radius: 10px;
	color: #555;
	cursor: pointer;
}

#modal-wait-dialog .quizz_container #quizz_zone .reponse:hover {
	border: 3px solid #85c942;
}

#modal-wait-dialog .quizz_container #quizz_zone .reponse.active {
	border: 3px solid #505050;
	background-color: #85c942;
	color: #FFF;
}

#modal-wait-dialog .quizz_container #quizz_zone .reponse.error {
	border: 3px solid #505050;
	background-color: #dd2737;
	color: #FFF;
}

#modal-wait-dialog .quizz_container #quizz_zone .bonne_reponse {
	font-size: 24px;
	padding-bottom: 8px;
}

#modal-wait-dialog .quizz_container #quizz_zone .explication {
	padding-bottom: 15px;
	font-style: italic;
}

#modal-wait-dialog .quizz_container #quizz_zone .next_container {
	padding-bottom: 15px;
	text-align: center;
}

#modal-wait-dialog .quizz_container #quizz_zone .next {
	display: inline-block;
	color: #555;
	background-color: #FFF;
	border-radius: 7px;
	cursor: pointer;
	padding: 4px 15px;
}

#modal-wait-dialog .quizz_container #quizz_zone .next:hover {
	color: #FFF;
	background-color: #85c942;
}

#modal-wait-dialog .quizz_container #quizz_zone .reponses_prop {
	padding-top: 25px;
	padding-bottom: 8px;
	font-size: 14px;
}

#modal-wait-dialog .quizz_container #quizz_zone .reponses_prop .reponse {
	font-size: 18px;
}

#modal-wait-dialog .quizz_container #quizz_zone .next span {
	font-size: 14px;
	position: relative;
	top: 2px;
}

@media (max-width: 767px) {
	#modal-wait-dialog .quizz_container #quizz_zone {
		font-size: 16px;
	}

	#modal-wait-dialog .please_wait,
	#modal-wait-dialog .dont_close {
		font-size: 14px;
	}

	#modal-wait-dialog .quizz_container .title {
		font-size: 30px;
		text-shadow: rgb(255, 255, 255) 7px 0px 0px, rgb(255, 255, 255) 6.93333px 1px 0px, rgb(255, 255, 255) 6.71667px 1.96667px 0px, rgb(255, 255, 255) 6.36667px 2.91667px 0px, rgb(255, 255, 255) 5.88333px 3.78333px 0px, rgb(255, 255, 255) 5.28333px 4.58333px 0px, rgb(255, 255, 255) 4.58333px 5.3px 0px, rgb(255, 255, 255) 3.78333px 5.88333px 0px, rgb(255, 255, 255) 2.9px 6.36667px 0px, rgb(255, 255, 255) 1.96667px 6.71667px 0px, rgb(255, 255, 255) 1px 6.93333px 0px, rgb(255, 255, 255) 0px 7px 0px, rgb(255, 255, 255) -1px 6.93333px 0px, rgb(255, 255, 255) -1.98333px 6.71667px 0px, rgb(255, 255, 255) -2.91667px 6.36667px 0px, rgb(255, 255, 255) -3.78333px 5.88333px 0px, rgb(255, 255, 255) -4.58333px 5.28333px 0px, rgb(255, 255, 255) -5.3px 4.58333px 0px, rgb(255, 255, 255) -5.9px 3.78333px 0px, rgb(255, 255, 255) -6.36667px 2.9px 0px, rgb(255, 255, 255) -6.71667px 1.96667px 0px, rgb(255, 255, 255) -6.93333px 0.983333px 0px, rgb(255, 255, 255) -7px -0.0166667px 0px, rgb(255, 255, 255) -6.93333px -1px 0px, rgb(255, 255, 255) -6.71667px -1.98333px 0px, rgb(255, 255, 255) -6.36667px -2.91667px 0px, rgb(255, 255, 255) -5.88333px -3.8px 0px, rgb(255, 255, 255) -5.28333px -4.6px 0px, rgb(255, 255, 255) -4.58333px -5.3px 0px, rgb(255, 255, 255) -3.76667px -5.9px 0px, rgb(255, 255, 255) -2.9px -6.36667px 0px, rgb(255, 255, 255) -1.96667px -6.71667px 0px, rgb(255, 255, 255) -0.983333px -6.93333px 0px, rgb(255, 255, 255) 0.0166667px -7px 0px, rgb(255, 255, 255) 1.01667px -6.93333px 0px, rgb(255, 255, 255) 1.98333px -6.71667px 0px, rgb(255, 255, 255) 2.91667px -6.36667px 0px, rgb(255, 255, 255) 3.8px -5.88333px 0px, rgb(255, 255, 255) 4.6px -5.28333px 0px, rgb(255, 255, 255) 5.3px -4.56667px 0px, rgb(255, 255, 255) 5.9px -3.76667px 0px, rgb(255, 255, 255) 6.36667px -2.9px 0px, rgb(255, 255, 255) 6.71667px -1.95px 0px, rgb(255, 255, 255) 6.93333px -0.983333px 0px;
	}

	#modal-wait-dialog .quizz_container .title {
		top: -20px;
	}

	#modal-wait-dialog .quizz_container #quizz_zone {
		padding-top: 40px;
	}

	#modal-wait-dialog .quizz_container #quizz_zone .reponses_prop {
		padding-top: 15px;
	}
}


#modal-wait {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: rgba(66, 66, 66, 0.6);
	font-family: Arial, Helvetica, sans-serif;
}

#modal-wait-dialog {
	position: relative;
	background-color: #FFF;
	margin: 0 auto;
	max-width: 450px;
	min-height: 150px;
	text-align: center;
	padding: 20px 15px;
}

#wait-modal-json-points {
	display: inline-block;
	width: 15px;
	text-align: left;
}

#modal-close-button {
	display: block;
	cursor: pointer;
	background-color: #444;
	color: #FFF;
	padding: 0 10px;
	position: absolute;
	top: 0px;
	right: 0px;
}

#modal-close-button:hover {
	text-decoration: none;
	background-color: #595959;
}

#modal-inside {
	margin-top: 20px;
}

@media all and (max-width: 480px) {
	#modal-wait-dialog {
		max-width: 85%;
	}
}

#modalMentions p{
	line-height: 22px;
}

#modalPart,
#modalMentions,
#modalCharte,
#modalCGV_BCA {
	color: #444;
	text-align: justify;
}

#modalPart h2,
#modalMentions h2,
#modalCharte h2,
#modalCGV_BCA h2 {
	font-size: 26px;
	font-weight: bold;
	text-align: left;
}
#modalPart h3,
#modalMentions h3,
#modalCharte h3,
#modalCGV_BCA h3 {
	font-size: 22px;
    font-weight: bold;
}
#modalCGV_BCA {
	width: 100% !important;
}

.modal-body img {
	max-width: 60%;
}

.modal-body a {
	color: #444;
	border: 0;
	display: inline;
	text-decoration: underline;
}

.progress-bar--container {
	width: 100%;
	height: 10px;
	background-color: rgba(225,225,233, .3);
	
	display: none;
	position: relative;
	overflow: hidden;
	transition: opacity 0.5s ease-out;
	opacity: 1;
}
  
.progress-bar--container::after {
	background-color: rgb(108,209,85);
	
	content: "";
	position: absolute;
	width: inherit;
	height: inherit;
	transform-origin: left;
}
  
 .progress-bar--container.visible {
	display: block;
	animation: progress-bar--container_fadeIn 0.2s ease-in;
}
  
.progress-bar--container.visible::after {
	display: block;
	animation: progress-bar_fill 2s linear;
	animation-iteration-count: infinite;
}
  
.progress-bar--container.visible.fade {
	opacity: 0;
}
  
@keyframes progress-bar_fill {
	0% {
	  transform: scaleX(0) translateX(0);
	}
	1% {
	  transform: scaleX(0) translateX(0);
	}
	33% {
	  transform: scaleX(0.66) translateX(16.5%);
	}
	75% {
	  transform: scaleX(1.5) translateX(66%);
	}
	100% {
	  transform: scaleX(2) translateX(150%);
	}
}
@keyframes progress-bar--container_fadeIn {
	from {
	  opacity: 0;
	}
  
	to {
	  opacity: 1;
	}
}

.modal-img {
	max-width: 100%;
    max-height: 100%;
}

.modal-img img {
	max-width: 50%;
    max-height: 50%;
}

.manual-sender-modal {
	border-radius: 20px;
	padding: 20px;
	box-shadow: 5px 10px #7C7C7C;
}