/* liste fonctionnalités */

/*@media (min-width: 768px) {
	.features-list {
		padding-left: 8%;
	}
}
.features-list .col-md-2 {
	width: 8.66666667%;
}*/
.features-list .feature {
	font-size: 16pt;
}
.features-list .feature .colored-card {
	border-radius: 10px;
}
/*@media (max-width: 768px) {*/
	.features-list .feature .colored-card {
		margin-left: 0;
		margin-right: 0;
	}
.features-list .feature .icon {
	background: #e4ecfd;
	border: none;
	float: left;
	padding: 15px;
	width: 64px;
	height: 64px;
	text-align: center;
	margin-right: 20px;
	display: grid;
}
.features-list .feature .icon i {
	align-content: center;
	font-size: 28px;
}

/* timeline */

.vertical-timeline {
	background: repeat-y center url("../images/timeline-bg.png") transparent;
	height: 100%;
	display: grid;
	align-content: center;
}
.vertical-timeline img {
	width: 32px;
}

/* liste usages */

.usages-list {
}
.usages-list .usage {
	margin: 1rem;
}
@media (min-width: 768px) {
	.usages-list .usage {
		margin: 3rem;
	}
}
.usages-list .usage .usage-detail {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.usages-list .usage .text {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}
/*.usages-list .usage .text.left {
	padding-right: 3rem;
}
.usages-list .usage .text.right {
	padding-left: 3rem;
}*/
.usages-list .usage .text h3 {
	font-weight: bold;
	font-family: 'Poppins', sans-serif;
	color: #01164E;
	text-align: justify;
}
.usages-list .usage .text .detail {
	padding: 5px;
	text-align: justify;
}
.usages-list .usage .text .detail.w-80 {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.usages-list .usage .text .detail i {
	color: #00ce94;
}
.usages-list .usage .text .detail .title {
	font-weight: bold;
}
.usages-list .usage .text .detail .desc {
	color: #4d576c;
}
.usages-list .usage .text .detail .desc p {
	margin-top: 1rem;
}

.usages-list .usage .image {
	border: 1px solid;
	background: #ffffff;
	padding: 0.8rem;
	border-radius: 50px;
}
.usages-list .usage .image.green {
	border-color: #00ce94;
}
.usages-list .usage .image.blue {
	border-color: #0056fd;
}

.usages-list .usage img {
	border-radius: 40px;
	width: 100%;
}
.usages-list .usage img.image-bg1 {
	background: radial-gradient(circle at bottom right, #e6eeff, #e6eeff 50%, #e6eeff 60%, #f3f5f8 0);
}
.usages-list .usage img.image-bg2 {
	padding-top: 20px;
	padding-left: 20px;
	background: radial-gradient(circle at top left, #e6eeff, #e6eeff 0%, #e6eeff 50%, #f3f5f8 0);
}
.usages-list .usage img.image-bg3 {
	padding-top: 10px;
	background: radial-gradient(circle at top center, #e6eeff, #e6eeff 0%, #e6eeff 60%, #f3f5f8 0);
}
.usages-list .usage img.image-bg4 {
	background: radial-gradient(circle at center, #e6eeff, #e6eeff 0%, #e6eeff 60%, #f3f5f8 0);
}
.usages-list .usage img.image-bg5 {
	background: radial-gradient(circle at bottom center, #e6eeff, #e6eeff 0%, #e6eeff 50%, #f3f5f8 0);
}
.usages-list .usage img.image-bg6 {
	background: radial-gradient(circle at top left, #e6eeff, #e6eeff 0%, #e6eeff 75%, #f3f5f8 0);
}
.usages-list .usage img.image-bg7 {
	background: radial-gradient(circle at bottom right, #e6eeff, #e6eeff 0%, #e6eeff 75%, #f3f5f8 0);
}
.usages-list .usage img.image-bg8 {
	background: radial-gradient(circle at center left, #e6eeff, #e6eeff 0%, #e6eeff 75%, #f3f5f8 0);
}


/* liste methode pointages */

.clock-event-methods-list .clock-event-method {
	padding: 1rem;
}
.clock-event-methods-list .clock-event-method .explication {
	padding: 2rem;
}
.clock-event-methods-list .clock-event-method .explication .card-title {
	margin-bottom: 1rem;
	font-weight: bold;
}
.clock-event-methods-list .clock-event-method .explication .desc {
	margin-bottom: 1rem;
}
.clock-event-methods-list .clock-event-method img {
	/*width: 40%;*/
	height: 20rem;
	width: auto;
}
.clock-event-methods-list .clock-event-method .text-center img {
	height: 13rem;
	width: auto;
}
.clock-event-methods-list .clock-event-method img.demo {
	height: 15rem;
	width: auto;
}

.clock-event-method-demo-list .clock-event-method-demo {
}
.clock-event-method-demo-list .clock-event-method-demo .explication {
	padding-left: 1rem;
	padding-right: 1rem;
}
.clock-event-method-demo-list .clock-event-method-demo .explication .card-title {
	margin-bottom: 1rem;
	font-weight: bold;
}
.clock-event-method-demo-list .clock-event-method-demo img {
	height: 15rem;
	width: auto;
}

/* temoignages */

.temoignages {
}
.temoignages .temoignage {
	padding: 1rem 0;
}
.temoignages ul.nav-pills {
	margin: auto;
	width: fit-content;
}
.temoignages .tab-content {
	background: transparent;
	border: none;
	padding: 0;
	margin: 0;
}
.temoignages .temoignage .colored-card {
	margin: 0;
}
.temoignages .temoignage i {
	font-size: 40pt;
	color: #e9e9ea;
}
.temoignages .temoignage .activity {
	font-size: 12pt;
	color: #00ce94;
	margin: 1rem 0;
}
.temoignages .temoignage .text {
	font-size: 22pt;
	font-family: 'Poppins', sans-serif;
}
.temoignages .temoignage hr {
	border-color: #b5b5b5;
}
.temoignages .temoignage img.logo {
	max-height: 40pt;
	max-width: 100%;
}
.temoignages .temoignage img.customer {
	border-radius: 20px;
	max-width: 100%;
}


/* assistance */

.assistance {
}
@media (min-width: 768px) {
	.assistance .assistance-presentation {
		padding: 2rem 0 2rem 1rem;
		/*ps-5 pt-4 pb-4*/
	}
}
.assistance .text-presentation {
	font-size: 30pt;
	line-height: 1.2;
}
.assistance .illustration {
	position: relative;
}
.assistance .illustration img {
	border-radius: 20px;
	max-width: 100%;
	margin: 0 auto;
}
.assistance .illustration .infobulle {
	border-radius: 50px;
	position: absolute;
	bottom: 5px;
	right: 10%;
	width: 80%;
}
.assistance .illustration .infobulle .icon-thumbnail {
	background: #eef1f7;
	/*border-radius: 50px;
	display: inline;
	padding: 10px 10px;*/
	margin-right: 10px;
}
.assistance .illustration .infobulle .icon-thumbnail i {
	/*font-size: 20pt;*/
	color: #00ce94;
}
.assistance .avantage .title {
	margin-top: 1rem;
	font-weight: bold;
}
.assistance .avantage .text-precision {
	text-align: center;
}

/* app_card */

div.app_card {
	display: inline-block;
	position: absolute;
	padding: 1rem 2rem;
}
div.app_card h3 {
	font-size: 24px;
	margin-bottom: 1rem;
}
div.app_icon {
	background: #1E76C0;
	border-radius: 1.5rem;
	border: none;
	padding: 0.5rem 1rem;
	display: inline-block;
}
div.app_icon img {
	width: 124px;
}
a img.os_logo {
	width: 24px;
}

.demo {
}
.demo .app_card {
	margin-top: 8%;
}

@media (max-width: 768px) {
	.billing-subscriptions .colored-card {
		margin: 0 0 1rem;
	}
}

/* video */

.video {
}

.video-container {
	position:relative;
	padding-bottom:36.25%;
	height:0;
	overflow:hidden;
}

/* Affichage sur mobile (page démo) : padding-bottom avec un pourcentage + élevé pour augmenter la hauteur de l'iframe */
@media screen and (max-width:809px){
	.video-container {
		position: relative;
		padding-bottom:56.25%;
		height:0;
		overflow:hidden;
	}
}

.video-container iframe,
.video-container object,
.video-container video,
.video-container embed {
	position:absolute;
	top:0;
	left:10%;
	width:80%;
	height:100%;
	border: 2px solid #bff3e5;
	padding: 10px;
	border-radius: 30px;
}

/* login demo */

.login_demo {
	border: 1px solid #eaeef3;
	border-radius: 1rem;
	padding: 1rem;
}
.login_demo .col-md-6:first-child {
	border-right: 1px solid #eaeef3;
}
.login_demo .icon {
	float: left;
	background: #e4ecfd;
	padding: 8px 12px;
	display: inline-block;
	height: auto;
	border-radius: 10px;
	margin-right: 12px;
}
.login_demo .subtitle {
	color: #9ca7be;
}
.login_demo .value {
	color: #4c4e4e;
	font-size: 12pt;
	font-weight: bold;
}

/* modal */

#modal_about_us img.logo {
	max-height: 70px;
}
#modal_about_us span.police_mytime {
	font-size: 38px;
	color: #1e76c0;
}
#modal_about_us .copyright {
	font-size: 12px;
}

/* Cookie consent */

@media (min-width: 768px) {
	body .cc_dialog.simple {
		max-width: 35%;
	}
}
body .cc_dialog {
	padding: 15px 25px 20px 25px;
}
body .cc_dialog .cc_dialog_text {
	text-align: justify;
	margin-bottom: 15px;
}
body .cc_dialog button.cc_b_cp {
	margin-left: 10px !important;
}
body .light.cc_dialog button.cc_b_cp {
	background-color: #e6e3e3;
}

/* Demande de démo */

#get_demo_hubspot_schedules {
	width: 100%;
	height: 70vh;
}

/* Contact */

table.coordonnees {
	font-size: 18px;
}

table.coordonnees tr td:first-child {
	width: 45%;
}
table.coordonnees tr td {
	padding: 15px 10px;
}

/* Mentions légales */

#mentions_legales p.article {
	font-weight: bold;
	margin-top: 5px;
}

/* FAQ */

#faq h3 {
	cursor: pointer;
}

div.list_faq {
	padding: 20px 0;
}

div.list_faq div.question {
	font-size: 20px;
	padding: 20px 0 10px 0;
	font-weight: 600;
}
div.list_faq p.reponse {
	font-size: 16px;
	text-align: justify;
}